電子カルテや医師情報の管理など、病院向け情報管理システムのオープンソースソフトウェア・「HospitalRun」 HospitalRun HospitalRunは電子カルテや医師情報の管理などを行える病院向けの情報管理システムです。Ember.jsが使われており、本システムもOSSとして公開されています。主に発展途上国での利用を目的としているそう...2016.06.14 | 11時07分06秒
ステム(Stem)とは何か、アセンダー(Ascender)とは何か等、タイポグラフィの用語を図解で学べる・「Type Terms」 Type Terms Type Termsはタイポグラフィの専門用語を図解で学べるWebサイトです。上図のように図解でそれぞれの対象となる部分やラインの用語をクリックすると解説が表示される、というもの。パッと見でどの用語が何を指すかが...2016.06.13 | 9時55分35秒
エリア毎のデータを地図で可視化、SVG等でダウンロード出来るOSS・「datamaps.co」 datamaps.co datamaps.coはエリア毎の数値などのデータを地図で可視化、SVGやPNGなどのフォーマットでダウンロード出来るようにするソフトウェアです。オープンソースとしてソースコードが公開されています。例えば世界地...2016.06.12 | 11時01分13秒
Bootstrap 4ベースのすっきりしたデザインな管理画面向けテーマ・「Modular Admin」 Modular Admin Modular AdminはBootstrap 4ベースの管理画面テンプレートです。すっきりしたデザインで見やすい印象でしたのでメモ。ボタンやカード、アイコン、テーブルやチャートなどのUIも揃っています。ラ...2016.06.11 | 11時11分02秒
ざっくりとした「今月の目標」と任意の数値を設定、新規タブで表示するChromeエクステンション・「Reach」 Reach Reachは「今月の目標」と数値を設定できるChromeエクステンションです。例えば売上や貯金などノルマとなる内容と数値を設定すればChromeで新規タブを開いた際に設定した目標値と目標内容、順調なら現在達成しているであろ...2016.06.10 | 11時00分50秒
曜日ごとに任意のメッセージを表示するだけのシンプルなスクリプト・「Daily Messages」 Daily Messages Daily Messagesは曜日ごとに任意のメッセージを表示するスクリプトです。jQueryが使用されています。Basecampにインスパイアされて作ったそうで、特に特徴もなく、単純に毎週別のメッセージ...2016.06.09 | 10時31分17秒
シンプルなニュースレター発行サービス・「Volleyy」 Volleyy Volleyyはシンプルなニュスレター発行サービスです。レスポンシブWebデザイン対応のメールマガジンを監理・発行出来る、というもの。凝ったことは出来ないにしてもWYSIWYGやグループの作成、テスト送信などなど基本的...2016.06.08 | 10時56分24秒
CSSアニメーションのループ間にdelayを挿入してくれるWebツール・「WAIT! Animate」 WAIT! Animate WAIT! Animateはkeyframesを使ったCSSアニメーションでループに待機時間を指定して挿入、CSSコードを吐き出してくれるWebサービスです。delayさせたい時間を入力すればパーセンテージ...2016.06.07 | 10時19分21秒
レスポンシブWebデザインにも対応のシンプルで軽量なCSSグリッドシステム・「Pills」 Pills PillsはRWD対応のシンプルで軽量なグリッドシステムです。4kbほどのファイルサイズでモバイルファーストな設計となっています。よくあるフレームワークのような.col-md-6といったclass名が分かりやすいとは思えな...2016.06.06 | 9時43分04秒
任意のテーマでも使える、好きな固定ページ、好きな投稿をコーディングせずにドラッグ&ドロップでレイアウト出来るWordPressプラグイン・「Elementor Page Builder」 Elementor Page Builder Elementor Page BuilderはWordPressで作成した固定ページや投稿をD&Dでレイアウト出来るプラグインです。どんなテーマでも利用可能です。コーディングせずともボタン...2016.06.05 | 10時24分46秒
Webアプリの為に設計されたシンプル軽量なCSSフレームワーク・「Vital」 Vital VitalはWebアプリケーションの為に開発されたCSSフレームワークです。Webアプリの開発を妨げないように、極力軽量(CSS自体は圧縮版で6KB、アイコンフォントは2KB分用意されています。)に、JavaScriptは...2016.06.04 | 10時30分00秒
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のような表計算が出来るシートを作成する、というもの。例えば=...2016.06.03 | 10時39分53秒
Vanillaなスクリプトを沢山コレクション、紹介ししている・「Vanilla List」 Vanilla List Vanilla ListはプレーンなJavaScriptをコレクションしているWebサイトです。Github等で公開されている多様なバニラスクリプトを収集、紹介してくれています。それぞれのスクリプトは動作アン...2016.06.01 | 9時53分19秒
オープンソースのダミー画像を生成するplacehold.itのクローン・「sinatra_placehold」 sinatra_placehold sinatra_placeholdはダミー画像生成ツールのplacehold.itのクローンソフトウェアです。Ruby製で、Takafumi ONAKAさん作の国産です。placehold.itと同...2016.05.30 | 10時43分57秒
OKRの概念に基いて設計されたオープンソースのタスク管理ソフトウェア・「Fluxday」 Fluxday FluxdayはOKR(Objective and Key Result=目標と主な結果)の概念に基いて設計されたOSSのタスク管理ツールです。Rubyで書かれてます。カレンダー付きでタスクの作業ログを確認したりOKR...2016.05.29 | 9時00分36秒
FacebookやTwitter等で使える絵文字を検索、コピー出来る・「EmojiRepo」 EmojiRepo EmojiRepoはFacebookやTwitter、Skype等で使える絵文字を検索、クリックでコピー出来るサービスです。使いたい絵文字をクリックしてペーストするだけ。まあでもそんなに数ないので検索するより普通に...2016.05.27 | 10時36分41秒
ダミー画像をSVGで作成出来るオープンソースのダミー画像生成ツール・「placeholder.pics」 placeholder.pics placeholder.picsはダミー画像をSVGで作成出来るソフトウェアです。Goで書かれており、OSSとしてソースコードが公開されています。ダミー画像そのものはサイズ指定、背景カラー、グラデーシ...2016.05.26 | 9時45分07秒
タッチデバイスにhoverっぽい機能を付与するスクリプト・「Hover on Touch」 Hover on Touch Hover on TouchはiPhoneやAndroidのようなタッチデバイスにPCサイトのhoverっぽい機能を付与する為のスクリプトです。上図はフリックしているところですが、タッチしている部分に変化...2016.05.25 | 10時52分22秒
静的サイトの為のオープンソースなECプラットフォーム・「flatmarket」 flatmarket flatmarketは静的Webサイト向けのOSSなECプラットフォームです。決済には日本にも対応し始めたStripeを利用しているようです。サブスクリプション型対応、配送先と請求先のセパレート、Bitcoin対...2016.05.24 | 9時54分01秒
複雑なtableでも対応できる、セルがどの列と行に属しているかをハイライトするスクリプト・「jquery-gettable」 jquery-gettable jquery-gettableはtableのセルがどの列と行にあるかをハイライトしてくれるスクリプトです。jQueryに依存しています。上図のようにセル上にマウスを持って行くと、そのセルが属する行と列が...2016.05.23 | 10時01分22秒
Bootstrapの代替として作られたコンパクトなCSSフレームワーク・「Cutestrap」 Cutestrap CutestrapはコンパクトなBootstrap代替CSSフレームワークです。肥大化したBootstrapをもっとコンパクトに、というニーズはよく見かけますので結構この手のCSSは出回っていますが、本フレームワー...2016.05.22 | 9時57分02秒
checkboxにアニメーションエフェクトを付与するCSS・「Checkbox.css」 Checkbox.css Checkbox.cssはcheckboxにアニメーションエフェクトを付与する為のスタイルシートです。上図のようにチェックを入れるとボックスがアクションを起こす、というもの。通常のWebサイトのお問い合せフォ...2016.05.21 | 9時40分57秒