JS TipsはJavaScriptのちょっとしたヒントをコードとともに不定期で紹介するWebサイトです。基本的にはバニラなスクリプトが紹介されており、コードはGithubでも公開されています。8/23現在で58ほど。購読はメールマガジンでも出来る様です。余談ですが、スマフォアプリもあるようですが現状は不要な気がしますね。 JS TipsOn Github
JavaScriptのTipsを不定期で紹介する・「JS Tips」
JS TipsはJavaScriptのちょっとしたヒントをコードとともに不定期で紹介するWebサイトです。基本的にはバニラなスクリプトが紹介されており、コードはGithubでも公開されています。8/23現在で58ほど。購読はメールマガジンでも出来る様です。余談ですが、スマフォアプリもあるようですが現状は不要な気がしますね。 JS TipsOn Github
非依存型で軽量、機能的なJavaScript製のモダンオーディオライブラリ・「howler.js」
howler.jsは非依存型のバニラなJavaScriptオーディオライブラリです。クロスプラットフォームで動作、多様なコーデックのサポート、オーディオのスプライトとコントロール、オートキャッシュによるパフォーマンスの向上などが主な特徴との事。軽量で扱いやすそうです。ライセンスはMIT。ドキュメントはGithubでご確認下さい。 howler.jsOn Github
グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」
gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルやラベルを設定すれば上図のようなレイアウトで実装される、というシンプルなもの。手軽で非依存型と、なかなかよさ気でした。ライセンスはMIT。 gridfolio.js
コーディング不要でWebサイトのテンプレートを作成する為のオープンソースソフトウェア・「GrapesJS」
GrapesJSはコーディングせずに直感でWebサイトのテンプレートを作成出来るエディタです。OSSとしてソースコードが公開されています。JS製でjQueryにのみ依存しています。必要なコンテナやテキスト、画像等をマウスで配置すれば左下部のコードアイコンからコードが吐き出されているのが確認出来ます。機能は非常にシンプルなのであくまでテンプレートの作成、そこから先はコーディングという形になりますが、JS製で操作も手軽ですし、需要は割とあるかもしれません。ライセンスはBSDとのことです。 GrapesJS
サウンドインタラクションを追加する為のシンプルなJavaScriptライブラリ・「Loud links」
Loud linksはWebコンテンツにサウンドインタラクションを追加する為のシンプルなJSライブラリです。audio属性を使うみたい。非依存型で軽量なのは良いですね。音源を用意して特定のclassとカスタムデータ属性を追加すれば該当する要素にサウンドインタラクションを追加する事が出来る、との事。音を出すのはいささか抵抗がある方も少くはないと思いますが、レイアウトやUIだけで解決できない問題もサウンドインタラクションで解決出来るケースもあります例えばエラーを気づかせるのが困難なな複雑な送信フォームでも、小さなエラー音を出すだけでもユーザーにハッとさせる事も出来るかもしれません。使い所の問題ですね。個人的にも以前は音＝完全NGという先入観を持っていたのでもう少し柔らかい思考で臨みたいところです。 Loud links
独自ルールにも対応したJavaScriptの構文チェックツール・「ESLint」
ESLintは独自ルールの設定も可能なJavaScript lintツールです。JSHintの機能に加え、独自ルールの設定、解析、構文チェックを行うことが出来ます。独自ルールはJSONかYAMLファイルで用意するみたいです。 ESLint
PDFやODF等のドキュメントファイルをWebサイトで表示させる為のスクリプト・「ViewerJS」
ViewerJSはPDFやスプレッドシート等をWebサイトに埋め込めるJavaScript製のドキュメントリーダーです。PDF.jsやWebODFを利用しているみたいですね。ライセンスはAGPLの元、OSSとして公開されていますが、ソースを開示したくない場合は商用ライセンスの相談も受け付けているそうです。 ViewerJS
ベン図やオイラー図を作成出来るライブラリ・「venn.js」
venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです（参照：ベン図・オイラー図）。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部分の数値をツールチップで表示する事が可能です。ライセンスはMITとの事。 venn.js
様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」
JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいようにしてあるみたいです。それぞれのJSライブラリやフレームワークは本サイトやGithub等へのリンクとともに、概要、CDN、リポジトリなども確認可能となっています。 JavaScripting.com
テキストをパースして自然言語を抽出するスクリプト・「Knwl.js」
Knwl.jsは任意のテキストを解析して自然言語を抽出する為のスクリプトです。テキストから日付や時間、場所、電話番号、メールアドレス等を取り出す事が出来る自然言語パーサーとして開発を進めているみたいです。また、まだ開発段階ではありますが、シンプルな動詞や件名、グラムやポンド等の単位なども抽出出来るようにしてるようです。今後の開発が楽しみですね。Knwl.jsはOSSとして公開されており、ライセンスはMITとなっています。 Knwl.js
複数のJavaScriptライブラリを1つのファイルにまとめて圧縮してくれる・「Javascript Library Generator」
Javascript Library Generatorは複数のJSライブラリをひとまとめにして圧縮してくれるパッケージツールです。数多のライブラリを選択してダウンロードするだけ。CSSもあるみたいです。かなり大量のライブラリが用意されているので目的のものも見つかるんじゃないかなぁと思います。ただ、まだベータ版なので今の段階では自己責任で頼むよ、との事。 Javascript Library Generator
jQueryを使わずに～したい、を調べられる逆引きリファレンス・「Plain JavaScript」
Plain JavaScriptはjQueryを使わずにDOM操作等を行う方法を調べることが出来る逆引きリファレンスサイトです。jQueryはJavaScriptに詳しくなくても容易にDOM操作を可能にしてくれましたが、様々なニーズに応えていったために肥大化しました。ちょっとしたDOM操作だけならわざわざ重いファイルを読み込まずに実装した方がパフォーマンスを損なわずに済みます。が、その方法がわからない、という方も少なくないかもしれません。そういった方の為に、jQueryを使わずに純粋なJavaScriptによるDOM操作の方法を調べられる、というもの。一部の方には便利な逆引きリファレンスサイトではないかなぁと思います。 Plain JavaScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」
Webページにドローツールを埋め込むためのスクリプト・「Drawingboard.js」
ブラウザでPDFを作成するスクリプト・「pdfmake」
SVGのパスをアニメーションにする為のシンプルなスクリプト・「jQuery DrawSVG」
オープンソースの国旗アイコン集・「FlagKit」
シンプルで軽量なプログレスバー実装の為のJSライブラリ・「nanobar」
ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」
Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」
