DIY
2×4や1×4など、SPF材サイズ早見表【DIY】
javascript
Javascript 【Vue.js】最小限の構成で「Hello, Vue.js!」を表示する
実験的に、サーバを立てることなく Vue.js を動作させたく思い、最小限の構成で変数内に指定した文字を表示する方法をポストします。
プログラミング・Web開発 【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた
以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。
プログラミング・Web開発 【JS】ランダム文字列を生成するサービスをPHP→JSにリファクタリングしてみた
リファクタリングという言葉を使いたくて、以前にPHPで作成した『ランダム文字列ジェネレータ』を、Javascriptを使って同じものを作ってみました。
プログラミング・Web開発 【JS】Javascriptで改行コードを「<br>」に変換する方法
JSONやJSONPのような取得したデータをHTMLへ表示させるときに、改行コードを「<br>」に変換するスクリプトが必要になったので、いつでもコピペできるように備忘録としてポストしておきたいと思います。
プログラミング・Web開発 【jQuery】JSONデータをフィルタリングして指定のフォームに項目として表示させる方法
データベースから取得したレコードをPHPでJSONデータ化し、javascriptでフィルタしてフォームに表示させる方法を試行錯誤してみたので、ご紹介。
プログラミング・Web開発 【JS】定義リスト/記述リスト（dl, dd）タグの個数をカウントするスクリプトをjQueryで作ってみた
このブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。
プログラミング・Web開発 【JS】選択済みのチェックボックスの個数をカウントするスクリプトをjQueryで組んでみた
選択されているチェックボックスの個数を取得して表示させたいというリクエストを受けましたので、Javascript（jQuery）を使用して作成してみました。スクリプトの解説をしつつ、いつの日かまた使うことがあると思うので、備忘録をかねてご紹介します。
プログラミング・Web開発 【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた
画像の上でマウスの右クリック（コンテクストメニューの表示）が出来ないようにするスクリプトをjQueryを使って作成したので、紹介します。
プログラミング・Web開発 【JS】Javascriptでパラパラ画像表示（制御ボタン付き）を作ってみる
2枚以上の画像をパラパラと切り替えるスクリプトをjavascriptで作ってみましたので、ご紹介。ごくごく簡単なイメージギャラリーのようなイメージです。
プログラミング・Web開発 【JS】配列をシャッフルするアルゴリズム、Fisher-Yates
配列内容をシャッフルして出力する際に「Fisher-Yates」というアルゴリズムを利用すると、素早く、偏りもなくシャッフルできるとのことで、コピペできるように備忘録としてポストします。
プログラミング・Web開発 【JS】JavascriptのsetInterval()を使ってストップウォッチを作ってみる
一定時間ごとに処理を行う、JavascriptのsetInterval関数を使ったストップウォッチを作ってみましたので、その備忘録を兼ねたポストです。
プログラミング・Web開発 【JS】Javascriptで少数を切り上げ、切り捨て、四捨五入などする方法
以前のポスト（ミニロト番号ジェネレータ）でJavascriptにおける「小数点以下の切り上げ方法」を少し紹介しましたが、切り捨て、四捨五入する方法もまとめておきたいと思います。
プログラミング・Web開発 【JS】今更ながら Ajax について整理してみる
今更感もありますが、よくわからないままに使っていた「Ajax」について理解したいと思い立ったので、概論からjQueryでの使い方など含めて、整理してみましたのでご紹介。
プログラミング・Web開発 【JS】jQuery / jQuery UI の読込みを Google の Libraries サイト(CDN)から参照する方法
jQuery 及び jQuery UI をCDNから参照する方法を、ほぼ自分用のメモとしてポストします。
プログラミング・Web開発 CakePHP2 + jQueryUIでテキストボックスにオートコンプリート（オートサジェスト）機能をつける方法
テキストボックスにオートコンプリート（オートサジェスト）機能を、CakePHP2 + jQueryUI環境で作成したので作り方を備忘録としてポストします。
プログラミング・Web開発 【JS】HTML数値文字参照へエンコード、デコードするスクリプトをJavascriptで組んでみた
"あ" や "い" のような、HTML数値文字参照コードへ普通の文字を変換（エンコード）したり、逆にHTML数値文字参照コードから普通の文字へ変換（デコード）するスクリプトをJavascriptで作成してみましたのでご紹介。
プログラミング・Web開発 「クリックしたらツールチップを表示するスクリプト」のバージョン2を作ってみた
以前作成した「クリックしたらツールチップを表示するスクリプト」がQiitaでいい感じに改造されていたのに影響を受け、もう少しだけ上手に書いた(と思う) バージョン2がようやく出来上がったので晒してみたいと思います。
プログラミング・Web開発 【jQuery】画面の縦・横幅を取得して、ボックス要素を中央に配置する方法
Javascriptのアラートウィンドウのようなものを自作したいとき、jQueryを使って画面(ブラウザ)の縦・横幅を取得し、表示させたいボックスを画面の中央に配置する法です。
プログラミング・Web開発 jQuery Cookie を使ってタブ切り替え状態を保持する方法
以前作成したタブ切り替えのスクリプトを拡張し、リロードや別ページから戻った場合でもアクティブになっているタブをアクティブのままにしておく、ということがしたくなったのですが、どうやらjQuery Cookieというライブラリを使えば出来そうだったので、実際にやってみました。
プログラミング・Web開発 ラジオボタンの背景色をjQueryを使って変更してみる その２
以前ポストした選択したラジオボタンの背景色を変更するスクリプトを少し改造し、多数のラジオボタンを対象とするスクリプトを作成したので、備忘録としてポストします。
プログラミング・Web開発 【CakePHP2】リンククリック、サブミットボタン押下時に確認アラートを表示する方法
CakePHP2で、リンクをクリック時、及びフォームボタンをクリック（サブミット）時に、javascriptのアラートウィンドウを表示する方法を備忘録としてポストします。
プログラミング・Web開発 【jQuery】時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた
以前、時刻の入力補助ライブラリを紹介しましたが、さらに使いやすいライブラリ「jQuery UI Time Picker by Francois Gelinas」を発見。その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう！」と練習の意味も込めて、どこまで近づけるか力試しをしてみました。
プログラミング・Web開発 【JS】ミニロト、ロト6、ロト7番号ジェネレータを作ってみた
以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト３種を選択できるようにしたものを作ってみました。
プログラミング・Web開発 jQueryで「ミニロト」番号ジェネレータを作ってみた
JavaScript でランダムな文字列なり数値を作成するのってどうするんだ、と思い調査しました。
プログラミング・Web開発 jQueryで各国通貨を日本円にするコンバーターを作ってみた。
APIで利用できる通貨をセレクトボックスで選択し、日本円に換算するというスクリプトを作ってみました
プログラミング・Web開発 【jQuery】台湾ドル to 日本円コンバータを作ってみた
前回のポストネタであるJSONP取得を使い、台湾ドルの為替レートAPIを利用して日本円では幾らになるかのコンバーターを作成したので晒してみます。
プログラミング・Web開発 jQueryでJSON、JSONP 連携してみる。
jQuery の $.ajax() を利用してjson、jsonp形式のデータを読み込む方法を忘備録としてポストします。
プログラミング・Web開発 ブラウザごとに異なるCSSのclassを付与する仕組みをjQueryで作ってみた。
ブラウザごとに異なるCSSのclassを付与し、見た目を変えてみる仕組みをjQueryを使って作ってみました。
プログラミング・Web開発 【JS】チェックボックスでフォームの disabled を設定/解除するスクリプトをjQueryで組んでみた
チェックボックスでフォームのdisabledを制御するjQueryのスクリプトを作成したので忘備録としてポストします。
Javascript Safariでも動作確認済み！jQuery連動プルダウン『jquery.tgHierSelect』がバージョンアップでさらに簡単になりました
以前作成した「jquery.tgHierSelect」ですが、連動させるプルダウン数が増えた場合や、同じページに2個以上の連動プルダウンがある場合などに、かなり手を入れないと使えない状態だったので、それらを解決しつつ、オプションの記述もシンプルになるよう、バージョンアップしました。