スマホファーストが求められる昨今ではハンバーガーメニューを利用してナビゲーションが必要不可欠になっています。今回はハンバーガーメニューの簡単な実装方法について纏めてみました。 ポイント ハンバーガーメニューの三本線を利用 […]
Javascriptの記事
css3
超・便利技！CSS3を使ったハンバーガーメニューの作り方
TypeScript
Nuxt.jsを利用する場合のtsconfig.json について考える
tsconfig.json とは TypeScriptを開発言語としたプロジェクトにおいて、アプリのビルド時にJavaScriptへコンパイルする対象となる（プロジェクトに含まれる）TypeScriptファイル（.tsフ […]
JQuery
WordPressでも利用可能な拡大画像スライダー－jquery-zoomSlider（プラグイン）
作成した背景 WordPressで複数の写真をギャラリー表示させた記事を作成したのですが、写真が小さく見切れて表示しまうため、クリックで拡大表示できるようにしたいと思い作成しました。 こだわった点としては画像が1～2枚で […]
JQuery
再利用性の高い画像スライダー－jquery-isystkSlider（プラグイン）
作成した背景 Webサイトにスライダーを設置したいというニーズはとても多く必要価値の高いUIとなっています。スライダーを実現するためのプラグインはインターネット上で探すと沢山存在していますが、利用される場面によっては使え […]
JQuery
かっこいいオーバーレイ－jquery-isystkOverlay（プラグイン）
作成した背景 オーバーレイ表示をする為のjqueryプラグインは沢山インターネット上に存在してますが、出来るだけシンプルで且つ再利用性の高いものを作成したいと思いました。オーバーレイを表示する際のCSS3アニメーションが […]
JQuery
Qiitaのようなサイドメニューに見出しを表示するナビゲーション－jquery-stickyNavigator（プラグイン）
作成した背景 ブログの記事内容が長くなるほど目的の記事を探すのが大変になり、スクロールしながら探すのはユーザーストレスに繋がります。記事中のh2やh3で表示している見出し部分だけをナビゲーションとしてピックアップすること […]
Vue.js
TypeScriptベースでVue.js コンポーネントの書き方の違いを比較
TypeScriptを利用した場合と利用しない場合でVue.js コンポーネントの書き方がどのように変わるのかを比較しながら記載しています。 Vue.js のコンポーネントの書き方については、よく利用するVue.jsのオ […]
JQuery
タグの選択に使える絞り込み入力ができるセレクトボックス－jquery-searchbox（プラグイン）
作成した背景 ユーザーが投稿するフォームで会場を選択するためのセレクトボックスが必要だったのですが選択肢となる会場の種類が非常に多くセレクトボックスから選択させるのはユーザービリティが悪いということになった。 会場名を選 […]
Underscore.js
便利なUnderscore.js の関数とサンプルコード
Underscore.jsは、便利なユーティリティ関数を詰め合わせたJavascriptライブラリです。複雑なアルゴリズムを簡単なコードで書くことが出来るようになりますが、ある程度、覚えてないと利用することも出来ないので […]
Vue.js
よく利用するVue.jsのオプションとサンプルコードの纏め
ライフサイクルフック created インスタンスが作成された後で実行される。Ajax通信を行いデータを初期化する場合などによく利用される。 mounted インスタンスが作成されて、elementへのマウントが完了した […]
- 1
- 2