blade 条件分岐のサンプル bladeには条件分岐の機能があるので、それぞれサンプルを実行してみました。 それぞれわかりやすいようにphpのデータを添えています。 [[@php($my_arr = [0 =>'blue',1 =>'yellow',2 =>'red'])]] この配列に対してシンプル... 2019-08-08 00:40:17
JS 時間取得と加工 JavaScriptではいろんな時間の情報を使えるよう整っています。改めて整理してみました。 まずはどんな時間を扱うことが多いのか。 年月日の形式ではなくて、時差について二つだけ。 協定世界時(UTC) Mon, 20 May 2019 09:33:22 GMT... 2019-08-08 00:30:38
NodeJS 画像をHTMLで表示する NodeJSを使って、HTMLを読み込み、画像を表示するサンプルです。 JSをサーバサイドで実行することで、そのJSが置いてある配下のディレクトリから画像を読み込んでくるコードです。 とりあえずapp.jsとか名付けました。 [[... 2019-07-29 05:41:20
NodeJS サーバー起動してHello world Node.jsでサーバーを起動するサンプルです。 ローカル環境にNode.jsをインストールするとJSを書いてターミナルでJSを実行するだけで簡単にサーバーが起動します。 ローカルにNode.jsをインストールするこ... 2019-08-08 00:27:32
blade ループのサンプル phpのlaravelのテンプレートエンジンbladeの基本記述のサンプルです。 --例えば$data['items']という配列に対してループの処理を書くときの例です。 [[@foreach ($data['items'] as $key => $item ) {{ $item->name... 2019-08-08 00:22:19
JS ESモジュールを使ったDOM操作 ES Modulesの仕様で書いたクラスを付けするだけのシンプルなサンプルです。 2017年からES6 Modules、ES Modules、またはESMと呼ばれるJavaScriptを外部参照する際の新しい仕様が広まってきました。 まだ筆者も勉強中ですが、簡単に説明... 2019-08-08 00:18:15
Laravel 導入してみました 当サイトのPHPを最新にアップデート、それに合わせてPHPフレームワークのLaravel(ララベル)にサイトをリファクタリング(機能はそのまま仕組みを変更)しました。 当サイトでは、PHPを7.3に変更することで、DBの接続が早まり、表示速度が改善されました。 また、それに伴い、PHPフレームワークLaravelを採用し、カオスにな... 2019-08-08 00:16:26
jQuery スクロールでURLを書き換える URLを書き換えるJSを、スクロールで移動したコンテンツの位置をトリガーに発動させるサンプルです。 記事などのコンテンツで、スクロールして下まで読み切ると、次の記事が表示されるサイトがあります。 今時は通信速度が速く、ついついたくさん読ませるための... 2019-07-29 20:32:02
VueJS タブ切り替え クリックしてコンテンツが切り替わる表現のサンプルです。 タブの表現はよく見かけるので、VueJSでもサンプルを実装してみました。 デフォルトは一番左のコンテンツが表示され、タブをクリックすると、コンテンツが入... 2019-07-28 16:08:19
VueJS クッキーの操作 Vue.jsを使ったソースでクッキーの操作を実装しました。 フォームで入力した値をクッキーに書き込みます。 その後、ページロードでも読み込みますが、読み込みボタン、削除ボタンを実装しました。... 2019-08-08 00:08:12