jQuery フォームの値を取得 jQueryでフォームの入力値を取得するサンプルです。 以下のフォームに文字を入力するしてボタンを押すと値をまとめても文字列にします。 data1 data2... 2020-04-12 15:17:23
Mac .7zの拡張子の解凍 「7z」ファイルのMacでの解凍方法の一例です。 最近「7z」の拡張子で送られてきてMacで解凍に困ったのでメモです。 brewが使えない場合はインストールが必要です。 インストールはこちら https://bre... 2020-04-09 13:09:46
HTML 背景に動画を流す HTMLとCSSでコンテンツの背景に動画を再生するサンプルです。 最近インターネット回線も早くなり、動画を背景にするサイトも増えてきました。 自分の場合、だいたい4Gで調子が良くて1秒間50MBくらいな体感なので、つまり... 2020-04-05 23:38:44
Riot.jsを試してみよう Riot.jsというコンポーネントベースのUIライブラリを試しに使うべく、インブラウザ・コンパイルをやってみました。 Riot.jsはHTMLライクな構文で書いてコンパイルするJSのUIライブラリです。 ファイル名は任意で、今回はmy-tag.riotという外部ファイルを作りました。 ファ... 2020-04-02 23:11:03
jQuery 独自メソッドを作る $(this).hoge();のように独自のメソッドを作りたい時の書き方のサンプルです。 $.fnと$.extendさえ押さえておけば自前のメソッドが作れます。 例えば下記はmyscrollというメソッドを作っています。 $.fnを付けて宣言し、$.extendで初... 2020-03-29 16:52:59
JS 波のアニメーション canvasを使ったアニメーションで波のような動きのサンプルです。 円弧の描画を繰り返して、波のようなアニメーションを実装しています。 実装にはjQueryを使っています。 HTML [[<canvas id="canvas_wav... 2020-03-28 22:57:39
CSS 幅固定レイアウト gridを使って横幅を固定した要素と、残りを可変で埋めるレイアウトのサンプルです。 例えば、画像とテキストを横に並べたい時にfloatやflexを使うことがありますが、gridでも簡単に表現できます。 floatやflexを使うと結構悩むのが次のようなレ... 2020-03-16 23:26:20
CSS tableを使わないgridの表 display:gridを使って、テーブルを使わない表組みを作るサンプルです。 グリッドはレスポンシブ対応などでよく耳にしますが、表を作る時にも便利です。 静的に書かれたtableタグの場合、列を消したり、人マス消すのは一苦労です。... 2020-03-11 23:27:24
HTML コンテンツの表示・非表示 HTML5から追加されたタグでJavaScriptを使わないでコンテンツの表示・非表示を実装するサンプルです。 クリックすると隠れている要素を表示させるJSはよく実装します。 よくアコーディオンと呼ばれるUIですが、HTMLだけでも表現することが可能です。 なにも装... 2020-03-10 07:10:08
unix viでよく使うコマンド 一度離れるとすぐ忘れてしまうので、とにかくこれだけは思い出したいviのコマンドのメモです。 また使う頻度が上がってきたら追加したいと思います。 [[... 2020-03-08 22:22:09