-
【JS】jQueryとCSSで作る「ハンバーガーメニュー」を少しリニューアルしてみました
2019/10/12
-HTML,CSS, Javascript,jQuery, スマートフォン スマホ, スマートフォン, ハンバーガーメニュー以前作成したjQueryとCSSで作る「ハンバーガーメニュー」に少し手を入れて、もうちょっとだけ使えるものにしてみましたのでご紹介したいと思います。
-
【JS】「コナミコマンド」入力でアクションを起こすスクリプトを作ってみた
2018/11/30
-Javascript,jQuery以前より作ってみたかった「コナミコマンド」スクリプトを、時間が空いたところで作ってみました。
-
【JS】ランダム文字列を生成するサービスをPHP→JSにリファクタリングしてみた
2018/11/10
-Javascript,jQuery javascript, js, ランダム文字列, ランダム文字列ジェネレータリファクタリングという言葉を使いたくて、以前にPHPで作成した『ランダム文字列ジェネレータ』を、Javascriptを使って同じものを作ってみました。
-
【JS】Javascriptで改行コードを「<br>」に変換する方法
2018/10/11
-Javascript,jQuery br, javascript, js, Replace, 変換, 改行, 改行コードJSONやJSONPのような取得したデータをHTMLへ表示させるときに、改行コードを「<br>」に変換するスクリプトが必要になったので、いつでもコピペできるように備忘録としてポストしておきたいと思います。
-
【jQuery】JSONデータをフィルタリングして指定のフォームに項目として表示させる方法
2018/09/14
-Javascript,jQuery javascript, js, JSON, フィルタ, 連動プルダウンデータベースから取得したレコードをPHPでJSONデータ化し、javascriptでフィルタしてフォームに表示させる方法を試行錯誤してみたので、ご紹介。
-
【jQuery】スマートフォン(iPhone, Androidなど)とPCを判定するスクリプト
サイトへのアクセス時に「スマートフォン(iPhine/Android)」と「PC」で処理を切り替えたい場合のjQueryスクリプトです。
-
【JS】ハンバーガーメニューをjQueryとCSSで作成する方法
2018/01/30
-HTML,CSS, Javascript,jQuery, スマートフォン transform, グルーバルメニュー, ハンバーガーメニュースマホ画面でも常時表示していたグローバルメニューを、ハンバーガーメニューをタップすれば表示し、再度タップすることで非表示にできないかと相談されたので、作ってみました。
-
【JS】スクロールしたら画面途中にあるグローバルナビを画面上部に固定する方法
2018/01/16
-HTML,CSS, Javascript,jQuery グローバルナビ, スクロール, 固定表示トップページなどで、動画や画像コンテンツの下に配置してあったグローバルナビを、スクロールしたら画面上部に固定して表示するスクリプトを作成したので、備忘録を兼ねて紹介します。
-
【JS】定義リスト/記述リスト(dl, dd)タグの個数をカウントするスクリプトをjQueryで作ってみた
2018/01/05
-Javascript,jQuery カウント, リスト, 定義リスト, 記述リストこのブログの一番人気記事である「三文字略語」のページには現在何個の略字を載っけたのか数えたくなったのですが、いちいち自分で数えるのもバカらしく感じたのでプログラムにやらせてみようと作ってみました。
-
Bootstrap3 + jQueryでラジオボタンの背景色を変更するスクリプト
2016/11/01
-Bootstrap, Javascript,jQuery bootstrap, ラジオボタン, 背景色Bootstrapを使用して作成したラジオボタンの選択アイテムの背景書を変更するスクリプトが必要になったので、備忘録としてポストします。
-
【JS】選択済みのチェックボックスの個数をカウントするスクリプトをjQueryで組んでみた
2016/03/02
-Javascript,jQuery checkbox, length, カウント選択されているチェックボックスの個数を取得して表示させたいというリクエストを受けましたので、Javascript(jQuery)を使用して作成してみました。スクリプトの解説をしつつ、いつの日かまた使うことがあると思うので、備忘録をかねてご紹介します。
-
【JS】jQueryで画像のみマウスの右クリックを出来ないようにするスクリプトを組んでみた
2016/02/18
-Javascript,jQuery contextmenu, コンテクストメニュー, 右クリック画像の上でマウスの右クリック(コンテクストメニューの表示)が出来ないようにするスクリプトをjQueryを使って作成したので、紹介します。
-
【JS】Javascriptでパラパラ画像表示(制御ボタン付き)を作ってみる
2015/11/21
-Javascript,jQuery ギャラリー, パラパラマンガ, 画像切替2枚以上の画像をパラパラと切り替えるスクリプトをjavascriptで作ってみましたので、ご紹介。
ごくごく簡単なイメージギャラリーのようなイメージです。
-
【JS】配列をシャッフルするアルゴリズム、Fisher-Yates
2015/11/20
-Javascript,jQuery Fisher-Yates, アルゴリズム, シャッフル, ランダム配列内容をシャッフルして出力する際に「Fisher-Yates」というアルゴリズムを利用すると、素早く、偏りもなくシャッフルできるとのことで、コピペできるように備忘録としてポストします。
-
【JS】JavascriptのsetInterval()を使ってストップウォッチを作ってみる
2015/11/17
-Javascript,jQuery clearInterval(), setInterval(), ストップウォッチ一定時間ごとに処理を行う、JavascriptのsetInterval関数を使ったストップウォッチを作ってみましたので、その備忘録を兼ねたポストです。
-
【JS】Javascriptで少数を切り上げ、切り捨て、四捨五入などする方法
2015/11/16
-Javascript,jQuery Math.ceil, Math.floor, Math.round, 切り上げ, 切り捨て, 四捨五入以前のポスト(ミニロト番号ジェネレータ)でJavascriptにおける「小数点以下の切り上げ方法」を少し紹介しましたが、切り捨て、四捨五入する方法もまとめておきたいと思います。
-
【JS】今更ながら Ajax について整理してみる
2015/11/09
-Javascript,jQuery ajax, xml, 非同期通信今更感もありますが、よくわからないままに使っていた「Ajax」について理解したいと思い立ったので、概論からjQueryでの使い方など含めて、整理してみましたのでご紹介。
-
【JS】jQuery / jQuery UI の読込みを Google の Libraries サイト(CDN)から参照する方法
2015/11/04
-Javascript,jQuery CDN, Google, jquery, jquery uijQuery 及び jQuery UI をCDNから参照する方法を、ほぼ自分用のメモとしてポストします。
-
CakePHP2 + jQueryUIでテキストボックスにオートコンプリート(オートサジェスト)機能をつける方法
2015/11/02
-CakePHP, Javascript,jQuery auto complete, auto suggest, cakephp, cakephp2, javascript, jquery, jquery ui, js, オートコンプリート, オートサジェストテキストボックスにオートコンプリート(オートサジェスト)機能を、CakePHP2 + jQueryUI環境で作成したので作り方を備忘録としてポストします。
-
【JS】HTML数値文字参照へエンコード、デコードするスクリプトをJavascriptで組んでみた
"あ" や "い" のような、HTML数値文字参照コードへ普通の文字を変換(エンコード)したり、逆にHTML数値文字参照コードから普通の文字へ変換(デコード)するスクリプトをJavascriptで作成してみましたのでご紹介。
-
「クリックしたらツールチップを表示するスクリプト」のバージョン2を作ってみた
2015/06/08
-Javascript,jQuery Qiita, クリック, ツールチップ, マウスオーバー以前作成した「クリックしたらツールチップを表示するスクリプト」がQiitaでいい感じに改造されていたのに影響を受け、もう少しだけ上手に書いた(と思う) バージョン2がようやく出来上がったので晒してみたいと思います。
-
【jQuery】画面の縦・横幅を取得して、ボックス要素を中央に配置する方法
2015/04/27
-Javascript,jQuery javascript, jquery, js, センタリング, ブロック要素, 縦横中央Javascriptのアラートウィンドウのようなものを自作したいとき、jQueryを使って画面(ブラウザ)の縦・横幅を取得し、表示させたいボックスを画面の中央に配置する法です。
-
jQuery Cookie を使ってタブ切り替え状態を保持する方法
2014/12/17
-Javascript,jQuery javascript, jquery, jquery.cookie, js, タブ, タブ切り替え以前作成したタブ切り替えのスクリプトを拡張し、リロードや別ページから戻った場合でもアクティブになっているタブをアクティブのままにしておく、ということがしたくなったのですが、どうやらjQuery Cookieというライブラリを使えば出来そうだったので、実際にやってみました。
-
ラジオボタンの背景色をjQueryを使って変更してみる その2
2014/12/08
-Javascript,jQuery cakephp2, javascript, jquery, js, ユーザビリティ, ラジオボタン, 背景色以前ポストした選択したラジオボタンの背景色を変更するスクリプトを少し改造し、多数のラジオボタンを対象とするスクリプトを作成したので、備忘録としてポストします。
-
【jQuery】時刻の入力補助スクリプト jquery.tgClockPickTip2 を作ってみた
2014/11/17
-Javascript,jQuery jQuery UI Timepicker, jquery.tgClockPickTip2, 入力補助, 時刻以前、時刻の入力補助ライブラリを紹介しましたが、さらに使いやすいライブラリ「jQuery UI Time Picker by Francois Gelinas」を発見。その完成度の高さに感動し「ソースを見ないで同じものを作ってみよう!」と練習の意味も込めて、どこまで近づけるか力試しをしてみました。
-
【JS】ミニロト、ロト6、ロト7番号ジェネレータを作ってみた
2014/09/11
-Javascript,jQuery javascript, jquery, js, Math.random(), ジェネレータ, ミニロト, ロト6, ロト7以前のポストで作った「ミニロト」番号ジェネレータを拡張して、ロト3種を選択できるようにしたものを作ってみました。
-
jQueryで「ミニロト」番号ジェネレータを作ってみた
2014/09/08
-Javascript,jQuery javascript, jquery, js, Math.ceil, Math.random(), ジェネレータ, ミニロトJavaScript でランダムな文字列なり数値を作成するのってどうするんだ、と思い調査しました。
-
jQueryで各国通貨を日本円にするコンバーターを作ってみた。
2014/09/04
-Javascript,jQuery API, javascript, jquery, js, JSON, JSONP, コンバータ, 為替レート, 通貨APIで利用できる通貨をセレクトボックスで選択し、日本円に換算するというスクリプトを作ってみました
-
【jQuery】台湾ドル to 日本円コンバータを作ってみた
前回のポストネタであるJSONP取得を使い、台湾ドルの為替レートAPIを利用して ...
-
jQueryでJSON、JSONP 連携してみる。
2014/09/02
-Javascript,jQuery ajax, JSON, JSONP, クロスドメインjQuery の $.ajax() を利用してjson、jsonp形式のデータを ...