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

Webの記事一覧

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

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

もっと見る

List

  • 2016/12/15

Scrum Board - カンバン機能だけを取り出したJavaScriptライブラリ

GitHubがIssuesをカンバン風に表示する機能を提供するようになっていますが、Issuesを使っていない場合もあります。自社のタスク管理を使っていて、カンバン機能だけを取り入れたいと考える人もいるでしょう。そんな方に使ってみて欲しいのがScrum Boardです。JavaScript製のカンバンライブラリです。#...

List

  • 2016/12/14

concatss - 複数の画像をくっつけて一つの縦長画像に変換

縦長の画面をまるごとスクリーンショットを撮りたいと思っても、OS自体がそういった機能を提供していないことがあります。Webブラウザはどうにかなりますが、例えばiOSではそんな機能はありません。そこで使ってみたいのがconcatssです。複数の画像をアップロードして、一つの縦長画像に変換します。## concatssの使...

List

  • 2016/12/13

katatema - Reactを使った小さな静的サイトジェネレータ

Reactを使うとなんとなくシステムが大事になってしまう雰囲気があります。そのため、大型なWebアプリケーションでないと使うのを控えてしまうでしょう。もっと手軽に小さなツールでも使えると便利なはずです。そこで使ってみたいのがkatatemaです。Reactを使った静的サイトジェネレータです。## katatemaの使い...

List

  • 2016/12/12

Timegrid - PHP製の予約管理システム

リアルとネットを繋ぐサービスの一つが予約システムではないでしょうか。レストラン、病院、アクティビティ、旅行…多数の予約システムがオンラインにつながり、ネット上から予約できるようになっています。そんな予約システムを導入したかったらTimegridを検討してみてはいかがでしょう。PHPですぐに導入できそうです。## Tim...

List

  • 2016/12/12

traquer - Web上の操作を記録&再生

Webページではマウス操作やキーボード入力が折り混ざるので、どう操作したことによって不具合が出たかという再現するのが難しいことがあります。しかしユーザの操作の中に、解決のヒントがあるはずです。そこで使ってみたいのがtraquerです。Webページにおける操作を記録、再生できるライブラリです。## traquerの使い方...

List

  • 2016/12/11

WikipediaP2P - P2Pを使ってWikipediaを閲覧

P2Pには大きな可能性が秘められています。通常のWebサイトのようにサーバに対して多数のクライアントが紐付く形では、常にサーバの性能がボトルネックになることでしょう。今はそういった形式よりも分散型のが主流です。そんな実験的な分散型システムをWikipediaに取り入れたのがWikipediaP2Pです。## Wikip...

List

  • 2016/12/11

X-RAY - Webデザインのお供に使いたいグリッド表示

Webデザインを行っていて、最終的な微調整はWebブラウザ上で実際に表示しながら行うでしょう。そうした時にほんの少しのずれなどを判断する際に画面に目を近づけるのは効率的とは言えません。ぜひX-RAYを使って見やすいWebデザインを行っていきましょう。## X-RAYの使い方X-RAYを実行したところです。グリッドが表示...

List

  • 2016/12/10

GIFit! - Google Chrome上でYouTube動画をアニメーションGIF化

世にあるアニメーションGIFはとても面白いものが多いです。動画のハイライトシーンだけを切り出して、さらにそれを何度も繰り返し見せることで面白さが増幅します。しかし自分で作ろうと思ったら意外と面倒です。そこで使ってみたいのがGIFit!です。Google Chrome上で動き、動画はYouTubeを使います。## GIF...

List

  • 2016/12/09

Joruri Mail - 企業/組織で使える日本製のWebメーラー

企業において、メールクライアントをどうするかは大きな問題です。個別にインストールするソフトウェアは管理が煩雑になったり、設定を行うのが大変です。そこでWebメーラーを採用するケースが増えています。今回紹介するJoruri MailもそんなWebメーラーの一つです。しかも日本製なので、日本企業のニーズに合っていると思われ...

List

  • 2016/12/07

Accessibility Developer Tools - アクセシビリティをチェックできるGoogle Chrome機能拡張

今後のWebではアクセシビリティが求められるようになるでしょう。Webは健常者のためだけでなく、広くあまねく使われるようになっているからです。そこでアクセシビリティを高めるために使いたいのがAccessibility Developer Toolsです。Google Chromeで簡単にアクセシビリティをチェックできま...

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...