モバイルタッチスライダー「vue-awesome-swiper」の使い方

vue-awesome-swiperは、Vue.js用のハードウェアアクセラレーションを備えた最新のモバイルタッチスライダーです。もともとは、SwiperというGithubスター2万超えのモンスター級ライブラリです。最新のアプリ/プラットフォームのみに焦点を合わせて最高のエクスペリエンスとシンプルさを実現しています。コピペで実装できるサンプルを公開してます。

ページガイドを「vue-page-guide」で実装する

vue-page-guideは、Vue.js製のページガイドコンポーネントライブラリです。ガイドツールチップの向きのを設定可能なシンプルなライブラリです。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

ドロップダウンメニューを「v-selectmenu」で実装する

v-selectmenuは、Vue.js製のシンプルで簡単に実装することが可能なドロップダウンメニューコンポーネントです。通常メニューはもちろん、複数グループタイプ、クイック検索を備える事が可能です。マウスの右クリック(コンテキストメニュー)またはマウスを移動してメニューを呼び出すことも可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

仮想数字キーボードを「numeric-keyboard」で実装する

numeric-keyboardは、モバイルブラウザーで機能する仮想数字キーボードコンポーネントライブラリです。モバイルのシステムキーボードの代わりに、数字キーボードを出す仮想入力ボックスで、html5標準プロパティをサポートし、ネイティブ入力要素のように可能な限り動作する素敵なカーソルもあります。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

円形時計コンポーネントを「vue-clock」で実装する

vue-clockは、時計コンポーネントを実装するライブラリです。円形の時計をホームページに設定することが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

ホットキーのバインドを「v-hotkey」で実装する

v-hotkeyは、ホットキーをバインドするVue.js製のコンポーネントライブラリです。[enter] や [ctra+a] などのキーボードを押した時にイベントを起動させることができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

カレンダーページを「fullcalendar-vue」で実装する

fullcalendar-vueは、FullCalendarが配布しているVue.js用の公式カレンダーコンポーネントです。FullCalendarは、Githubスター9000超え、Used by 18000超えのモンスターライブラリです。ビューの表示が多義に渡り、月のビューから時間のタイムラインまで選択することができます。日付のクリックイベントやドラックセレクトも行えます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

1万件でも100万件でも「vue-virtual-scroller」でリストをスクロールする

vue-virtual-scrollerは、あらゆる量のデータを高速でスクロールできるライブラリです。100万件のデータでも非常に軽いスクロールを実装することが可能です。(管理人テスト済み高さの調整がシビアですが、そこさえクリアできればリストのタグに依存することなく、データ量に依存しない軽いスクロールが導入できます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

「Disallowed Key Characters.」エラーがCodeigniter v2で発生した

「Disallowed Key Characters.」エラーが発生して、ユーザー側にCookieを破棄してもらうか、Cookieの期限が来るまで、サイトにアクセスできなくなります。今回の修正で、上記のユーザーに作業をさせることなくアクセスが可能になります。

アコーディオンタブを「vue-bulma-accordion」で実装する

vue-bulma-accordionは、アコーディオンのタブを実装するライブラリです。Bulmaベースのスタイルで実装します。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

カウントダウンタイマーを「vuemodoro」で実装する

vuemodoroはカウントダウンタイマーコンポーネントです。二種類のスタイルを備えておいます。タイマーは、分秒の単位で設定することが可能です。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

「vuecsv」で配列をCSV形式でダウンロードする

vuecsvは、配列をCSV形式でダウンロードできるライブラリです。option機能が搭載されており、改行コードを指定することができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

右クリックのコンテキストメニューを「vue-context-menu」で実装する

vue-context-menuは、コンテキストメニューを実装するライブラリです。必要最低限の機能だけを備えたシンプルなライブラリとなっています。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

テキストをスライドさせるライブラリ「vue-textra」の使い方

vue-textraはテキストをスライドさせるVue.js製のライブラリです。テキストのスライドに9種のアニメーションを付加することができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。

星評価コンポーネントを「vue-star-rating」で実装する

vue-star-ratingは、シンプルで高度にカスタマイズ可能な星評価コンポーネントです。星のサイズや色の変更などのスタイルのカスタマイズを行うことができます。簡単に実装できるコピペと触って体感できるサンプルを掲載しています。