グリッドレイアウトのポートフォリオサイトを手軽に作成する為のシンプルなスクリプト・「gridfolio.js」 gridfolio.js gridfolio.jsはグリッドレイアウトのポートフォリオサイトを手軽に作成できるJavaScript製のジェネレーターです。gridfolio.jsにコンテナのタイトルやアイキャッチ、リンク先、スタイルや...2016.04.20 | 9時49分11秒
canvasを使ったシンプルなドローライブラリ・「atrament.js」 atrament.js atrament.jsはcanvasを使ったシンプルなドローライブラリです。色やペンの太さ、消しゴム、透過機能などが揃っています。他ライブラリへの依存も無く、圧縮版で7KBほどと軽量です。滑らかで動作も軽いドロ...2016.04.10 | 9時29分41秒
Markdownで書ける、Wikiベースの日本国産オープンソースなコミュニケーションツール・「Crowi」 Crowi Crowiは日本国産のオープンソースなWikiです。コミュニケーションツールとしてのWikiを目指したシンプルな設計となっているそう。もう1~2年前に公開されていたようですが最近知ったばかりでしたのでメモも兼ねて。国産なの...2016.04.09 | 11時08分57秒
can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」 The (Unofficial) CanIUse Embed Can I Use transforms3d? Data on support for the transforms3d feature across the maj...2016.04.08 | 10時32分38秒
Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」 Popper.js Popper.jsは常に見やすい状態に維持してくれるツールチップ実装スクリプトです。圧縮版で3.5KBと軽量且つ非依存型で単体で動作してくれます。うまく説明出来ませんが、任意のコンテナにツールチップを表示した際、ス...2016.04.07 | 9時49分19秒
インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」 FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...2016.04.06 | 10時13分08秒
ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」 Detectr.js Detectr.jsはブラウザやOS、デバイス等を検出してclassを付与するスクリプトです。他ライブラリに依存せず単体で動作し、圧縮版で3.6KByと軽量です。下記のようにclassが付与されます。 ...2016.04.04 | 12時13分28秒
HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」 RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...2016.03.31 | 10時28分50秒
微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」 jfMagnify jfMagnifyは微調整可能な拡大鏡を実装出来るスクリプト。jQueryとjQuery UIに依存します。上記のように拡大鏡に+-ボタンが付いており、拡大鏡内の微調整が可能となっています。拡大鏡はCSSのみで...2016.03.28 | 10時48分50秒
文章に注釈を加えるためのシンプルなスクリプト・「marginotes」 marginotes marginotesは文章内の任意のキーワードに注釈を加えるためのシンプルなスクリプトです。jQuery版と単体で動くvanilla版があります。マウスホバーで左端にちょろっと注釈が出る、というシンプルなもの。ツ...2016.03.26 | 10時57分58秒
画像のExif情報を読み取るためのJavaScriptライブラリ・「Exif.js」 Exif.js Exif.jsは画像のExif情報を読み取るスクリプトです。画像のメタデータを読み取って取り出すだけのもの。上図のように動作テストしてみましたが項目数は52ほど用意されているようですので全てではないにしても割と揃えられ...2016.03.24 | 10時07分21秒
プレースホルダーを複数の任意のテキストに変更するスクリプト・「superplaceholder.js」 superplaceholder.js superplaceholder.jsはプレースホルダーを任意のキーワードで変更するスクリプトです。非常に軽量で他ライブラリに依存しません。需要があるかは置いておいて・・どこかで役に立つかもしれ...2016.03.19 | 10時37分57秒
任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」 CSS Filter See the Pen CSS Filter by Jordano Aragão (@jordanoaragao) on CodePen. CSS Filterは任意の画像にCSSのfilterをテストでき...2016.03.18 | 11時02分55秒
オープンソースとしても公開されているシンプルなビデオチャットツール・「Hubl.in」 Hubl.in Hubl.inは手軽にビデオチャットのルームを作成出来るWebサービスです。サービス提供だけでなく、オープンソースとしても公開されています。ユーザー登録も不要です。部屋を作ったらチャットしたいユーザーを招待すれば良いだ...2016.03.16 | 10時52分42秒
3Dな都市の地図を作成するオープンソースのプロジェクト・「ViziCities」 ViziCities ViziCitiesは都市の地図を3D化するオープンソースのプロジェクトです。OpenStreetMapを地図ベースに3D化を進めているそうです。単純な3D化ではなく、リアルタイムなデータを付与した3Dマップを目...2016.03.09 | 10時19分15秒
リストやテーブルにフィルタリング機能やソート、検索機能を付与するスクリプト・「List.js」 List.js List.jsは既存のHTMLリストやテーブルに検索やソート、フィルタリング機能を付与するスクリプトです。他スクリプトを追加する事になりますが、ページネーションにも対応しているみたいです。他ライブラリに依存せず、シンプ...2016.03.08 | 8時59分30秒
シンプルなチャットシステムを導入する為のスクリプト・「Chatjs」 Chatjs Chatjsはシンプルなチャットシステムです。Facebookライクに右下に小さく表示されるシンプルなもので、プラットフォームにも依存しないそうです。ソーシャル要素を持ったWebアプリにあると便利かもしれませんね。Fac...2016.03.06 | 10時37分22秒
シンプルなコンテンツエディタ構築の為のスクリプト・「Substance」 Substance Substanceは文章向けのシンプルなドキュメントエディタ構築の為のスクリプトです。いわゆるリッチテキストエディタのような類のものですが、少し趣が異なる印象ではありますね。動作サンプルでは文章用に特化した形に...2016.03.02 | 10時58分00秒
OSSやコード専門の検索エンジン・「CoCycles」 CoCycles CoCyclesはOSSやソースコード専門の検索エンジンです。よく見てませんが今はGithubのみの検索っぽい(違ったらゴメンナサイ)。コードやスターの数、最終コミット日、ファイルサイズ等はその場で表示してくれます。...2016.03.01 | 10時12分38秒
モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」 Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...2016.02.29 | 10時07分33秒
Github等で公開されているソースコードの任意の行のみをWebページに表示出来る・「Git snippet」 Git snippet Git snippetはGithubやBitBucket、GitLab等で公開されているソースコードの任意の行を指定して任意のWebページに表示出来るサービスです。URLの入力場所が分かりにくいですが、ヘッダ直...2016.02.28 | 9時46分28秒
モバイル向けWebアプリの為のMVCフレームワーク・「Truck.js」 Truck.js Truck.jsはモバイル向けのWebアプリ構築の為のMVCフレームワークです。Android、iOS、Windowsのネイティブなルック&フィールを提供してくれるとの事。様々な目的でも最小限にファイルサイズを抑えら...2016.02.17 | 10時45分17秒