2017年7月– date –
-
javascript
テキストボックスの内容をボタンでコピーやカットできるライブラリ「clipboard.js」
プログラムとかを組んでいると、コピペやカットとはショートカットキーを使うのが当たり前になってますよね。 でも意外とコピペとかのショートカットキーを知らない人って多いんです。 今回はテキストボックスの内容をショットカットキーを使わずボタンで... -
Bootstrap
Bootstrap3を使っていた私がBootstrap4をいじって困ったこと:labelクラスが効かない!?
最近購入したテンプレートがbootstrap4をベースに作られていたのでいじり始めました。 一部3とは勝手が違っていたので、ハマったところを紹介していきます。 今回は「labelクラスが効かない!?」編です。 現象の確認と対応 まずは現象を確認 まずは従来の... -
javascript
簡単にautocompleteが実装できる「EasyAutocomplete」
テキストボックスに文字を入力したら候補が表示されるautocompleteといえば、jQueryUIのAutocompleteが有名です。 でもjQueryUIはほかにもいろいろなWidgetsのスクリプトが書かれてたりするので意外と重かったりします。 今回はautocompleteだけのライブラ... -
javascript
javascriptでURLのパラメータを取得する方法
PHPとかサーバーサイドの言語だとURLのパラメータを簡単に取得できますが、javascriptだとひと手間加える必要があります。 今回はjavascriptを使ってなるURLのパラメータを取得する方法を紹介します。 取得方法 window.location.searchを使う window.locat... -
ガジェット
New Kindle fire 7を5日ぐらい使って分かったこと
今までTeclast X80 Proとかいう怪しいタブレットを使っていたのですが、これが最近ご臨終しました。 ここのところ画面がチラついたり、バッテリー消費が異様に早かったりして 「あ、これそろそろヤバいな」 と思っていた矢先にうんともすんとも言わなくな... -
javascript
Ajax:郵便番号検索APIを使って郵便番号検索を実装する
最近では当たり前になっている郵便番号検索ですが、完全に自前でやろうと思うと DBの知識 サーバーサイドの知識 jQueryなどを使ったAjaxの知識 郵便番号データの定期的な更新 などが必要で意外と大変だったりします。 もっと簡単に実装したい方のために、A... -
javascript
簡単にWEBサイトのツアーを設定することができる!「anno.js」
最近のWEBサービスは「まずはこのボタンを押しましょう」「次はここに入力しましょう」という吹き出しが出て、はじめてWEBサービスを使う人が迷わないガイドが表示されることが多くなりました。 これはWEBサイトガイドやツアーと呼ばれており、色々なサイ... -
javascript
簡単に美しいアラート・モーダルが作れるjavascriptライブラリ「SweetAlert2」
今回は簡単に美しいアラート・モーダルが作れるjavascriptライブラリ「SweetAlert2」をご紹介します。 ちなみにこのライブラリはjQueryを必要としません。 また、jQueryを読み込んでいても問題なく動くので安心してください。 導入方法 ダウンロードとイン... -
javascript
javascriptのハマりどころ:巻き上げ
javascriptはほかの言語と違って結構適当に書いても動いたりする、自由度の高い(?)言語です。 だからといってなんとなーくでコードを書いてると、javascript独自の仕様に引っかかって予想外の挙動を起こしたりします。 今回はPHPとかほかの言語を扱った... -
javascript
ラジオボタンやチェックボックスのデザインを変更できる「iCheck.js」
テキストエリアやセレクトボックスは簡単にデザインを設定できるけど、ラジオボタンとかは難しい! そんな悩みを解決してくれるプラグイン「iCheck.js」をご紹介します。 これを使えばラジオボタンやチェックボックスを簡単にカスタマイズできます。 Boots...