SVG 星のサンプル 星のマークはパワポでもイラレでも用意されてますが、サイト上でも使う機会があると思います。 そんなとき手軽にコードだけで使えるよう星のサンプルも用意し... 2019-08-04 00:02:35
Storybookの実行メモ(Vue.js版) Vueを利用した環境で、Storybookを使うときの作業メモです。 Storybookは、最小単位でのデザインされたパーツを組み立ててサイトを構成する際に便利な内部向けツールです。 細分化されたパーツをサイトとは別に作品集よ... 2019-07-02 00:00:00
jQuery 画像遅延読み込みのサンプル たくさんの画像を読み込ませるとき、ファーストビュー以外は後で読み込ませるというサンプルです。 jQueryのプラグインでlazyloadという画像を後から読み込ませるプラグインもありますが、それを使わないで自作します。 いろんなオプションは必要ない 細か... 2019-08-08 00:56:46
Backbone.jsとjQuery Backbone.jsとjQueryの描画やイベント発生の基本的なサンプルです。 Backbone.jsは、JavaScriptのフレームワークの一つです。 JavaScriptはできることが幅広く、その中でデータのやりとり周りをゼロから構築することはけっこう... 2019-08-08 00:50:57
PHP コードの再利用 PHPの機能の一つtraitのサンプルです。 継承というと小難しいですが、こう見ると別のところに書いたコードを実行してるだけです。 [[//トレイトのサンプル trait demo1{ function do1(){... 2019-08-03 23:32:12
SCSS スタイルの挿入や継承 SCSSなら何度もCSSで同じ記述しなくてもよいような機能があり、その中で挿入や継承についてのサンプルです。 SCSSはコンパイルしてCSSを作成する必要がありますが、とてもスマートな記述でCSSを生成することができます。 「_commonCss.scss」を挿入する場合 [[ @im... 2019-08-03 23:41:45
PHP クラスの継承 クラスの継承を使ったサンプルです。 継承したメソッドから、配列の値を受け渡し、色のついた文字を作るデータを作る例です。 上のcolorClassというクラスのメソッドが配列情報を持っていて、下の... 2019-08-03 23:23:11
PHP ハッシュについて PHPでいろんな種類のハッシュ値を表示してみたサンプルです。 ハッシュとは、ある入力値が特定のアルゴリズムの関数によって、別の出力値となる操作や値そのもののことをさします。 以下はPHPでハッシュの種類を配列で取... 2019-08-03 23:17:24
blade レイアウトを組むサンプル htmlのページを構成する際、固定したいパーツや可変したいコンテンツがあります。そんなときに使う機能です。 まず、レイアウトの箱となる以下のようなtest-extend.blade.phpを用意します。 [[@yield('word') @yield('content') @section('add_content') <... 2019-08-08 00:45:44
blade 条件分岐のサンプル bladeには条件分岐の機能があるので、それぞれサンプルを実行してみました。 それぞれわかりやすいようにphpのデータを添えています。 [[@php($my_arr = [0 =>'blue',1 =>'yellow',2 =>'red'])]] この配列に対してシンプル... 2019-08-08 00:40:17