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

Webの記事一覧

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

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/22

AssemblyScript - WebAssemblyに変換できるTypeScriptのサブセット

JavaScriptはWebブラウザ上で実行する際にソースコードが見えてしまう問題がありますが、それはWebAssemblyによって解決できようとしています。しかし、改めて別な言語を覚えるのに二の足を踏んでしまっている方も多いでしょう。そこで使ってみたいのがWebAssemblyです。TypeScript(のサブセット...

List

  • 2017/09/21

Raddit - PHP製のRedditクローン

Redditは昔からあるコミュニティサイトの一つです。シンプルなデザインも手伝って、ギークな人たちに好まれています。カテゴリ毎にユーザ層が全く異なり、まるで2ちゃんねるのようになっています。そんなRedditクローンとしてRadditを紹介します。こちらもまた、シンプルなデザインです。## Radditの使い方スレッド...

List

  • 2017/09/19

Flowerizer - ディープラーニングで花の絵を描く

深層学習、いわゆるディープラーニングの世界に注目が集まっています。大量のデータを使い、コンピュータに新しい作品を生成されるといった使われ方が多く、企業などでも取り組んでいるところが増えています。今回紹介するFlowerizerは深層学習を用いて花の絵を描くというソフトウェアになります。## Flowerizerの使い方...

List

  • 2017/09/18

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

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

List

  • 2017/09/18

Samson - Web上でデプロイ管理

最近ではシステムを手作業で起動、停止させることが減っています。作業が自動化されており、コマンド一つで必要なデプロイ作業をすべて行ってくれます。しかしそのステータスは適宜確認する必要があるでしょう。そこで使ってみたいのがSamsonです。何台もあるシステムをまとめてデプロイ管理できます。## Samsonの使い方デモです...

List

  • 2017/09/16

CrossStorage - クロスドメインで使えるlocalStorage

HTML5で追加されたAPIの一つにlocalStorageがあります。特定のサイト内で使える簡易的なストレージですが、一つのサイトでしか使えないのが難点です。時に別なサイトでも使いたいと思うことがあるでしょう(特にサブドメイン)。そこで使ってみたいのがCrossStorageです。クロスドメインで使えるストレージです...

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

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/10

wcode - Webブラウザ上で動作するプログラミングエディタ

AtomやVisual Studio Codeなど、Web技術を使ってプログラミングエディタが動くのが当たり前になっています。JavaScriptエンジンの高機能化はもちろん、HTML5の高機能化によって実現されています。wcodeは同じようにWeb技術を使ったコードエディタです。Webブラウザ上で動作するのがポイント...

List

  • 2017/09/08

go-anond - Go製のはてな匿名ダイアリー風アプリ

はてなの提供する匿名ダイアリー(増田)は特定用途においてとても便利なサービスです。炎上ネタの多くは増田からはじまったりします。匿名というのはそれだけ強いポテンシャルを持っているのでしょう。そんな匿名ダイアリー風のサービスがgo-anondです。その名の通り、Goで作られています。## go-anondの使い方トップペー...

List

  • 2017/09/05

Minio - Amazon S3互換のオブジェクトストレージ

Web上で手軽に使えるストレージシステムと言えばAmazon S3ですが、AWSを組み合わせていない時には転送料金が気になるかも知れません。さらに自社独自のカスタマイズをしたいと思うこともあるでしょう。S3並の柔軟性と独自のカスタマイズを組み合わせたいと思ったら使ってみたいのがMinioです。S3互換のAPIを持ったオ...

List

  • 2017/09/04

Agorakit - 市民のためのグループウェア

グループウェアと聞くと社内で使うイメージがありますが、情報を一元管理するという意味で考えると決してビジネスだけのものではありません。グループができたら、その情報をまとめるのはグループウェアなのです。今回紹介するAgorakitはまさにそんなコンセプトのソフトウェアです。ビジネスではなく一般市民のためのグループウェアです...

List

  • 2017/09/02

Chartkick.js - 多数のグラフに対応したラッパーライブラリ

Webシステムで一番苦労させられるのがグラフではないでしょうか。HTMLの表現力が上がったと言っても、コードを書かなければなりません。特にグラフやチャートになるとコード量も増えがちです。そこで使ってみたいのがChartkick.jsです。多くのパターンに対応したクライアントサイドのグラフライブラリです。## Chart...