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

Webの記事一覧

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

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

もっと見る

List

  • 2016/12/07

gallery_shell - BashスクリプトでHTMLギャラリー生成

手元にある写真をWeb上に掲載してみんなで見たいと思った時にさくっとページが作れると便利です。大げさなシステムをインストールしたり、ソフトウェアをインストールしたりするのは面倒です。今回はそんな手間がかからず使えるアルバムソフトウェア、gallery_shellを紹介します。名前の通り、Bashスクリプトで作り上げます...

List

  • 2016/12/05

medium-draft - Medium風のWYSIWYGエディタ

良いサービスというのは真似る人が多いものです。良いと思ったものを自分たちのサービスに反映したいと考えるでしょうし、純粋に開発者として自分でも実装してみたいと考えることもあるでしょう。最近多いのはMediumです。今回紹介するmedium-draftはMedium風のリッチエディタを再現したソフトウェアになります。## ...

List

  • 2016/12/04

Open API designer - Open API/SwaggerドキュメントをWeb上で作成

Swaggerをベースに現在策定が進められているのがOpen APIです。策定されれば多くのソフトウェアがそのフォーマットに対応することでしょう。そうなればAPIエコノミーがさらに広がっていくはずです。今回紹介するOpen API designerはOpen APIのWebブラウザ上でデザインできるソフトウェアです。#...

List

  • 2016/12/03

Cachet - グラフ付きのシステムステータスページ

Webサービスの利用を決める際に、その安定性というのは大事な要素になります。安定していて当たり前ですが、万一の障害発生時にもどれくらいで回復しているかや、どれくらいの頻度で障害が発生しているかは気になるはずです。今回紹介するCachetはそんなシステムのステータスページ用のソフトウェアです。## Cachetの使い方メ...

List

  • 2016/12/02

Winds - 個人の興味に合わせたフィードリーダー

フィードリーダーを使っている人はあまり多くないと思いますが、個人的にはまだまだ現役で使っています。効率的に多くの情報を収集しようと思うと、フィードリーダーが最適ではないでしょうか。今回はそんなフィードリーダーの最新版、Windsを紹介します。エレガントなデザインが特徴です。## Windsの使い方最初に興味のあるカテゴ...

None

  • 2016/12/02

JBake - Java製の静的サイトジェネレータ

ここ数年、静的サイト構築ソフトウェアが多数出てきています。その多くがMarkdown記法で記述してHTMLに変換します。RubyのJekyllやOctopressなどが有名です。多くはスクリプト言語で作られていますが、今回はJavaで作られたJBakeを紹介します。## JBakeの使い方JBakeのインストールはSD...

None

  • 2016/12/01

Simple-HTML5-Drawing-App - 線種や太さが変えられるWebペイントアプリを作成しよう

HTML5では多くのAPIが追加されていますが、見た目のインパクトがあるものと言えばCanvasではないでしょうか。インパクトだけならWebGLもありますが、使いこなすのは難しいかもしれません。今回はそんなCanvasを使ってペイントアプリを作るチュートリアル&ソースコードを紹介します。## Simple-HTML5-...

List

  • 2016/11/30

Honyomi - PDFの全文検索エンジン

PDFファイルは様々な場面で使われます。仕様書、ヘルプ、請求書、電子書籍などファイルサーバやローカルを探すといくらでも出てくることでしょう。PDFファイルは編集しないものが多く、編集できるドキュメント類とは異なる使い方があります。そんなPDFファイルをまとめて管理、さらに検索もできるソフトウェアがHonyomiです。#...

List

  • 2016/11/29

SuiteCRM - SalesForce代替を狙うオープンソースCRM

ビジネスの基礎とも言えるのがCRM(カスタマーリレーションシップマネージメント)です。顧客のリストを作り、メールでアピールしたり、訪問先を決めたりします。ビジネスに繋がったとしてもその後のプロジェクトの進行やフォローアップはCRMを中心として行われます。今回紹介するSuiteCRMはCRMとして有名なSalesForc...

List

  • 2016/11/28

Grade.js - 画像を解析して最適な枠を表示

画像は見せ方がとても大事です。ただ並べただけでは目を引くことができません。例えばPinterestがあれだけ流行ったのは、それまでになかった段違いな組み合わせのグリッドによるところが大きかったでしょう。画像を主体としているサイトでは特に見せ方に注意すべきです。今回紹介するGrade.jsは画像に枠をつけてくれるJava...

List

  • 2016/11/27

Splitdown - WordPressで使えるMarkdownエディタ

Markdownで記述するのは当たり前のように普及しています。ここまで普及すると、Markdownでの記述機能を提供していないサービスでも使いたくなってくるのではないでしょうか。記述方法を統一することで慣れてきたり、教育コストを下げられるようになります。今回はWordPressでMarkdown記法が使えるSplitd...

List

  • 2016/11/26

Hotdraw.js - JavaのHotdrawをJavaScriptにポーティング

Javaはサーバサイドだけでなく、デスクトップ開発でも利用できます。速度面などに難があって利用は伸びませんが、かつては多くのデスクトップソフトウェアがJavaで作られていました。そんなJavaには多くの先進的試みがありました。JHotDrawというJavaによる2Dドロー技術もその一つで、今回紹介するHotdraw.j...

List

  • 2016/11/26

turbo.js - WebWorkerでGPUを使った計算処理を実現

ブラウザのJavaScriptは一昔前に比べたら大幅に高速化されていますが、それでもシングルスレッドで処理されるという点がネックになります。それを克服するためにはWebWorkerを使った並行処理、GPUを使った計算処理が必要です。それらの技術を使おうと思ったら非常に面倒なイメージがあります。そこで利用するのがturb...

List

  • 2016/11/24

Cloud Commander - Webベースの二画面ファイラー

二画面ファイラーは好きでしょうか。筆者は大好きです。WindowsのエクスプローラやmacOSのFinderはもちろん、ファイルの移動やコピーがとてもやりづらいと感じてしまいます。二画面ファイラーに慣れてしまうと手放せなくなるでしょう。そんな二画面ファイラーをWebベースで提供するのがCloud Commanderです...

List

  • 2016/11/23

PapterNIC - Webベースの高機能ドキュメント管理

企業内にはたくさんのドキュメントが存在します。それらは通常、ファイルサーバ上に保存されるのではないでしょうか。しかしファイルサーバでは細かな権限管理ができなかったり、期限内に見て欲しいといった場合の管理もできません。そうした企業内で発生するニーズに合わせて作られているのがドキュメント管理システムです。今回はPapter...

List

  • 2016/11/22

flv.js - JavaScript製のFLVプレイヤー

Flashコンテンツは世の中に溢れていますが、HTML5への移行も進んでおり、利用度合いは右肩下がりです。しかしすでにあるコンテンツを移行するのも難しいでしょう。そこでHTML5/JavaScriptの力でレガシーなFlashコンテンツを実行する試みが多数あります。今回はその一つ、flv.jsを紹介します。FLVフォー...

List

  • 2016/11/22

sidebar-v2 - 地図にサイドバーを追加

地図系サービスではサイトに埋め込めるようにしたり、地図にマーカーを載せたりするためのAPIを提供しています。しかし、表示されているもの以上の機能を追加しようとすると途端に面倒になります。意外とカスタマイズ性が低いのが地図系ライブラリです。そこで使ってみたいのがsidebar-v2です。各種地図ライブラリに対してサイドバ...

List

  • 2016/11/21

Scribe.js - nodeのログをカラフルに、かつWebブラウザ上で確認

最近Nodeで開発することが増えてきたのですが、標準出力に出てくるログはあまり見やすくありません。目的のデバッグメッセージがどこに出ているのか確認が面倒で、ターミナル上では検索もままなりません。そこで使ってみたいのがScribe.jsです。ログを格好良く、見やすくしてくれます。## Scribe.jsの使い方ログがWe...

List

  • 2016/11/20

Portier - メールを使ったパスワードレス認証

現在の認証技術はIDとパスワードによるものが基本です。その結果、パスワードが漏洩すると大変な状態になります。そこで二段階認証が使われるようになり、スマートフォンと組み合わせた認証技術が増えています。今回はパスワードが漏洩する心配がない、パスワードレス認証技術のPortierを紹介します。## Portierの使い方最初...

List

  • 2016/11/17

gridstack.js - jQuery製のウィジェット表示/作成ライブラリ

WebダッシュボードのUIであったり、ユーザがカスタマイズできるページにおいて大事なのがドラッグ&ドロップを使ってカスタマイズできるウィジェット機能です。かつてiGoogleで見られたUIは今は多くの管理画面で採用されています。そういったページを表示する際に使えそうなのがgridstack.jsです。ウィジェットの大き...