vue.jsとreact.jsをお触りしているのですが?。

2020.02.13

Logging

vue.jsとreact.jsをお触りしてみて、どちらが難しいかといえばreact.jsかなと思いますが、すごく難しいわけでもない。vue.jsはjqueryがサクサク使えていて概念も大体把握していて、オリジナルプラグインも作れるよという方にはそれほど難しいとは感じないと思います。vue.jsの概念さえ理解できればあとは、vue.jsの仕様やドキュメントみれば、慣れれば使いこなす事は簡単だと思います。

react.jsは、JSXの事をちゃんと理解すれば使いこなす事はまぁ可能かなと思います。いま、web業界ではreact.jsとかゴニョゴニョ使える人が重宝されるみたいですよ。というか、もうjqueryとかオワコンと都会では業界人が言ってそうですね。ただ、そんな古いコードが田舎では動いてますし田舎の零細企業では、未だにIEの事をいう人がいる。そろそろIEの呪いから解き放たれたいですね…。マイクロソフトはいまの社長さんになってかなりマイクロソフト変わったのでWEB業界では、有り難い存在だと自分は勝手に思ってます。

タグ

IE, jquery, JS, JSX, react, vue, web, あと, いま, オリジナル, オワコン, かな, コード, ゴニョゴニョ, ドキュメント, どちら, プラグイン, マイクロソフト, わけ, 事, 人, 仕様, 企業, 可能, 呪い, 大体, 把握, 方, 業界, 業界人, 概念, 理解, 田舎, 社長, 簡単, 都会, 重宝, 零細,

ハローワークサイトの仕様が変わった、使いづらいよ！！ #ハローワーク

2020.01.06

Logging

本日（高知県）からおそらく高知県のハローワーク検索端末が変わったみたい？ウェブ（ホームページ）のハローワークサイトと統合した形になっている。要するに、わざわざハローワークへ行かなくても自宅で検索できるように
なったということです。

トイウコトデ、自宅でお仕事検索してそのナンバーを控えて最寄りのハローワークに問い合わせするのが便利かと思います。

ちなみにハローワークのサイトってアクションサーブレットで動いているよね。そろそろPHPで動かしたほうが良いじゃないかと思ってしまうのはじぶんだけなのでしょうかね？そしてcommon.jsを見た所、素人ぽっい記述だったが、エラーが一つも出ていないところは関心、ただWARNING（警告）はある。そしてコメント退けるべしとか、難読化しろよとかいろいろ言いたくなる。これ何次元の下請けがやってんだろうか・・・。

https://www.hellowork.mhlw.go.jp/

タグ

common, go, hellowork, https, JS, mhlw, php, WARNING, www, アクション, ウェブ, エラー, お仕事, こと, コメント, これ, サーブ, サイト, じぶん, トイウコトデ, ところ, ナンバー, ハローワーク, ホームページ, レッド, わざわざ, 一つ, 下請け, 仕様, 何次, 便利, 問い合わせ, 形, 所, 最寄り, 本日, 検索, 端末, 素人, 統合, 自宅, 記述, 警告, 関心, 難読, 高知県,

レンタルサーバーの帯域幅を増やしたい

2019.12.26

Logging

レンタルサーバーの帯域幅を増やしたい、そうする事によって表示速度はかなり変わる、特にモバイルファーストにはかなり良いと思うのだ。

レタリング処理能力が上がるのと帯域幅を増やすことによってモバイルファーストの評価は上がるだけど
共有のレンタルサーバーは帯域幅を上げることはすら出来ない仕様になっているところが多い。

WordPressを高速に動かすクサナギとかいうやつが良いのだが・・・。
それでもそんなに評価が上がるわけでもない。

WordPress専用サーバなどを試したことがないので試してみたいのだが、自分が思うにはあまりレタリング処理は
変わらないのではないかと思っている。

悩ましい、収入が安定すれば良いサーバに変えてみようとか密かに思っています。

やはりモバイルファーストってかなり影響するよね。
追記2021：因みにカゴヤ・ジャパンのレンタルサーバーだと帯域幅を増やせますよ。

タグ

2021, https, WordPress, www, You, かごや, かなり, クサナギ, こと, サーバ, サーバー, ジャパン, ところ, ファースト, モバイル, やつ, レタリング, レンタル, わけ, 事, 仕様, 共有, 処理, 収入, 安定, 専用, 帯域, 幅, 影響, 能力, 自分, 表示, 評価, 追記, 速度, 高速,

ワードプレス電光掲示板プラグインを作りました。

2019.12.05

Logging

電光掲示板（お知らせ）のプラグイン取扱に関して記載します。

プラグインに関してはワードプレス5.2以降を推奨としテーマファイル（外観）のheader.phpのbody直下に下記の記述が存在しない場合は追加記述を
お願いいたします。

<?php wp_body_open();?>

尚、プラグインのソースコードはご自由に変更頂き二次配布も構いませんが
ひとつ注意事項があります。参照した記事にリンクを貼ってください、
なお、事前の連絡等入りません。

電光掲示板（お知らせ）のソースコードは下記になります。
現在、テキストはHTMLタグを許していますので、いろいろと自由に
変更することが可能かと思います。

ちなみにこういった電光掲示板みたいな流れる仕様のコードは
インターネットの初期のころは多く見られましたが
このごろは全然、見なくなりましたね。。。

CSSの記述に関してはとくめいさんの記述を使用させて頂きました。
https://creatorclip.info/2014/06/css3-electric-bulletin-board/

とくめいさんも同じようなことを記事に記載しておりますが
自分もそのように感じました。

とくめいさんへ断りもなく使用してすみません、
Twitterで連絡しようかなと思ったのですが、それもなんだかと思い
勝手ながらこのような手段を取りました。

お知らせ（電光掲示板）のダウンロードは下記になります。
下記のファイルを解凍しワードプレスのプラグイン領域にフォルダごと
アップロードしプラグインを有効にするとご使用頂けます。

https://zip358.com/plugin/Z-Electric-bulletin-board.zip

<?php
/*
Plugin Name: Z-Electric-bulletin-board
Plugin URI: https://zip358.com/plugin/Z-Electric-bulletin-board.zip
Description: お知らせ
Author: taoka toshiaki
Version: 1.0
Author URI: https://zip358.com/
*/
add_action( 'wp_head', function() {
    $color = get_option('ZEBB_color')?get_option('ZEBB_color'):"ffffff";
    $cssdata ="
    <style>
        /* =====================
            電光掲示板
        ======================= */
        .ledText {
            overflow: hidden;
            position: relative;
            padding:5px 0;
            color: #$color;
            font-size: 60px;
            font-weight: bold;
            background: #333333;
        }
        /* CSS3グラデーションでドット感を出す */
        .ledText:after {
            content: ' ';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(#0a0600 1px, transparent 0px), linear-gradient(0, #0a0600 1px, transparent 1px);
            background-image: -webkit-linear-gradient(#0a0600 1px, transparent 0px), -webkit-linear-gradient(0, #0a0600 1px, transparent 1px);
            background-size: 2px 2px;
            z-index: 10;
        }
        /* CSS3アニメーションでスクロール */
        .ledText span {
            display: inline-block;
            white-space: nowrap;
            padding-left: 100%;
            -webkit-animation-name: marquee;
            -webkit-animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-duration: 15s;
            -moz-animation-name: marquee;
            -moz-animation-timing-function: linear;
            -moz-animation-iteration-count: infinite;
            -moz-animation-duration: 15s;
            animation-name: marquee;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
            animation-duration: 15s;
        }
        @-webkit-keyframes marquee {
        from   { -webkit-transform: translate(0%);}
        99%,to { -webkit-transform: translate(-100%);}
        }
        @-moz-keyframes marquee {
        from   { -moz-transform: translate(0%);}
        99%,to { -moz-transform: translate(-100%);}
        }
        @keyframes marquee {
        from   { transform: translate(0%);}
        99%,to { transform: translate(-100%);}
        }
    </style>
    ";
    print $cssdata;
 });
add_action("wp_body_open",function(){
    $text = get_option('ZEBB_text')?get_option('ZEBB_text'):"";
    if($text)print '<p class="ledText"><span>'.$text.'</span></p>';
});
add_action('admin_menu','Z_Electric_bulletin_board_set');
function Z_Electric_bulletin_board_set(){
	add_options_page(
		'zip358.com：プラグイン',
		'電光掲示板設定',
		'administrator',
		'Z_Electric_bulletin_board',
		function(){
            if(isset($_POST["ZEBB_color"]) or isset($_POST["ZEBB_text"])){
                $color = preg_match("/[a-zA-Z0-9]*/",$_POST["ZEBB_color"])?$_POST["ZEBB_color"]:"ffffff";
                update_option('ZEBB_color', wp_unslash($color));
                $text = $_POST["ZEBB_text"];
                update_option('ZEBB_text', wp_unslash($text));
            }
            ?>
            <form method="post" action="">
                <h2>電光掲示板設定</h2>
                color code #<input type="text" style="width:350px" name="ZEBB_color" value="<?=get_option('ZEBB_color')?get_option('ZEBB_color'):""?>" placeholder="f7f7f7"><br>
                text <input type="text" style="width:350px" name="ZEBB_text" value="<?=get_option('ZEBB_text')?get_option('ZEBB_text'):""?>" placeholder="文字を記入してください"><br>
                テキスト文字を未入力にすると電光掲示板が表示されません
                <?php submit_button(); ?>
            </form>
            <?php
        }
	);
}

タグ

5.2, body, css, gt, header, html, lt, open, php, wp, いろいろ, インターネット, お知らせ, お願い, コード, こと, ころ, ごろ, ソース, タグ, テーマ, テキスト, トク, ひとつ, ファイル, プラグイン, プレス, メイ, リンク, ワード, 下記, 事前, 事項, 二, 仕様, 使用, 初期, 参照, 取扱, 可能, 場合, 変更, 外観, 存在, 推奨, 掲示, 注意, 現在, 直下, 自由, 記事, 記載, 記述, 追加, 連絡, 配布, 電光,

ブロックエディタとクラッシックエディタ

2018.12.07

Logging

WordPress5.0になりそろそろブロックエディタに切り替える準備を
しているみたいだけど、各プラグインはまだ対応していないみたいだな…。
そもそもブロックエディタってどうなのか？
クラッシックエディタの方が良くない？
っていう意見が多いのはおそらく使い慣れたからとプラグインが
対応していないのが原因なのだけど、対応すれば
ブロックエディタでも良いかもなと思っています。
WordPress5.0・・・仕様もだんだん変わっていくのかな。
ついていくには触れるべしだけど、
自分は当分クラッシックエディタで良いです。
 

タグ

5.0, nbsp, WordPress, エディタ, クラッシック, プラグイン, ブロック, 仕様, 原因, 対応, 意見, 方, 準備, 自分,

Just a lineというアプリで空間に線を描いてみた。

2018.06.02

Logging

Just a lineというアプリで空間に線を描いてみた。

例のあのアプリ pic.twitter.com/mdCdoamJsA

— 田岡 寿章@taoka_toshiaki🦌 (@taoka_toshiaki) June 1, 2018

試したところ、結構面白いし新鮮な感じがしましたが
何度も使うかどうかは人によるのかなとか思います。
描いた絵などが空間に消さない限り、半永久的に残るアプリであり
他の人が描いたものも見えるのならば、もっとヒットするのかなと思うのですが
共有相手とだけ見ることができるというのは、いまいちヒットしないかもなと。
たぶん、イジメなど問題等があるので
こういう仕様にしたのだろうと思います。

 
アプリDLはこちらから
ios?https://itunes.apple.com/jp/app/just-a-line-draw-in-ar/id1367242427?mt=8&ign-mpt=uo%3D2
Android?https://play.google.com/store/apps/details?id=com.arexperiments.justaline&hl=ja

タグ

ar, iOS, Just a line, アプリ, アプリDL, イジメ, ケータイ, すべて, ネット, 仕様, 何度, 共有相手, 問題等, 拡張現実, 空間, 線, 限り,

C# でYOUTUBEダウンロードもどきを作ってみました。

2018.04.28

Logging

C# でYOUTUBEダウンロードもどきを作ってみました。ライブラリを使用しているので、結局、楽に作れるわけです。ホントに有り難いものです。YOUTUBEやニコニコ動画をダウンロードするソフトが売られていますけど、おそらくソフトウェアプログラマーは買うことはないだろうなと言う印象を作ってみて思いましたね。

【表示する】buttonを押下後、【ダウンロードする】を押さないとダウンロード出来ない仕様に変更してます。

ライブラリにこちらのライブラリを使用しております。
https://www.nuget.org/packages/VideoLibrary/

追記：ソースコードは控えることとにしました。下記の理由から・・・。今後どうなるか不透明なので使用する場合はご自身の判断の元で！尚、私自身はオススメはしません。

タグ

button, https, NuGet, org, packages, VideoLibrary, www, youtube, おすすめ, コード, こちら, こと, ご自身, ソース, ソフト, ソフトウェア, ダウンロード, プログラマー, ホント, もの, ライブラリ, 下記, 不透明, 今後, 仕様, 使用, 元, 判断, 動画, 印象, 場合, 変更, 押下, 理由, 私, 自身, 表示, 追記,

AMPページ辞めた理由。

2017.08.16

Logging

AMPを辞めた理由はこれ！
AMPとはグーグルさんが推奨するモバイルファーストな仕様なんだけど
これ今のところ、制約が多すぎて面倒と思ったのが
一番の理由です。
二番目の理由は、AMPに変えたからと言ってアクセス数が
急激に増えたわけでもないので、まぁ今のままで良いかなと
思えたのです。
これらの理由により、数週間前からAMP辞めてます。
表示速度はAMPにするとめちゃくちゃ速いですけどね。
殆どベタページと変わらない仕様になるのですが、
広告掲載や何やらを規制が多くこれは結構痛いなと思うのが
一番ですね。たぶん今のままでは広まるのには時間がかかりそうです。
SSLファーストが広まったのには
理由があると思います、まずはセキュリティの問題解消です、そして
それほどSSL導入は難しくないのでエンジニアが対応できたという
事が要因だと思うのですね、それに対してAMPは
それほど、ユーザーから求められてはいない、
AMPのためにデザインを変更しないといけない、
JSの制限が大きいなど、制限が大きいため自分の考えでは
今のところ、様子見で良いと思います。
トイウコトで自分はAMP停止しました。

タグ

AMPページ, SSLファースト, SSL導入, WordPress AMP対応, エンジニア, グーグル, セキュリティ, トイウコト, モダンWeb制作, モバイルファースト, ユーザー, レッスンブック, 仕様, 制約, 制限, 広告掲載, 様子見, 殆どベタページ, 理由,

Yahooゲームプラス、ブラウザでゲームが出来ちゃう。

2017.07.19

Logging

Yahooゲームプラス、ブラウザでゲームが出来ちゃう。
やってみたい人はこちらをクリック！！
https://games.yahoo-net.jp/
原理はどのようになっているかと言えば、ブラウザのキーを取得し
クラウド上の仮想マシン（PS4）を起動して処理を行う、行なった映像を
ブラウザに送信するという仕組みらしいですね。
仕組みはだいだい上記の方法だと思うのですが
実際、どうすれば出来るのかという技術的な仕様は知りません。
こういう技術的な要素を知ることができれば、じぶんの技術も飛躍的に
伸びることは間違いないと感じます。
ちなみに自分はPS4があるので、PS4で十分かなとか思っています。
外でゲームとかすることもまず無いですし、家でもPS4の上には
本が何冊か積んである始末ですから・・・ほぼゲームはしないです。
 

タグ

PS4, Yahooゲームプラス, キー, クラウド上, クリック, じぶん, だいだい上記, ブラウザ, 仕様, 仕組み, 仮想マシン, 何冊, 処理, 原理, 実際, 技術, 方法, 映像, 要素,

wordpressのhttps化は基本的に不可能だという事。｛現時点では｝改め｛対応｝

2015.08.02

Logging

wordpressのhttps化は基本的に不可能だという事がわかった。httpsに変更することはできるができるのは、トップページのみ、それ以外はwordpressの仕様なのかwp_head部分がhttpを指すことがわかったので恐らく現時点ではhttps化は無理だという事が判明。もし、どうしてもhttps化したい場合は他のCMSを使用することをお勧めします。基本的にNET業界はhttpsを推進しているので、そう遠くない時期にWordpressもhttps化を行うだろうと思っています。
※SSL化を試みる方法をぐぐると記載していますが恐らく難しいのではないだろうかと思います。今回、SSL化にあたりDBを一括置換して置き換えてみてたりしたのですが、全然、うまく行きませんでした。おそらくwp_head関連のファイルを変更すれば可能だと思いますが、そこまでしてまでSSL化するほど・・体力がありませんので自分は辞退します。
今回、さくらサーバが提携したラビットSSLを使用してSSL化を試みたわけですが、若干、損をした気分はありますがDLファイル時にSSLのURLでダウンロード出来るようになったので、そこだけは、よかったです。
 
※ちなみに初期の状態でSSLを使っていたら、おそらく問題なく使用できると思います。
 
header.phpに書かれているwp_head()が実行されたタイミングでブラグインのjs・cssパスが出力されるので、その内容を書き換えてしまいます。
下記の方法で対応可能になります。

 

   // HTTPS通信時、プラグインがcss・jsパスをhttp://?で出力するのを対策する。
   ob_start();
   wp_head();
   $wp_head_contents = ob_get_clean();
   $wp_head_contents = str_replace('http://', '//',$wp_head_contents);
   echo($wp_head_contents);

上のソースコードは、wp_head()が吐き出す内容をob_start関数で出力バッファリングします。バッファリングした内容を変数に格納して、変数内の文字列にhttp://?で始まるパスがあれば、//?に置換した上でブラウザに出力しています。
こうすることで、http・httpsのどちらにも対応できるようになります。
引用：http://coneta.jp/11936.html

タグ

$wp_head_contents, CMS, css・jsパス, DLファイル時, header.php, head部分, https化, js・cssパス, NET業界, ob_start関数, SSL化, str_replace, WordPress, wp_head, wp_head部分, wp_head関連, wp_https化, さくらサーバ, ソースコード, トップページ, ブラウザ, プラグイン, ラビットSSL, 一括, 仕様, 体力, 内容, 初期, 判明, 変数, 損, 文字列, 時期, 現時点, 若干,

HDMI,D-SUB,DVI-Dで三画面とか無理！（パソコンの話）

2015.07.04

Logging

HDMI,D-SUB,DVI-Dで三画面とか無理！、半分本当で半分ウソ。ここ二年（2015年）ぐらいに出ている型のPCだと可能なケースがあるが、そうでない場合はビデオボードをひとつ購入しないと無理だということです。ちなみに自分は三画面です。なぜ、一つのビデオボードで三画面対応できないのかわかりません、恐らくHDMI,D-SUB,DVI-Dの中にアナログ信号だけしか受信できない端子があるからだと思います。それはD-SUBです。逆に他の2つの端子はデジタル信号だけを受信する端子なので逆も無理だということなのかな？
もしくは、そういう仕様なのかも！！
いままで、自分は2画面だったですが作業効率？が悪いため三画面にしました。３画面にするとかなり便利です、に２画面よりも便利です。この頃は普通の人でも二画面をしようしている人が増えてきて結構ふつうに成りつつあります。まだ、一画面の方、是非、画面増設お試しください、必要な技術は特に無しです。ディスプレイを一つ購入してパソコン側とディスプレイ側に端子のついたケーブルを取り付けるだけです！！尚、新規にディスプレイを購入するとDVI-D端子はついています。
※５年ぐらい前からDVI-DとHDMIがついているPCがあります。HDMI端子があるディスプレイとDVI-D端子のあるディスプレイを容易すれば二画面になります。ちなみにHDMI端子がついていないディスプレイもあるので要確認が必要になります！！
追記；こちらを参照
NVIDIA 600番台以上のグラフィックボードで、かつ、3画面以上のマルチディスプレイ対応のグラフィックボード。

タグ

2, 2015, ３, D-SUB, DVI-D, HDMI, PC, アナログ, ウソ, お試し, かなり, ケース, ここ, こと, それ, ため, デジタル, パソコン, ビデオ, ひとつ, ボード, 一つ, 一画面, 三, 中, 二, 人, 仕様, 他, 作業, 便利, 信号, 効率, 半分, 受信, 可能, 型, 場合, 増設, 対応, 必要, 技術, 方, 普通, 本当, 無, 無理, 画面, 端子, 自分, 話, 購入, 逆, 頃,

パスワードのチョメチョメ（***）が見えるソフト（Windows）はこれ(ﾉ´∀｀*)

2015.01.13

Logging

パスワードのチョメチョメ（***）が見えるソフト（Windows）はこれです。
PasswordEyeというソフトです、結構、役に立ちます。ちなみにブラウザ上の
パスワードはIE以外は対応してないだとか。あくまでもWindowsソフトのチョメチョメ（***）が
見えるソフトです。ちなみにFirefoxの場合はブラウザ上のパスワード部分が
覗ける拡張アプリが存在したことを覚えています。
余談ですが、よく巷でパスワードが流出したとか言う記事を見かけると思いますが
絶対にDB上からパスワード流出しない会社があります。その中の一つに
グーグル社がはいってるとか・・・・。
パスワードに暗号化をかけるのはどの会社も行っている
事だと思いますが、暗号化したものは基本的に復号化する事が可能だと
思います。そうではないモノのもありますが・・・。どうもグーグル社の場合は
グーグル社のサーバー上でしか復号化できないような仕様になっているらしく
社外にパスワード情報が流出しても復号化は不可能らしいのです。
ちなみに世界的に有名なポータルサイトを列挙しときます。
日本ではYahooのシェア率が高いみたいですが、世界的にはグーグルが
トップです。

• google.com
• Yahoo.co.jp ,yahoo.com (米国）
• Yandex.com
• Baidu.com
• Naver.com

追記
たまには日本以外のポータルサイトを覗いてみるのも結構たのしいですよ。
ちなみにこれが国別Yahooのポータルサイトのアドレスです。
https://everything.yahoo.com//world/

タグ

db, Firefox, IE, PasswordEye, Windows, アプリ, グーグル, こと, これ, サーバー, ソフト, チョメチョメ, パスワード, ブラウザ, もの, 一つ, 上, 中, 事, 仕様, 以外, 会社, 余談, 可能, 場合, 存在, 対応, 巷, 役, 復号, 拡張, 暗号化, 流出, 社, 記事, 部分,