Resource - JavaScript

JavaScriptやPython、コマンドラインの使い方等を無料で学べる学習サイト・「Codecademy」

Codecademy Codecademyは対話形式でコードを学べる学習サイトです。無料で利用可能で、学習項目はHTMLやCSS、JavaScriptからPHPやRuby、Pythonの他、コマンドラインの使い方まで揃えられています。...

ベン図やオイラー図を作成出来るライブラリ・「venn.js」

venn.js venn.jsはベン図・オイラー図を描くためのJavaScriptライブラリです(参照:ベン図・オイラー図)。D3.jsに依存しています。上図のように、複数の集合同士の関係や範囲を視覚的に図式化は勿論、各円とその共通部...

ブラウザで動くオープンソースの3Dグラフィックエディタ・「WebGLStudio.js」

WebGLStudio.js WebGLStudio.jsはオープンソースで公開されている、ブラウザで使える3Dグラフィックエディタです。動作も思ったより重くなく、サクサクと動いてくれる印象でした。適当に触っただけなのでアレですが。3...
Ads

ブラウザで動作するHTML5製のミニマルなメモアプリ・「ZenPen」

ZenPen ZenPenはブラウザで動作するミニマルなメモアプリです。単純に、文章を書くためだけに作られていますので、機能らしい機能もほとんどありません。書いた文章はlocal storageに保存されます。テキストはドラッグでツー...

ブラウザで動作するHTML5製の軽量パノラマ写真ビューア・「Pannellum」

Pannellum Pannellumはブラウザで動くパノラマビューアです。HTML5、JavaScript、CSS3、WebGL等を使って構築されています。Googleのストリートビューライクにマウスでぐりぐりと動かすことが出来ます...

Web開発者やWebデザイナー向けのリソースのキュレーションサイト・「The Starter Kit 」

The Starter Kit The Starter KitはWeb開発者やWebデザイナーの為のリソースを収集しているキュレーションサイトです。CSSやJavaScript、Photoshopに関わるリソースなどが多く、収集され...

HTMLエレメントに手軽にサウンドエフェクトを付与するスクリプト・「EasyAudioEffects.js」

EasyAudioEffects.js EasyAudioEffects.jsはHTML要素にサウンドエフェクトを付与する為のスクリプトです。jQueryに依存しています。設定も簡単で使いやすそうな印象でした。音を出す事自体はjQue...

様々なJavaScriptライブラリやフレームワーク、プラグイン等を探せる・「JavaScripting.com」

JavaScripting.com JavaScripting.comは公開されている様々なJSライブラリやフレームワーク、プラグイン等を探せるWebツールです。大量のJSライブラリ等を収集しており、細かくカテゴリ分け、探しやすいよう...

テキストをパースして自然言語を抽出するスクリプト・「Knwl.js」

Knwl.js Knwl.jsは任意のテキストを解析して自然言語を抽出する為のスクリプトです。テキストから日付や時間、場所、電話番号、メールアドレス等を取り出す事が出来る自然言語パーサーとして開発を進めているみたいです。また、まだ開発...

プログラミング専門のライブ配信ツール・「Livecoding.tv」

Livecoding.tv Livecoding.tvはプログラミングに特化したライブ配信ツールです。ライブコーディングによってスキルアップや改善が期待出来るとの事。各言語とその難易度(初級向けや中級向け等)でカテゴライズされています...

Markdown記法で書いたドキュメントをePubやPDFに変換し、電子書籍化する・「GitBook」

GitBook GitBookはMarkdownを電子書籍化してくれるWebツールです。Markdown記法で書いたドキュメントをePubやPDF等のフォーマットにコンバート、電子書籍として販売する事が出来ます。Githubとの連動も...

textareaにオートコンプリート機能を加えるライブラリ・「jQuery.textcomplete」

jQuery.textcomplete jQuery.textcompleteはtextareaにオートコンプリート機能を加えるライブラリ。jQueryに依存しています。Githubで使えるような顔文字や@fooなどソーシャルサイトの...

JavaScript製の2D物理エンジン・「p2.js」

p2.js p2.jsはJS製の2D物理エンジンです。衝突検出や反発、摩擦、モーター動作、バネ動作などなどよくある一般的な物理エンジンですね。ゲーム開発等に如何でしょうか。ライセンスはMIT。 p2.js

React.jsベースのプレゼンテーションライブラリ・「Spectacle」

Spectacle SpectacleはReact.jsベースのプレゼンテーションライブラリです。よくあるWebスライドをReact.jsベースで作ろう、というもの。PDFへのエクスポートも出来るみたいです。使い方等の詳細はGithu...

軽量でミニマルなCSSフレームワーク・「Thao Framework」

Thao Framework Thao Frameworkは軽量でミニマルなCSSフレームワークです。必要最低限のUIコンポーネントとスタイルが用意されており、すぐに開発を始めることが出来そうです。RWD対応ですがclassの変更で簡...

Webサイトのアクセシビリティをチェックする為のライブラリ・「tota11y」

tota11y tota11yはWebサイトのアクセスビリティチェックを行うライブラリです。基本的にはJavaScriptファイルを読み込むだけ、その他は必要に応じてプラグインファイルを読みこめば自動でチェックし、問題点を教えてくれま...

オープンソースで公開されている議論プラットフォーム・「Discourse」

Discourse DiscourseはOSSとしてソースコードが公開されているディスカッションプラットフォームです。RubyとJSで書かれてるみたい。メーリングリストやチャット、フォーラム構築などに対応可能でスマフォやタブレットでも...

シンプルでミニマル設計のReactライクな軽量UIライブラリ・「Riot.js」

Riot.js Riot.jsはミニマル設計でReactライクなUIライブラリです。Muutというコメントプラットフォームを提供する企業が開発、公開したライブラリで圧縮版で3.5KBと軽量ながらパワフルな機能を持っている印象でした。V...

手軽にグラフを作成し、PDFやPNG、SVG等でダウンロード出来る・「Really Easy Charts」

Really Easy Charts Really Easy Chartsはお手軽簡単にグラフを作成し、PDFやPNG、SVGなどのフォーマットでダウンロード出来るソフトウェアです。グラフのタイプ(線グラフ、棒グラフ、円グラフ)を選択...

任意の画像を元にしたグラデーションカラーをCSSで作成する・「Gradify」

Gradify Gradifyは任意の画像に沿ったグラデーションカラーを作成、CSSで提供してくれるOSSです。画像の中で印象的な色を取り出して、そのカラーコードを元にCSSグラデーションを作成出来る、というもののようですね。用途は僕...

CSSのボックスモデルをインタラクティブに視覚化してくれる・「angular interactive box-model diagram」

angular interactive box-model diagram angular interactive box-model diagramはCSSにおけるボックスモデルをインタラクティブに視覚化してくれるツールです。サイズ...

イメージギャラリー等で使うようなグリッドレイアウトでアイテムの数に関係なく幅を揃えてくれるスクリプト・「Layout Balancer」

Layout Balancer Layout Balancerはイメージギャラリー等でよく使われているグリッドレイアウトで、アイテムの数に関係なく幅を揃えてくれるスクリプトです。jQueryに依存しています。語彙が乏しいのでうまく...
Ads