ライブラリの記事一覧プレミアムユーザー限定記事MOONGIFTプレミアムは、月額500円の有料サービスです。CSSベースのWebビューフレームワーク最近はReact、Vue.jsなど仮想DOMを使ったビューライブラリが人気です。JavaScript内にHTML情報を埋め込むのでデザイナーの方にとってはちょっと辛いところがありそうです。そこで使ってみたいのがCJSSです。CSS3を使ったデータのフィルタリング、ソートライブラリWeb上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。Filterizrの使い方利用例です。ミリ秒を読みやすい文字列に変換JavaScriptではstrftimeのような関数もなく、日付を文字列で出力するのは面倒です。他の言語とは異なり、時間はミリ秒単位で、換算するのも手間がかかります。そのため、日付を扱うライブラリが充実しています。今回はミリ秒を人が読みやすい形にしてくれるライブラリ、HumanizeDuration.jsを紹介します。便利なポップオーバーライブラリマウスを載せた際などに表示されるポップオーバー。ユーザの好きなタイミングで(多くは困った時に)表示してくれるので便利なツールです。画面の端などで表示する場合、画面外に隠れてしまったりします。そんな困った、を解決してくれるのがPopper.jsです。ポップオーバーだけにこだわったライブラリです。色をホイールで選択するUIライブラリWeb上で表現できる色は1600万色あります。した違いを認識しながら色を選択するのは困難です。そこで色をピッキングする手法が様々に作られています。一つはサークル型のウィジェットです。今回紹介するiro.jsはそんなサークル型のカラーピッカーをJavaScriptで提供するライブラリです。HTMLテーブルを高機能にテーブル表示はWebシステムのデファクトとも言えます。業務システムはいうに及ばず、管理者画面などでも必ず求められる表示です。表示すればいいという訳ではなく、ソートやフィルタリング、インラインでの編集など様々な機能が求められるものです。そんな多機能なテーブル表示を実現してくれるのがTabulatorです。ウィンドウ幅に応じてグリッドを自在に並び替えWebページをレスポンシブに対応させようと思うとグリッドベースのデザインを採用することが多いでしょう。デバイスの幅に応じて並べるグリッドの数を増減させることで表示をカスタマイズできます。多くのUIフレームワークがグリッドに沿ったUIを提供しています。デバイス判定をスタイルシートに反映Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。いった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。JavaScriptの高機能時間ライブラリJavaScriptで悩ましいのが時間の扱いではないでしょうか。Webブラウザごとによって異なるタイムゾーン、年月日を表示するのにもばらばらのメソッドを実行するなど面倒な操作が多いと感じます。そこで使ってみたいのがspacetimeです。JavaScriptにおける日時関連の処理を手軽にしてくれるライブラリです。長大なリストもサポートするスクロールライブラリWebページは縦に長く伸びがちです。リスト状に情報を載せる際にデータ量をシステムからの出力で動的に変化させている場合、間違って数十万件のデータを一気に表示しようとしてDOMレンダリングが終わらなくなったりします。いった時に使ってみたいのがvirtual-scrollerです。Excelのように複雑なグリッド表示をiOS上で実現iOSアプリではシンプルで直感的なUIを求められますが、業務用アプリとなると一段違ったレベルのUIが求められます。一覧表のような形式であったり、複数人のスケジュールを一覧できる機能が欲しいと言われることもあるでしょう。した難しい表形式の表示を提供するのがSpreadsheetViewです。JavaScriptに関数型言語をミックスJavaScriptでは標準では物足りないと感じられることが多いです。そこでjQueryやUnderscoreのようなライブラリが必須になってきます。することでプログラミングをする上で必須ともいえる機能が使えるようになります。C言語で記述されたPerl用モジュールです。Perlには日付と時間を得る方法がいくつもあります。ソフトウェアエンジニアは使い勝手やさまざまな事情から、日付と時間を得る関数やモジュールを改めて定義することがあるのではないでしょうか。Schemaから入力検証つきフォーム生成JSONの利用範囲が拡大しています。APIが広がるのに伴って利用が進んでいるようです。そんな中で求められるのはより強固なJSONフォーマットです。あのサイトはどのJavaScriptライブラリを使っているかWebシステムを開発していると他のサイトがどういった仕組みで動いているか気になったりしますよね。HTMLソースやURLからどんなプログラミング言語で、どんなフレームワークか知ったりするのは面白いです。サーバサイドは実際のところは分からないのですが、フロントエンドは分かります。使えるライブラリに出会えるサイトプログラミング言語はライブラリが肝です。言語単体の魅力はもとより、使えるライブラリが十分にないと利用したいと思えないでしょう。各言語向けにライブラリを紹介するサイトがありますが、それらを一つにまとめあげてしまうのがDepstackです。Depstackでは有名なプログラミング言語のライブラリがたくさん揃っています。スマートフォン/デスクトップで使えるシンプルなキーバリュー型ストレージBackboneにも対応しているのがポイント高いかも!HTML5にはオフラインに対応するために幾つかのストレージ機能が提供されています。localStorage、IndexedDB、さらにWebSQLも一部のブラウザでサポートされています。キーバリュー型のシンプルな非同期型ストレージを提供してくれるライブラリlocal...2013/01/12r18n互換のJavaScript国際化処理ライブラリ「X18n」X18nはJavaScriptによる国際化処理ライブラリです。JavaScriptの活用の幅が広がっていく中で注目したいのが多言語化対応です。Webアプリケーションなどで使ってみたいクライアントサイドの多言語化ライブラリとしてX18nを紹介します。registerで言語とその変換を登録します。言語の...2012/11/23Webサイトをiframeで開いて情報を追加「PageSlide」PageSlideはリンクをiframeで開き、URLコピーやシェア機能を追加するJavaScriptライブラリです。PageSlideではWebページを開く際にフレームの中で開くという面白い見せ方をしてくれます。一枚上のレイヤーに情報を追加して表示といった使い方が面白いかもしれません。最初にURLが一覧されています。...2012/10/11奇麗な表示、アニメーションのグリッドライブラリ「MGBox2」MGBox2はシンプルながらセンスのいいグリッド表示ライブラリです。iOSアプリが流行るか否かはアプリ本質の面白さはもちろんのこと、デザインも大きなウェイトを占めています。そこでどんな見せ方が有効であるかを常に検討する必要があるでしょう。今回紹介するのはMGBox2、グリッド表示のライブラリです。${article.post_date_view}${article.post_title}${article.except_content}プレミアムでしか読めない記事が727あります。blockworks。