ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ライセンス - MIT Licenseの記事一覧

プレミアムユーザー限定記事

MOONGIFTプレミアムは、月額500円の有料サービスです。詳細はこちらから

もっと見る

List

  • 2017/09/26

Phosphor Float Area - 自由度の高いレイアウト変更ライブラリ

業務システムなどでは情報をいかに分かりやすい整理できるかが作業効率化の肝になります。しかし担当する業務であったり、作業によって必要な幅は違ったりします。そうした時にユーザ毎に好きな配置に変更できる仕組みは便利です。使えるライブラリはPhosphor Float Areaです。## Phosphor Float Area...

List

  • 2017/09/25

Mobiledoc Kit - 好みのWYSIWYGエディタを作る

世の中には多くのWYSIWYGエディタが存在します。どれもそれぞれに特徴があり、選択が多くて迷ってしまうでしょう。しかし、それでもなお自分の目的にぴったりと合っていないことがあるかも知れません。そこで使ってみたいのがWYSIWYGビルディングキットです。今回はMobiledoc Kitを紹介します。## Mobiled...

List

  • 2017/09/25

Megadraft - Draft.JSをベースにしたリッチテキストエディタ

Facebookが開発している、WYSIWYGエディタのベースになるDraft.JS

List

  • 2017/09/24

smoothState.js - 滑らかな画面遷移を提供

スマートフォン向けのWebサイトなどでは画面遷移が大事です。普通のURLを遷移するような動きではUXがよくありません。新しいコンテンツがスライドしてきたり、前の画面と滑らかに入れ替わることでユーザの意識を切らさずに操作を継続できるようになります。そうした動きをサポートしてくれるライブラリがsmoothState.jsで...

List

  • 2017/09/24

Dawn - フロントエンド/node開発のビルドツール

フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。## Dawnの使い方使っている場面です。...

None

  • 2017/09/23

ExeCop - 危険なコマンドをキャンセル/確認

実行するのが怖いコマンドは多数存在します。例えば `sudo rm -Rf /` なんてコマンドは間違っても実行してはいけないコマンドでしょう。また、実行する可能性があっても処理前に確認したいコマンドもあります(負荷が高いものなど)。そうしたミスを未然に防げるのがExeCopです。あらかじめ入れておくとサーバの作業が捗...

None

  • 2017/09/22

Scotty.js - コマンド一つでS3/CloudFrontへのアップロード

簡単なWebサイトや静的サイトをAmazon S3上で公開するケースが増えています。さらに表示を高速化したり、SSL/TLSを使うためにCloudFrontを使うケースも増えています。しかしそのアップロード法は今なおFTP並のやり方のことも多いでしょう。そこで使ってみたいのがScotty.jsです。コマンド一つでアップ...

None

  • 2017/09/21

notes - ベンダーロックインの心配がいらないノートアプリ

メモを取る環境は多々ありますが、ローカルで行っている人も多いはずです。そして最近であればMarkdown記法を使っているケースが多いでしょう。その結果、特定のフォルダやローカルディスク内に多数のMarkdownファイルが散らばったりします。そうした情報の散在や特定Webサービスによる情報のロックインを防げるソフトウェア...

None

  • 2017/09/19

psi-local - ローカルサイトにPageSpeed Insightsを適用する

Webページの表示速度が遅くて良い理由はありません。ユーザ体験はもちろん、Eコマースサイトなどでは売り上げに直結するほどです。Googleも表示速度を検索順位の指標に組み込んでおり、その指摘を行ってくれるサービスとしてPageSpeed Insightsを提供しています。しかしこのPageSpeed Insightsは...

List

  • 2017/09/18

Plyr - YouTube/VimeoをサポートしたWebメディアプレーヤ

動画コンテンツをWeb上で再生するのに使えるのがvideoタグです。しかし素のままではとても使い勝手が悪いです。使いやすくするためには専用のプレーヤライブラリが欲しいでしょう。今回紹介するPlyrはHTML5のメディアプレイヤーですが、YouTube/Vimeoにも対応しているのがポイントです。## Plyrの使い方こ...

List

  • 2017/09/17

MMRA - Mediumの可読性を上げるChrome機能拡張

日本では撤退してしまいましたがMediumはブログプラットフォームとして非常に大きなサービスです。カスタムドメインを使ってMedium上でブログを提供しているサービスも多数あります。しかし上下にバナーが出て、デザイン上非常に煩わしいです。そこで使ってみたいのがMMRAです。Mediumを見やすくしてくれるChrome機...

None

  • 2017/09/16

s5cmd - ローカルとS3をつなぐコマンド

Amazon S3はAWSの各種サービスと連携させると便利ですが、単にバックアップ目的としても十分便利に使えます。そんな時に使うのがクライアントソフトウェアであったり、Webの管理画面です。多数のファイルを一気にアップロードしたりダウンロードするのにWeb管理画面は使い勝手が良くないでしょう。そこで使いたいのがCLIの...

List

  • 2017/09/15

Flockbird - 日本製のSNS

最近使われているWebサービスというとどれもソーシャル絡みになっています。強力なWebサービスを構築するのはもちろんのこと、他サービスに対する強固な参入障壁にもなっています。そんなSNSを自分でも作りたいならばFlockbirdをベースにしてみてはいかがでしょうか。## Flockbirdの使い方ログイン後のページです...

List

  • 2017/09/15

adsenseLoader.js - AdSenseをレスポンシブWebデザインに対応させる

Webサイトの収益増加のためにAdSenseを使っている方は多いでしょう。そんなAdSenseの欠点として、レスポンシブでないという点があります。モバイル用とデスクトップ用で分けなければならず、運用が面倒に感じている方も多いでしょう。そこで使ってみたいのがadsenseLoader.jsです。これだけ入れればAdSen...

List

  • 2017/09/14

Marko - eBay製。サーバ/クライアント両方に対応したビューフレームワーク

Reactが導入したVirtualDOMという概念はあっという間に他のフレームワークにも影響を及ぼしていきました。最近では Webコンポーネントにも関連して、小さなパッケージを組み合わせる方法が主流になっています。今回紹介するMarkoもそんなフレームワークの一つです。特に高速な動作がポイントになっています。## Ma...

List

  • 2017/09/13

Artsy - 世界中のアートに触れる。オークション情報アプリ

良いデザイン、良いアートに出会うとクリエイティブな精神状態になります。そうした時には良いアイディアがわいたり、これまでにない新しいビジネスのネタが見つかるかも知れません。そこで使ってみたいのがArtsyです。世界中の有名なアーティストの作品を集め、展示してくれるiOSアプリです。## Artsyの使い方基本的にはアート...

List

  • 2017/09/13

SQLite Web - さくっと使えるWebベースのSQLite管理

SQLiteはプロトタイプ開発であったり、小さなWebサービスなどを開発するのに非常に役立ちます。単一ファイルで動きますがちゃんとSQLも使えますし、本格的な作りです。そんなSQLiteを使った開発時に用意しておきたいのがSQLite Webです。Python製で簡単に使えるSQLite管理です。## SQLite W...

List

  • 2017/09/12

Responsivook - 縦書き/横書きに対応したレスポンシブな電子書籍

今のWebデザインはあらゆるデバイスに合わせてレスポンシブにすることが求められています。それは何もWebブラウザだけでなく、HTMLをベースとした文書にも適用されます。今回は電子書籍をターゲットにしたResponsivookを紹介します。縦書き、横書きともにレスポンシブになります。## Responsivookの使い方...

List

  • 2017/09/12

Chrome blank tab - Google Chromeの新規タブをブランクに

Google Chromeは新しいタブを開くとGoogleの検索窓が表示されます。また、よく使うサイトも一緒に表示されます。しかし、これらをクリックした経験はあるでしょうか。検索すらアドレスバーで行えば十分です。ということで使ってみたいのがChrome blank tabです。その名の通り、新しいタブをブランクにしてく...

List

  • 2017/09/11

console - コンソール用Dockerクライアント

DockerはCUIから使うのが基本です。ずっと使っていると気にしないかも知れませんが、色がなく寂しいクライアントです。絢爛豪華とは言いませんが、もう少し色があると便利になりそうです。そこで試してみて欲しいのがconsoleです。カラーリングされたDockerクライアントです。## consoleの使い方Dockerを...