javascript– category –

テキストボックスに文字を入力したら候補が表示されるautocompleteといえば、jQueryUIのAutocompleteが有名です。 でもjQueryUIはほかにもいろいろなWidgetsのスクリプトが書かれてたりするので意外と重かったりします。 今回はautocompleteだけのライブラ...

PHPとかサーバーサイドの言語だとURLのパラメータを簡単に取得できますが、javascriptだとひと手間加える必要があります。 今回はjavascriptを使ってなるURLのパラメータを取得する方法を紹介します。 取得方法 window.location.searchを使う window.locat...

最近では当たり前になっている郵便番号検索ですが、完全に自前でやろうと思うと DBの知識 サーバーサイドの知識 jQueryなどを使ったAjaxの知識 郵便番号データの定期的な更新 などが必要で意外と大変だったりします。 もっと簡単に実装したい方のために、A...

最近のWEBサービスは「まずはこのボタンを押しましょう」「次はここに入力しましょう」という吹き出しが出て、はじめてWEBサービスを使う人が迷わないガイドが表示されることが多くなりました。 これはWEBサイトガイドやツアーと呼ばれており、色々なサイ...

今回は簡単に美しいアラート・モーダルが作れるjavascriptライブラリ「SweetAlert2」をご紹介します。 ちなみにこのライブラリはjQueryを必要としません。 また、jQueryを読み込んでいても問題なく動くので安心してください。 導入方法 ダウンロードとイン...

javascriptはほかの言語と違って結構適当に書いても動いたりする、自由度の高い（？）言語です。 だからといってなんとなーくでコードを書いてると、javascript独自の仕様に引っかかって予想外の挙動を起こしたりします。 今回はPHPとかほかの言語を扱った...

テキストエリアやセレクトボックスは簡単にデザインを設定できるけど、ラジオボタンとかは難しい！ そんな悩みを解決してくれるプラグイン「iCheck.js」をご紹介します。 これを使えばラジオボタンやチェックボックスを簡単にカスタマイズできます。 Boots...

管理画面を作っていると、メモ帳やエディタみたいにctrl+sで入力内容を保存する仕組みを作りたいことって結構ありますよね。 そんな方にお勧めなのが、ショートカットキーのイベントを簡単に取得、設定できるライブラリ「Mousetrap」です。 jQueryも不要な...

QRコードを簡単に生成できるjQueryプラグイン「jquery.qrcode.js」のを紹介します。 導入の仕方 ダウンロード GitHubへアクセスして、Zipファイルをダウンロードしてください。 zipファイルを展開して、jquery.qrcode.min.jsをコピーして適当なディレクト...

ajaxを使ってデータの更新や削除をした時に、わざわざ画面遷移したりアラートを出したりしたくない！ そんな方にお勧めなのがNotyfです。 導入方法 ダウンロード GitHubにアクセスしてzipファイルをダウンロードしてください。 zipファイルを展開して、not...