今年最後のブログ…

2019.12.31

Logging

今年もユーザーさんに支えられブログを続けることが出来ました。

過去のブログを他のブログに移行していたのですが、
12月にそのブログももとに戻し、更新頻度も前と同じに変更しました。
(※そのブログも来年から不定期で更新していきます)

毎年の恒例の未来予想の話を記載します、
来年(2020年)、何が起こるかといえば自分は
人工知能のサービスが日本でも大々的に
各企業(中小企業含む)が使用されるようになると思います。

また、スマートグラスというものがもしかしたら
来年浸透するかもしれないなと思っています。

これはスマホに続く便利ツールになると感じています。

Amazon-Backed Smart Glasses For $1,000: First Look

あと日本でも5G(ファイブジー)のサービスが開始されますよね。
これは新しい風になると思います、通信費がいまの4G程だと
浸透するのはかなり早いと思います、また来年から
ギガ通信の制限がなくなるそうなので、
いろいろな事が変わり始める年になると思います。

※今年最後のブログ記事を見て頂きありがとうございます。
良いお年を!!

タグ

2020, 4, 5, いま, いろいろ, かなり, ギガ, クラス, こと, これ, サービス, シー, スマート, スマホ, ツール, ファイブ, ブログ, もと, もの, ユーザー, 不定期, 中小企業, 予想, , 人工, 今年, , 企業, , 使用, 便利, 制限, , 変更, , 恒例, 日本, 更新, 最後, 未来, 来年, 毎年, 浸透, 知能, 移行, , 自分, 記事, 記載, , 通信, 過去, 開始, 頻度, ,

英語を止めて中国語を勉強なさい。

2019.12.09

Logging

英語を止めて中国語を勉強しなさい

https://www.lingq.com/ja/

20ヶ国語話せるおじいさん…。
凄いな・・・日本人が聞いても理解できるから凄いな。

たぶん、日本人は完璧な英語が喋りたいから、挫折するだろうなと
感じます。伝わらないと日本人は結構な確率で挫折する。

それが一番の障壁になっているのだろうなと感じます。

ちなみに自分は英語を何度も勉強しようとして途中で止めてきた
ひとですが、聴く能力だけは映画やYOUTUBEで英語を理解していない
日本人より聞くことが多いので
その能力だけは高くなっているように思えます。

ただし、、、何を言っているかは1/4ぐらいの割合で理解できる程度です:D
自分が思うに聞く?話す?書くなのかも。

でも日本人の場合、最初に文法的なことから理解しようというするから
挫折するのかなと思います。

それとは別に下記の動画のような英単語勉強方法をすることをオススメします。

【英単語暗記法】20000語を覚えるための方法

タグ

0, , 20, 4, com, UlCz, youtube, おじいさん, おすすめ, こと, それ, , 下記, 中国語, , 何度, 割合, 勉強, 動画, 場合, 完璧, 挫折, 方法, 日本人, 映画, 最初, 理解, 確率, 程度, 結構, 能力, 自分, 英単語, 英語, , 途中, 障壁,

グーグルブレインって何?

2019.12.08

Logging

ニュースピックスのNEXTという番組でグーグルのことを解説していたのだけど、とても面白い内容だった。

また他にも5G(ファイブジー)になるとどうなっていくのかなどの内容も興味深い話だった。

グーグルブレインって何?の答えは下記の動画を参照すると分かりやすく解説しています。
ぐぐると答えは出ているのだけど・・・。

Meet our machine learning makers

※動画、NewsPicksから差し替えました。

ニュースピックスの動画が見えない人のために少し解説します。グーグルブレインとはグーグルの人工知能研究機関のことを指します、その中では自由な人工知能の研究を行ってよいとのことです、そして特に利益が出なくても良いとのこと。ニュースピックスのNEXTではいろいろな企業の解説していて毎回面白い内容になっていて自分は好きです、ただざっくり感があります、もっと深い話を聞きたい人にはもう少し長めでもよいじゃないかなと思うときもありますが、ニュースピックス動画の中でも今の所NEXTシリーズが面白いかなと思います。

タグ

5, newspicks, NEXT, いろいろ, グーグル, こと, シー, シリーズ, ため, とき, ニュース, ピックス, ファイブ, ブレイン, 下記, , , 人工, , , 企業, , 内容, 利益, 動画, 参照, 少し, , , 機関, 毎回, 番組, 知能, 研究, 答え, 自分, 自由, 解説, , 長め,

他人のせいにしても現実は変わらない。

2019.12.04

Logging

他人のせいにしても何も変わらない、むしろ後退するだけ
いまを楽しみ、前向きに頑張らないといけないなと
思う今日このごろです。

下記の言葉が好きなので心がけています。

「情けは人の為ならず、巡り巡って己がため」
「下がるほど 人の見上ぐる 藤の花」

世の中、本当にこれだと思います、、、
なんだかねぇこれなんだよなと、あまり人付合いしないですけど
たまたま何度も道端で合う人などがいます。

電話番号すらしらないのに。
以前、お仕事していたときに関わっていた人と
何故か何度も合うのです、こういうのを縁なんだと思います。

繋がっていないようで繋がっていて、恐ろしい世の中です(笑)

タグ

いま, お仕事, ぐる, これ, ため, とき, 下記, , , , 人付合い, 今日このごろ, 他人, 以前, , 何度, 前向き, , 後退, 情け, 本当, , 現実, 番号, , 藤の花, 見上, 言葉, 道端, 電話,

こういうの結構需要あるよね。

2019.12.01

Logging

こういうYOUTUBE動画は結構需要あるよねと思ってしまいます。
例えば、雨の街角を記録した映像とか、ほんと何気ないのだけど
ほんとにそういうのが好きです。

雨の音のアプリがあるのは、自分は納得しています。
自分も結構使っています。スマートスピーカーから雨音を一日中流すことも
あります。雨音って聞いていても雑音にもならないし、
逆になんだか落ち着けるので良いかなと思っています。

屋久島の夜音(虫の音色)も雨音と同じぐらい落ちけます。
ちなみに雨音聞かせてくれるサイトがあります。
https://www.rainymood.com/ 【昔は映像も流れてた】

こういった環境音っていま流行っているらしいですが…
休日は何も考えないでぼーっとこういう映像を観るのもリラックスに
良いかなと思っています。

Walking in Heavy Thunderstorm at Night in NYC (Umbrella Binaural 3D Rain Sounds) ASMR 4K

タグ

com, rainymood, youtube, アプリ, いま, こと, サイト, スピーカー, スマート, ほんと, リラックス, 休日, , 動画, , 屋久島, , 映像, 環境, 納得, 自分, , 街角, 記録, , 雑音, , 雨音, 需要, , 音色,

これから得する人。

2019.11.30

Logging

これから日本で得する人を考えてみた結果。
プログラミングができる人とかそんな人でもなく、
コミニュケーション能力があるひとでもなく、
遊びができる人でもないと思っていて…。

じゃ何なのかと言えば、英語力があるひとです。
外人と会話がスムーズにできる人です、それが出来てプラスアルファの
スキルがあるひとが重宝される時代になると思っています。

何故なのか?
これから先、日本は先進国からたぶんこのままだと落ちていく
落ちていくと海外の方が単価が高くなり日本は仕事を依頼する側から
依頼される側になる。そうなると英語力があるひとでないと
仕事が取れなくなるという図式になるのではと考えている。

翻訳ソフトは人工知能のおかげで進化しているけど
まだまだ荒削りです、自分で英語を勉強した方が良いでしょう。
あと10年は翻訳ソフトはうまく翻訳することは出来ないと思います。

人工知能の弱いところは新しい流行語に弱いところです。
なので、古い文法なら正しく翻訳できるでしょうけど新しい流行語などが
文章にはいっていたりするとポンコツ翻訳になってしまうので
あと10年と言いましたが、10年?20年は人と同等の能力を持つことは
無理だと思います。

What's it like to work at Google?

タグ

10, おかげ, こと, このまま, コミニュケーション, これ, スキル, スムーズ, ソフト, それ, ところ, ひと, ひとで, プログラミング, , 人工, 仕事, 会話, , 何故, 依頼, , , 先進, 勉強, 単価, 図式, , 外人, 文法, , 日本, 時代, 流行, 海外, 知能, 結果, 翻訳, 能力, 自分, 英語, 英語力, , 進化, 重宝,

働き方の考え方が変化している

2019.11.14

Logging

いままでは正社員が優遇された会社が多かった。
地方はそのような会社がまだありますが、都市では
そのような会社が減っています。

働き方改革で何が変わったのか。
1. 終身雇用ではなくなりつつある。
2.会社というシステムが必要性がなくなりつつある。

これからどうなるか(20年後までに起きそうなこと)?
1. 中小企業の減少(ホワイトカラーの企業からその動きが始まる)。
2.個人が複数の仕事を行うようなアメリカのような社会になる。

たぶん、これからIT業界は実力主義になります。
実力のない人は消えていく運命になると思います、そして
簡単な仕事は個人へ流れ、プロジェクトはプロジェクト単位で
チームが形成されプロジェクト完了ともに解散というような流れに
変わるでしょう。この基盤のようなWEBシステムサービスがありますが
最終的にはWEB上で仕事が行える環境を提供するサービスと
プロジェクトを発注するサービスは別々になると思います。

いま一番、問題なのはクラウド上で仕事が行える環境を提供してくれる
サービスが少ないということですが、今後はそのような環境を提供する会社は
増えていくと思います。


タグ

, 2, 20, IT, web, アメリカ, いま, , こと, これ, サービス, システム, チーム, プロジェクト, ホワイトカラー, , 中小企業, 主義, , 仕事, 企業, 会社, , 個人, 働き方, 優遇, 別々, 単位, 問題, 地方, 基盤, 変化, 完了, 実力, 形成, 必要性, 提供, 改革, 業界, 正社員, 減少, 環境, 発注, 社会, 簡単, 終身, 考え方, 複数, 解散, 運命, 都市, 雇用,

PHP非同期の考え方サンプル。

2019.11.12

Logging

非同期の考え方サンプルです。
さて非同期ってなんでしょうか?
非同期とは次から次へと仕事をお願いする状態。
仕事量が重いと結果が返るまで時間がかかります。
なので、Aという仕事が重く、B、Cという仕事が楽な場合は
A、B、Cという仕事を順番に頼んでもAの結果はBの後やCの後に
結果が返ってきます。

逆に同期処理とは何か?
A、B、C の順に仕事を頼むと、Aの仕事が終えた後にB、Cと仕事を
行います。

非同期=並列処理と考えると良いかも。
同期処理=逐次処理と考えると良いかも。

https://www.youtube.com/watch?v=VHlW65WPUDY


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <title>Document</title>
    <script>
        $(function(){
            $("#btn").on("click",function(){
                test();
                return false;
            })
        });
        function test(){
            var data = $("#frm").serialize();
            $.ajax({
                type: "post",
                url: "url.php",
                data: data,
                dataType: "json",
                success: function (response) {
                    console.log(response);
                }
            });
        }
    </script>
</head>
<body>
    <a href="#" id="btn">クリック</a>
    <form id="frm">
        <input type="text" name="test1">
        <input type="text" name="test2">
        <input type="text" name="test3">
    </form>
</body>
</html>
<?php
//url.php
$data = [];
if(!is_null($_POST)){
    foreach($_POST as $key=>$val){
        $data[$key] = $val;
    }
    print(json_encode($data));
}else{
    print(0);
}

タグ

65, 8, charset, com, DOCTYPE, en, gt, head, html, lang, lt, meta, name, php, quot, UTF-, VHlW, WPUDY, youtube, お願い, サンプル, 並列, 仕事, , 処理, 同期, 場合, , 時間, , 状態, 結果, 考え方, , , 順番,

高知県のダム貯水率をグラフ化してみた。

2019.09.21

Logging

高知県のダム貯水率をグラフ化してみた。
親戚にダムに勤めている人がいるのがきっかけで貯水率って
HPで表示させているのかなという事で調べてみました。
結果、かなり古いデザインサイトが現れた。
何とも懐かしい気持ちになりました。
そこでこの表からグラフ化してみたいなとか思って
ゴニョゴニョ作ってみた。
ちなみにソースコードが変わると
抜き取り出来なくなります。
追記:やはり変更されていました2へ続く
ソースコードを貼っときます。
ajaxとPHPを使用してます、XPathで貯水率だけ抜き取ってます。
サンプルサイト
https://zip358.com/tool/demo6/index.html

<?php
$html = file_get_contents("高知県のダム情報のURL");
$html = mb_convert_encoding($html,"UTF-8","SJIS");
$dom = new DOMDocument();
$html = mb_convert_encoding($html, "HTML-ENTITIES", 'UTF-8');
@$dom->loadHTML($html,LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD);
$xpath = new DOMXPath($dom);
$ary=array(
    "nagase",
    "kamaidani",
    "kagami",
    "sameura",
    "kirimi",
    "sakamoto",
    "oodo",
    "nakasugawa",
    "iburigawa"
);
for($i=3;$i<=11;$i++){
    foreach ($xpath->query("/html/body/form/div[2]/table/tr/td/table/tr[$i]/td[7]") as $node) {
        $r[] = preg_replace("/x{00a0}/u","",$node->textContent);
    }
}
foreach ($r as $key => $value) {
    $obj[$ary[$key]] = $value;
}
print json_encode($obj);
$(function(){
    dam();
    //setInterval(dam,9999)
});
function dam(){
    $.ajax({
        url : './dam.php',
        dataType : 'json',
        success : function(obj){
            $("#nagase").attr( "style","width:"+ parseInt(obj.nagase) +"%");
            $("#kamaidani").attr( "style","width:"+ parseInt(obj.kamaidani) +"%");
            $("#kagami").attr( "style","width:"+ parseInt(obj.kagami) +"%");
            $("#sameura").attr( "style","width:"+ parseInt(obj.sameura) +"%");
            $("#kirimi").attr( "style","width:"+ parseInt(obj.kirimi) +"%");
            $("#sakamoto").attr( "style","width:"+ parseInt(obj.sakamoto) +"%");
            $("#oodo").attr( "style","width:"+ parseInt(obj.oodo) +"%");
            $("#nakasugawa").attr( "style","width:"+ parseInt(obj.nakasugawa) +"%");
            $("#iburigawa").attr( "style","width:"+ parseInt(obj.iburigawa) +"%");
            $("#nagase").attr( "aria-valuenow",parseInt(obj.nagase));
            $("#kamaidani").attr( "aria-valuenow",parseInt(obj.kamaidani));
            $("#kagami").attr( "aria-valuenow",parseInt(obj.kagami));
            $("#sameura").attr( "aria-valuenow",parseInt(obj.sameura));
            $("#kirimi").attr( "aria-valuenow",parseInt(obj.kirimi));
            $("#sakamoto").attr( "aria-valuenow",parseInt(obj.sakamoto));
            $("#oodo").attr( "aria-valuenow",parseInt(obj.oodo));
            $("#nakasugawa").attr( "aria-valuenow",parseInt(obj.nakasugawa));
            $("#iburigawa").attr( "aria-valuenow",parseInt(obj.iburigawa));
            $("#nagase").text(obj.nagase + "%");
            $("#kamaidani").text(obj.kamaidani + "%");
            $("#kagami").text(obj.kagami + "%");
            $("#sameura").text(obj.sameura + "%");
            $("#kirimi").text(obj.kirimi + "%");
            $("#sakamoto").text(obj.sakamoto + "%");
            $("#oodo").text(obj.oodo + "%");
            $("#nakasugawa").text(obj.nakasugawa + "%");
            $("#iburigawa").text(obj.iburigawa + "%");
        },
        error: function(obj){
            alert("error");
        }
    });
  }
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>高知県のダム貯水率</title>
    <script src="../jquery/jquery-3.4.1.js"></script>
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <script src="./js/dam.js"></script>
    <style>
        body{
            background-color: #3e4654;
            color: aliceblue;
        }
    </style>
</head>
<body class="d-flex flex-column h-100">
    <main role="main" class="flex-shrink-0">
        <div class="container">
            <table class="table table-dark">
                <tr>
                    <td style="width:15%">
                        <p>永瀬ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress"  style="width:100%">
                            <div id="nagase" class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>鎌井谷ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="kamaidani" class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>鏡ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="kagami" class="progress-bar progress-bar-striped progress-bar-animated bg-info" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>早明浦ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="sameura" class="progress-bar progress-bar-striped progress-bar-animated bg-secondary" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>桐見ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="kirimi" class="progress-bar progress-bar-striped progress-bar-animated bg-success" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>坂本ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="sakamoto" class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>大渡ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="oodo" class="progress-bar progress-bar-striped progress-bar-animated bg-danger" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>中筋川ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="nakasugawa" class="progress-bar progress-bar-striped progress-bar-animated bg-dark" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td style="width:15%">
                        <p>以布利川ダム</p>
                    </td>
                    <td style="width:85%">
                        <div class="progress">
                            <div id="iburigawa" class="progress-bar progress-bar-striped progress-bar-animated bg-warning" role="progressbar" aria-valuenow="20"
                                aria-valuemin="0" aria-valuemax="100" style="width:20%"></div>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    </main>
    <footer class="footer mt-auto py-3">
        <div class="container">
            <span class="text-muted">©zip358.com</span>
        </div>
    </footer>
</body>
</html>

タグ

2, 358, 6, 8, ajax, com, contents, convert, demo, encoding, file, GET, HP, html, https, index, lt, mb, php, SJIS, tool, url, UTF-, XPath, zip, かなり, きっかけ, グラフ, コード, ゴニョゴニョ, サイト, サンプル, ソース, そこ, ダム, デザイン, , , , 使用, 変更, 情報, 気持ち, 結果, , 表示, 親戚, 貯水, 追記, 高知県,

変なコードを書いてしまった。それはいつものこと(笑)

2019.08.10

Logging

変なコードを書いてしまった。
PHPにstr_repeatという関数が存在しているのだけど
何のために使用するのか全然わからない。関数の内容は任意の文字を
指定回数、繰り返した文字列として返してくれるというものです。
試しにその関数を使用し変なコードを書きました。
茶目っ気ですので…。これがPCに負担がかかるとか
無限ループとかの処理にすると御縄なんでしょうけど・・・。
サンプルコードはこちらから
https://zip358.com/tool/demo5/index-11.php

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="../jquery.tubular.1.0.1/js/jquery.tubular.1.0.js"></script>
        <link rel="stylesheet" type="text/css" href="../jquery.tubular.1.0.1/css/screen.css">
        <script>
            $('document').ready(function() {
            var options = {
                videoId: '760lRwLKFF0',
                mute: true,
            };
            $('#bgmovie').tubular(options);
            });
        </script>
        <style>
            body{
                background-color: #000;
                color: #fff;
                font-size: 80px;
                line-height: 80px;
            }
            p{
                color: #38a9c5;
            }
        </style>
    </head>
    <body>
    <div id="bgmovie">
        <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
<?php
$str = str_repeat("高知 よさこい 踊る,",7);
var_dump(str_getcsv($str));
?>
<p class="oshite" data-oshite="<?=$str?>"style="text-decoration: underline">▼おして知るべし</p>
※おして知るべしをクリックすると7ウィンドウ開きますよ!!
<?php
    foreach(str_getcsv($str) as $val){
?>
<?php
    }
?>
</div>
        <script>
            $(function(){
                $(".oshite").on("click",function(){
                    let oshite = $(this).attr("data-oshite").split(",");
                    for(var i = 0 ; i < oshite.length ; i++){
                        if(oshite[i]!==""){
                            window.open("https://twitter.com/search?src=typed_query&q=" + encodeURIComponent(oshite[i]));
                        }
                    }
                });
            });
        </script>
        <script src='https://vjs.zencdn.net/7.6.0/video.js'></script>
    </body>
</html>

タグ

--, 11, 358, 5, 7, 8, , class, com, demo, DOCTYPE, endif, gt, html, IE, if, index, lt, lt-ie, no-js, PC, php, repeat, STR, tool, zip, いつも, コード, こちら, こと, これ, サンプル, それ, ため, もの, ループ, 任意, , 使用, 内容, 処理, 回数, , 存在, 指定, 文字, 文字列, 無限, , 茶目っ気, 負担, 関数,

TinyMCE 5.0でオリジナルプラグイン作成するはググれば何とかなるが?

2019.07.27

Logging

TinyMCE 5.0で独自のプラグインを開発するにあたって
ググれば4.0で作成する方法は山ほど例題があるのだけど5.0は
非常に少ないtinymce.windowManager.openを使用してのプラグインは
5.0でも案外簡単に見つかるのだけど、tinymce.windowManager.openUrlを
使用しての情報はググってもない。
唯一、公式サイトが記載しています。
しかし残念なことに全て英語で書かれています。

日本語で記載しろよという話だけど・・・・。
で!!tinymce.windowManager.openUrlで
何が出来るかと言えば外部ファイルを
読み込みが出来てそのレスポンスを受け取る事が出来るのです。
英語が嫌いでも原文で英語を読め!!ですよ・・・。
答えはそのページに書いているのですね。
※ちなみに会社でこの機能(e.windowManager.openUrl)を
使用し開発中です。
たぶん、自分みたいに困っている人もいると思うので
基本的な部分を記載しています、なお自作プラグインの作り方は
理解しているという前提で記載しています。
まず例としてPHPファイルを読み込みたいのなら
自作プラグインのPHPファイルに下記の記載を行います。

<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="/tool/bootstrap/css/bootstrap.css">
        <script src="/tool/jquery/jquery-3.4.1.js"></script>
    </head>
    <body>
        <form method="post">
        <input type="text" name="L_japan" class="form-control">
        <input type="text" name="L_English" class="form-control">
        <input type="button" name="submitbtn" value="恩恵を受ける"class="btn btn-primary">
        </form>
        <script>
            var chageJson = function(data) {
            console.log(data);
            var JsonData = [];
            for (i = 0; i < data.length; i++) {
                JsonData[data[i].name] = data[i].value
            }
            //console.log(JSON.stringify(data));
            return JsonData;
            }
            $("[name=submitbtn]").on("click",function(){
                data = chageJson($("form").serializeArray());
                window.parent.postMessage({ mceAction: 'customAction',data:data});
                window.parent.postMessage({ mceAction: 'close' });
            });
        </script>
    </body>
</html>

PHPファイルはこのような感じでjavascriptが大事ここで、
submitを行っています。
当然、JSON形式で返却しましょう。公式ページにも書かれいますが
mceActionで制御しましょう。
プラグイン側のJSは下記のようになります。

(function() {
    tinymce.create('tinymce.plugins.language_boon', {
        init : function( ed,  url) {
            console.log(ed);
            act =function(ed)
            {
                ed.windowManager.openUrl(
                    {
                    type: 'panel',
                    title: '恩恵を受ける',
                    url:url + "/language_boon.php",
                    onMessage:function(api, details){
                      console.log(api, details);
                      console.log('オレオレjapan', details.data.L_japan);
                      console.log('オレオレEnglish', details.data.L_English);
                   }
                });
            };
            // window.addEventListener('message', function (event) {
            //   console.log(event);
            //   var data = event.data;
            //   console.log(data.data);
            //   if(ed.settings.id == data.data.id_){
            //     console.log('オレオレjapan', data.data.L_japan);
            //     console.log('オレオレEnglish', data.data.L_English);
            //   }
            // });
              ed.ui.registry.addButton('language_boon',{
                title : '恩恵を受ける',
                text: '恩恵',
                onAction:function(){act(ed)}
            });
        },
    getInfo : function() {
        return {
            longname : 'tinymce.plugins.language_boon',
            author : 'taoka',
            authorurl : 'https://zip358.com',
            infourl : 'https://zip358.com',
            version : '1.0'
        };
    }
});
        tinymce.PluginManager.add('language_boon', tinymce.plugins.language_boon);
})();

公式ページは下記のリンクより
https://www.tiny.cloud/docs/ui-components/urldialog/#urldialoginstanceapi
サンプルサイトはこちら
https://zip358.com/tool/editor/
 
 

タグ

4.0, 5.0, open, openUrl, TinyMCE, windowMan, windowManager, オリジナル, こと, サイト, ファイル, プラグイン, ページ, レスポンス, , 会社, , 作成, 使用, 例題, 全て, 公式, 原文, 唯一, 外部, 嫌い, 山ほど, 情報, 方法, 日本語, 機能, 残念, 答え, 簡単, 英語, 記載, , 開発,

全ての定義済の変数を配列で返す

2019.03.16

Logging

全ての定義済の変数を配列で返す関数です。
全てなのでとってきて欲しくないものまでも取ってきます。
なのでそういうのはunsetします。
ちなみに似たようなのでcompactという関数がPHPには存在します。
何に使用する場合に便利かは人それぞれ違いますが
自分の場合はテンプレートエンジンを使用するときに重宝してます。
テンプレートエンジン・・・TwigやSmartyなど

<?php
$a = "abc";
$b = array(1,2,3);
$c = 123;
$vars = get_defined_vars();
unset($_COOKIE);
unset($_POST);
unset($_GET);
unset($_FILES);
unset($GLOBALS);
foreach ($vars as $key => $value) {
    var_dump($key);
    var_dump($value);
}
//...
var_dump($vars);

 

タグ

, 2, , ABC, array, as, compact, COOKIE, defined, dump, files, foreach, GET, GLOBALS, gt, key, lt, php, POST, Smarty, Twig, unset, value, var, vars, エンジン, それぞれ, テンプレート, とき, もの, , , 使用, 便利, 全て, 場合, 変数, 存在, 定義, 自分, 配列, 重宝, 関数,

PHPで怒られる怒られない2

2019.02.17

Logging

PHPで怒られる怒られないの違いはさて何でしょうか?
selfの使い道がポイントです。selfは静的な要素だと動作し
$thisは動的な要素だと動作します。

<?php
class demo1
{
    static function test1()
    {
        return __METHOD__.self::test2();
    }
    static function test2()
    {
        return __FUNCTION__;
    }
}
class demo2
{
    static function  test1()
    {
        return __METHOD__.self::test2();
    }
    function test2()
    {
        return __FUNCTION__;
    }
}
$demo1 = 'demo1';
print $demo1::test1()."n";
$demo2 = 'demo2';
print $demo2::test1()."n";

タグ

, 2, class, demo, FUNC, function, lt, METHOD, php, return, self, static, test, this, ポイント, , 使い道, 動作, 要素, 違い,

半世界を観てきましたよ。

2019.02.15

Logging

『半世界』本予告 2月15日(金)公開

半世界を観てきましたよ。
人だよなという映画です、ちなみにエンドロールが
以上に短いのもなんか意味があるなと感じました。
監督の伝えたかったことがなんとなく感じることが
できたかな。ずっと続くはずの日常もということですね。
人生何が起こるかわからないです、だから一日を
大切に生きないといけない、そして身近なひとを…。

タグ

56, com, kKSxI, QzpN, youtube, エンド, こと, バズ, ひと, ロール, , 世界, 人生, , , 大切, 意味, 日常, 映画, 監督, 身近,

年賀状CSVを作りました。SJISで保存してください。

2018.12.30

Logging

https://zip358.com/tool/nenga/
ブラウザ上で完結しています。
禁則処理などはありません、ただ純粋に入力したものが
CSV形式の文字列で出力されます。
これ何のために使えるかといえば
https://nenga.yu-bin.jp/
こちらのサイトで住所録を登録する際に使用できます。
タイトルにも描きましたがSJISの文字コードで出力をお願い致します、
また、データベースに保持などはしていないため
リロードしてしまうと全てのデータが消えてしまいます。
これを作った経緯。
自分が郵便年賀.jpで登録するのが面倒だったため作りました。

タグ

358, com, CSV, jp, nenga, SJIS, tool, yu-bin, zip, お願い, コード, こちら, これ, サイト, タイトル, ため, データ, データベース, ブラウザ, もの, リロード, 住所, , 使用, 保存, 保持, 入力, 全て, 処理, 出力, 完結, 年賀, 年賀状, 形式, 文字, 文字列, 登録, 禁則, 純粋, 経緯, 自分, 郵便, , 面倒,

映画、響-HIBIKI-を観てきましたよ。

2018.09.29

Logging

映画、響-HIBIKI-を観てきましたよ。
原作をうまく表現できていて違和感なく観えました。
良かったです。響の感覚は自分の中学生時代の考え方や感覚に似ているところがあります。
なんか少し懐かしく思えました。精神的なことから言えばサヴァン症候群の
分類に入るだろうけど、どうでもいいだよなそんな小さな事。
未だに人との対人関係は難しいけど、自分はこれが普通だと思っている。
普通ってなんですか?という事を問いかける良い映画だと思います。
常識って何だよって話です、本当に。
自分に言わせればひとの嫌がることをしたり、嫌味なことをいうのは
常識がないと思います。
彼女はストレートですが、荒削りな彼女の性格のほうが
常識があると思います。
 
 
 

タグ

-HIBIKI-, 4094065474, asin, jp, nbs, nbsp, こと, コレ, サヴァン, ストレート, ところ, ひと, 中学生, , , , 分類, 原作, 嫌味, 対人, 小学館, 小説, 少し, 常識, 彼女, 性格, 感覚, 文庫, 映画, 時代, 普通, 未だ, 本当, 症候群, 考え方, 自分, 表現, , 違和感, 関係, ,

夏バテ感が強い。

2018.08.16

Logging

疲労、たぶん夏バテで2日間いつも読んでいる最新の話題や記事を
全然、目を通していない。家に帰って飯を食べてバタンと寝るだけの日々。
朝起きて風呂に入り仕事へ。
AI(人工知能)に仕事取られていくだろうなと思う今日このごろ。
ただ、そろそろ自分でも簡単に使用できるレベルのオープンベースの人工知能ライブラリが
でてくるのだろうな。そうなったら良いなぁと思いつつも
やはり人工知能の勉強はしないといけないよなと思います。
 
機械学習では画像や音声で学習させるということを
忘れていたけど、よくよく考えるといろいろな事を機械学習で
勉強させられるということ、例えば最初にABCとフォルダを構えて
その中に正しい振り分けデータを入れてAIにお勉強させる(学習あり)ことで
これは何のデータか振り分けが可能になるわけです。
人工知能は仕分けがお得意だという事。
よくよく考えると荷物の仕分けも出来てしまうのではないかな?
今までOCRで行っていたことを機械学習で置き換えることで
アナログで書かれた伝票にも対応できたりするのではないかと。
主に仕分けや判別する分野では
人工知能は今後、大活躍かなと思います。
この判別する仕事って殆どの仕事は判別する仕事ではないのかと
思ってしまいます・・・。創作(クリエイティブ)する仕事はまだまだ
人工知能に奪われそうにないです。ちなみに人工知能は創作する事は可能です、
ただ創作したモノが良いか悪いかという事は人工知能はわからないからです。
データ上よくても実際、人が見ると全然だめモノばかり?

タグ

2, ABC, AI, nbsp, いろいろ, オープン, お勉強, お得意, こと, コレ, データ, はり, フォルダ, ベース, ライブラリ, レベル, , , 人工, , 今日このごろ, 仕事, , 使用, 勉強, 可能, 夏バテ, 学習, , , 日々, 最初, 最新, , 機械, 画像, 疲労, , 知能, 簡単, 自分, 荷物, 記事, 話題, 音声, 風呂, ,

日々淡々と

2018.05.02

Logging


日々淡々と生きてます。
この画像を作っている時に、小学生の時に切り絵をした事がふと蘇りました。
自分、小学生や中学生の時に何をしていたのかという記憶はほぼなし、出来事の記憶がちらほら有るぐらいで
あまり覚えていませんね。ちなみにこの画像は背景はグラデーションを使用し波のフリー画像を持ってきて加工をおこなってこんな感じに仕上げました。じぶんの画像は大体は苦労せずにお手軽に作成することが出来ると思います、制作にかける時間は大体、5分です。
凝ったものになると20分ぐらいの時もありますが、シンプルなものは大体、それぐらいです、飽きもせずこういうの
自前で作っていますが、こういうの好きですから続きます。
継続は力なりとは言いますが、アレは半分ウソだと思います。確かにある一定度は伸びますが、技は本を読んだり
誰かに教えてもらわないと身につかないと思います。自分は未だにイラレの参考書をちら見した程度です、本当は
ロゴとかそういうのが自分で作れたら良いなと思っています。

タグ

20, 5, アレ, イラレ, ウソ, グラデーション, こと, じぶん, シンプル, それ, フリー, もの, ロゴ, 一定, 中学生, , , 作成, 使用, 出来事, 切り絵, 制作, , 加工, 半分, 参考書, 大体, 小学生, 感じ, , 日々, , 時間, 未だ, , 本当, , 画像, 程度, 継続, 背景, 自分, 自前, 苦労, 記憶, 誰か, ,

5月の雨、6月の晴れ

2018.03.18

Logging


東京に住んでいた頃、雨の電車通勤がとても嫌でした。
高知で住んでいると通勤は殆どの人は車です、たぶんこれから先もそうなんだと思います。自分の世代が60代になる頃には自動運転とかが当たり前になっている世の中になるでしょう。
ちなみに今、自分は30代後半ですけど、心は20代前半の気分です。
40代になったとしても何にも変わらない気がします。
トイウコトハ、50代、60代と歳寄せてもあまり変わりそうにないです、あくまでも自分の場合ですが他の人はそれなりに変わっていくだろうと思いますよ。
じぶんは「新しい技術に興味、関心があります」なので少しも変わらないだろうと思います。このままの脳処理で行けば同じかなと思います。記憶力も20代から何も変わらないので変わらない気がします。
技術の節目ってあると思うです。
例えばパーソナルコンピュータが登場した時、インターネットが登場した時、大きく世の中が変わっていきます。今後、大きく変わることと言えばAIがAI2.0になった時、自動運転が普及した時、再生医療が確立した時、5G通信が普及した時に大きく世の中変わっていくだろうと思います。
世間では、働き方改革とか言っていますけど、それで世の中が変わっていくのではないです、世の中が変わるのは技術の進歩が飛躍した時だという事です、技術の単価と普及率は当たり前ですが、比例の関係にあります。単価が安いと普及率は上がります。
なので、5G、IOT、AI2.0、再生医療=自動運転の順に世の中に普及していくのかと思います。
そんなモノで2019年には5Gというのが都市から浸透していくと思います、新しい技術にふれるというのは情報を知るよりももっと可能性を感じられるのではないかと思います。

タグ

2.0, 20, 30, 40, 5, 50, 6, 60, AI, インターネット, こと, このまま, これ, コンピュータ, じぶん, それなり, トイウコトハ, パーソナル, , 世代, , , , 今後, , , , 再生, 処理, 前半, 場合, 少し, 当たり前, 後半, , 技術, , 普及, 晴れ, 東京, , 殆ど, , 気分, 登場, 節目, , 自分, 自動, 興味, 記憶力, , 通勤, 運転, 関心, , 電車, , 高知,

3%の人のために今まで踊らされていた?

2017.09.23

Logging


炎上を行っているのは国民の3%。
その人のためにCMなど停止したり芸能人を引退に追いやったり、
法律の改正されていたと思うとやるせない気持ちなります。
自分が当初から言っていたことは
やはり正しかったのだなとも思えたのですけど・・やはり
この事をもっと早く国民に知らせるべきことかなと思いましたね。
これからは企業もネットで炎上しようが
CMを続けるべきだとじぶんは思います、一部の過敏な人たちの為に
CMを停止するなどする必要はないかと思います。
ネットの炎上により法律が変わっていき
規制規制で生きにくい社会になる一歩手前で
このような調査結果が文化庁から出たこと良いことかなと思いますが
逆に言えば今までそれ上手く使って法改正していた安倍政権。
地方置き去りの弱者に対する改正法案がかなりあるなと感じます。
都心では何とか成ることでも地方では何ともならないことがある事を理解しないと
今後、国がめちゃくちゃになる気がします。
地方置き去りの政治は危ういと思います。
たぶんオリンピックが終わった後から、景気は失速すると
その保険にJA改革があるだろうけれど、どうなることやら・・・。
安倍政権はおそらくオバマ政権と同じで
国民ビックデータの情報を駆使して国民の不満を操作しているので
何とかなっているだろう。また国民に対してネット広告やLINEなどを使い情報発信を
行っているのは、ある意味、洗脳。
じぶんが賢いと思っている人はやられる、
逆に自分は馬鹿だと思っているひとの方がよほど賢明だと思います。
他人に馬鹿にされている人が言っている事が正解だったということは
良くあることです。
主張する3%の国民と主張しない97%の国民。
どちらが正しいわけではないと自分は思っていますが、ただ過敏に
反応する事もないのではないかなとも思っています。3%の意見が正しくない
わけでもないですが、この頃、数と勢いだけで議論もせず改正法案が
可決されるのは後々、しっぺ返しが来るだろうと。

タグ

, CM, かなり, こと, これ, じぶん, それ, ため, ネット, , 一部, , , 今後, 企業, , 停止, , 国民, 地方, 安倍, 引退, 弱者, 当初, 必要, 手前, 改正, 政権, 文化庁, , 気持ち, 法律, 法改正, 法案, 炎上, , 理解, 社会, 結果, 置き去り, 自分, 芸能人, 規制, 調査, , 過敏, 都心,

今頃、チーズはどこへ消えた?という本を読む。

2017.07.15

Logging

今頃になってチーズはどこへ消えた?という本を読む。
そして読んでよかったなと感じてしまう、自己啓発書なのかなと思う部分も
あるけれど全体を通して良い感じです。
要点はチーズの絵柄と一緒に書かれていたりしているけれど
物語は結構、読むべきことかなと。
例えば要点にはこういう文面がある。

変わらなければ破滅する。
古いチーズに早く見切りをつければそれだけ早く新しいチーズがみつかる。
従来どおりの考え方をしていては新しいチーズはみつからない。
早い時期に小さな変化に気づけばやがて訪れる大きな変化にうまく適応できる。
引用:チーズはどこへ消えた?より

実際これだけはやはり何を意味しているのかという事は掴みづらいひとも
いるかもしれないし、人によっては捉え方や解釈が違うので
やはり一度、物語を読むことをおすすめします。
そうすると何を意味しているのかという事が
理解できると感じます。
人によってチーズは何なのかというのは
違うとは思いますが、このチーズはどこへ消えた?という
本にかかれている事はチーズを見つけだすには
最短な道のりになるヒントになるのではないかなと感じました。

タグ

おすすめ, こと, これだけ, チーズ, どこ, ひと, 一度, , , 今頃, , 全体, 啓発書, 変化, 実際, 引用, 従来, 意味, 感じ, 捉え方, 文面, 時期, , 物語, 理解, 破滅, 絵柄, 考え方, 自己, 要点, 解釈, 適応, 部分,

笑いの源。

2017.05.06

Logging


笑いの源はなんだろう?
人はこういうときに何故か笑う。
自虐的な笑い、見下した笑い、愛想笑いの3種類に
分けられるのではないだろうか。
たまに馬鹿にした相手が後になって自分より優れていたりすると嫉妬の感情が
生まれたりするから人っていうのは変な生き物だなと。
この嫉妬とかいう感情がめちゃめちゃ人生で無駄な時間だと感じます。こうなってしまうと割り切れない人はなかなかその負の螺旋から抜け出せない。

http://www.ichinosuke-en.com/
先日、何の番組か忘れましたが春風亭一之輔 氏がTVで取り上げられていました。
昔から自分は落語は好きなんですね、子供の時から落語の喋りのリズムが好きでしてたまにYOUTUBE何かでたまに聞いたりします。
当たり前ですが落語は話のリズムだけではなく、聞き手をそのお話の中に引き込んでいく話術が必要になります。そういうのはいきなり出来るものではなく、経験や努力の末に身につくものだと
思います。なんでもそうなのだけど一流のひとはその事につぎ込んでいる時間が人よりも何倍も多いような気がします。
追記:嬉しいときの笑いは何処に分けられるのだろうか?

タグ

, com, http, ichinosuke-en, TV, www, youtube, お話, たま, とき, なん, ひと, もの, リズム, 一流, , , , 人生, , 何か, 先日, 努力, , 嫉妬, 子供, 当たり前, , 必要, 愛想笑い, 感情, , 春風亭一之輔, , 時間, , , 無駄, 生き物, 番組, 相手, 笑い, 経験, 聞き手, 自分, 落語, 螺旋, , 話術, , 馬鹿,

チームラボ猪子寿之氏の事を凡人が語る。

2016.11.26

Logging


チームラボ猪子寿之氏の事を凡人が語る。
⇔凡人とはじぶんの事です_(:3」∠)_
自分がチームラボの作品を見た時、凄いなと思いましたし
映像美がほんとに綺麗で見ていてずっと見ていたい作品ばかりでした。

Cold Life / 冷たい生命

そんなチームラボを率いるひとを知った時の衝撃は
チームラボの作品を見た時以上の物でしたと言っても
実際に会ったわけでもないのですが、メディアで話されている時の
感じからすると、このまんま何だろうなという印象を受けます。
あまり自分を飾らない人なんだろうなという印象。
そして独特の喋りと間の取り方が自分は好きですね。
また、個よりチームで出来る力を信じて活動されている人だという印象も
受けましたし、チームを大事にしている方だという印象もあります。
言い換えればひとの輪を大事にしている方なんだなと言うことです。
物事がうまく進むのに大切な要素を知っている
人なのかもしれないなという感じですかね。
猪子寿之氏に限らず著名人の異端児の共通している点は
シンプルに物事を考えれてるような気がします。
ただ、頭が良いでは普通の大企業止まりなんだという事も
認識しましたね。そこに一つPlusしている人が世界的な有名なひとや企業に
なれるのではないかなという事を感じました。

チームラボ・猪子寿之の変革の技法とは? | ART OF SHIFT -シフトの技法 Ep1 | WIRED x Galaxy Note9

タグ

, 7, 8, be, ppJN, WT, youtu, こと, じぶん, チーム, チームラボ, ひと, ほんと, まんま, メディア, わけ, , , , 作品, , 凡人, , 印象, 取り方, 大事, 大切, 実際, 感じ, , 映像美, , 活動, , 物事, 独特, 猪子寿之, 綺麗, 自分, 衝撃, 要素, , ,