30行ほどのVanillaなスクリプトでExcelっぽいものを作る・「Tiny Excel-like app in vanilla JS」
Tiny Excel-like app in vanilla JS Tiny Excel-like app in vanilla JS。プレーンなスクリプト30行でExcelのような表計算が出来るシートを作成する、というもの。例えば=...
Resource - フロントエンドエンジニア向け
Vanillaなスクリプトを沢山コレクション、紹介ししている・「Vanilla List」
Vanilla List Vanilla ListはプレーンなJavaScriptをコレクションしているWebサイトです。Github等で公開されている多様なバニラスクリプトを収集、紹介してくれています。それぞれのスクリプトは動作アン...
タッチデバイスにhoverっぽい機能を付与するスクリプト・「Hover on Touch」
Hover on Touch Hover on TouchはiPhoneやAndroidのようなタッチデバイスにPCサイトのhoverっぽい機能を付与する為のスクリプトです。上図はフリックしているところですが、タッチしている部分に変化...
日本語にも対応のHTMLをPDFに変換するOSS・「Athena」
Athena AthenaはHTMLからPDFへ変換するコンバートツールです。日本語を含め、数百もの多言語に対応しているそう。URLを指定すれば変換してくれます。wkhtmltopdfの代替として開発、OSSとして公開されています。今...
Markdownで書ける、Wikiベースの日本国産オープンソースなコミュニケーションツール・「Crowi」
Crowi Crowiは日本国産のオープンソースなWikiです。コミュニケーションツールとしてのWikiを目指したシンプルな設計となっているそう。もう1～2年前に公開されていたようですが最近知ったばかりでしたのでメモも兼ねて。国産なの...
再利用も視野にいれたオブジェクト指向CSSフレームワーク・「RichCSS」
RichCSS RichCSSは再利用も視野に入れて設計されたオブジェクト指向のCSSフレームワークです。各コンポーネント毎にファイルを別にしているみたいですね。クリーンなCSS設計になるよう心がけて設計してあるそうです。隙を見て触っ...
HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」
RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...
Chromeの設定画面等を表示するコマンドをまとめた・「CHROME://COMMANDS」
CHROME://COMMANDS CHROME://COMMANDSはChromeの様々な設定画面を表示するコマンドの一覧です。定番のものからFLAGSのような、実験的に備えられている機能の設定が可能なコマンドなどなど。ご存知の方も...
データベース不要のフラットファイル型オープンソースCMS・「Grav」
Grav Gravはデータベース不要のオープンソースなCMSです。Markdown記法が採用されています。フラットファイル構成でDBが無くてもCMSとして機能してくれます。シンプル且つ高速な点が売りのようですね。多言語化対応でテーマフ...
Foundationベースの、ライトに使えるオープンソースCMS・「lifejacket」
lifejacket lifejacketはフロントエンドフレームワークのFoundationをベースに設計されたオープンソースのCMSです。PHP製で、機能もCMSとしての基本的な部分に絞って備えてあるとの事。WordPressやD...
オープンソースとしても公開されているシンプルなビデオチャットツール・「Hubl.in」
Hubl.in Hubl.inは手軽にビデオチャットのルームを作成出来るWebサービスです。サービス提供だけでなく、オープンソースとしても公開されています。ユーザー登録も不要です。部屋を作ったらチャットしたいユーザーを招待すれば良いだ...
ライブ等のイベント管理やチケット販売が可能なオープンソースソフトウェア・「Attendize」
Attendize Attendizeは音楽ライブやイベントなどの管理とチケットの販売を可能にするOSSです。PHPフレームワークのLaravelが使用されています。モバイル、タブレットフレンドリー、embed機能、イベントの主催者、...
3Dな都市の地図を作成するオープンソースのプロジェクト・「ViziCities」
ViziCities ViziCitiesは都市の地図を3D化するオープンソースのプロジェクトです。OpenStreetMapを地図ベースに3D化を進めているそうです。単純な3D化ではなく、リアルタイムなデータを付与した3Dマップを目...
モバイルファーストなヘルプデスク向けツール構築の為のオープンソースソフトウェア・「Helpy.io」
Helpy.io Helpy.ioはモバイルファーストに設計されたヘルプデスク向けのツール構築ソフトウェアです。社内外両面からの問い合わせ対応のためヘルプデスク要員を設けている企業も少なく無いと思いますが、そのヘルプデスクをサポートす...
シンプルなチャットシステムを導入する為のスクリプト・「Chatjs」
Chatjs Chatjsはシンプルなチャットシステムです。Facebookライクに右下に小さく表示されるシンプルなもので、プラットフォームにも依存しないそうです。ソーシャル要素を持ったWebアプリにあると便利かもしれませんね。Fac...
レスポンシブWebデザインにも対応した、APIのドキュメント作成キット・「Slate」
Slate SlateはAPIのドキュメントを作成する為のテンプレートです。RWD対応で、基本的には目次、説明、サンプルコードの3カラム構成になっているようです。このタイプの仕様書が個人的には一番見やすいです。ナビゲーションもよく見か...
シンプルなコンテンツエディタ構築の為のスクリプト・「Substance」
Substance Substanceは文章向けのシンプルなドキュメントエディタ構築の為のスクリプトです。いわゆるリッチテキストエディタのような類のものですが、少し趣が異なる印象ではありますね。動作サンプルでは文章用に特化した形に...
OSSやコード専門の検索エンジン・「CoCycles」
CoCycles CoCyclesはOSSやソースコード専門の検索エンジンです。よく見てませんが今はGithubのみの検索っぽい（違ったらゴメンナサイ）。コードやスターの数、最終コミット日、ファイルサイズ等はその場で表示してくれます。...
モバイルアプリ開発向けに構築されたBootstrapベースの軽量フレームワーク・「Mobility」
Mobility MobilityはモバイルWebアプリの為のJS/CSS/HTMLフレームワークです。Bootstrapベース(現在はVer.3)となっており、軽量さを売りにしているみたいです。基本的なUIもそれなりに揃えられており...
Github等で公開されているソースコードの任意の行のみをWebページに表示出来る・「Git snippet」
Git snippet Git snippetはGithubやBitBucket、GitLab等で公開されているソースコードの任意の行を指定して任意のWebページに表示出来るサービスです。URLの入力場所が分かりにくいですが、ヘッダ直...
React向けのリッチテキストエディタ用フレームワーク・「Draft.js」
Draft.js Draft.jsはリッチテキストエディタ構築のためのフレームワークです。React.js向けに作られており、カスタマイズしやすくシンプルに作られているみたいです。この手のフレームワークはあまり見かけないので覚えておく...
モバイル向けWebアプリの為のMVCフレームワーク・「Truck.js」
Truck.js Truck.jsはモバイル向けのWebアプリ構築の為のMVCフレームワークです。Android、iOS、Windowsのネイティブなルック&フィールを提供してくれるとの事。様々な目的でも最小限にファイルサイズを抑えら...