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

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

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

2017/12/14
できることを全力でやる
2017/11/25
恥ずかしさを感じないためにできること
2017/11/11
プロジェクトを遅延させないコミュニケーションパス管理

もっと見る

None

  • Premium_s 2016/04/08

業務で使えるオープンソース(188)「ボット」

今回のテーマはボットです。最近、にわかに騒がしくなってきている市場ですが、昨日のLINEの発表に加えて来週のFacebookの発表も予定されているなど、さらに活性化が予想されています。今回はそんなボットの利点と、関連オープンソース・ソフトウェアを紹介します。## テキストメッセージのやり取りボットは基本的にテキストメッ...

None

  • 2016/04/08

React Armor - DOM構造を変化させてクロスサイトスクリプティングを防ぐ

セキュリティインシデントを起こすWebサービスの多くがサーバや入力に対するチェックが甘く、クロスサイトスクリプティングによってDOMを操作されてしまい、情報漏洩を起こします。セキュリティホールがないのがベストですが、万一起きた時のために使えるかも知れないのがReact Armorです。## React Armorの使い...

List

  • 2016/04/07

tply - タイプライター風入力をWebサイトに

タイピングをそのまま再現するソフトウェアは昔から人気があります。カーソルを表示したり、タイプライター風に一文字ずつ表示するなど、様々なバリエーションがあります。最初からすべて表示されているよりもユーザの視線を引きつける効果もあります。そんな文字入力を再現するJavaScriptライブラリがtplyです。という新しいHT...

List

  • 2016/04/07

Draft.js - テキストエディタ開発用のReactコンポーネント

Reactが向いているのはユーザの入力をリアルタイムに、かつ画面上の様々な場所に反映するようなインタラクティブなWebアプリケーションです。開発者は状態を気にせず画面を作れるのが利点でしょう。さらにReactではコンポーネントの再利用がしやすいのも利点と言えます。今回はFacebookの開発したテキストエディタ開発用コ...

List

  • 2016/04/06

how2 - CUIのStackoverflow検索ツール

プログラミングで分からないことがあればGoogleを使って検索する人は多いですが、その結果の多くはStackoverflowに繋がっていたりします。ということは最初からStackoverflowで検索しても良いはずです。今回紹介するhow2はそんなStackoverflow専用の検索ツールなのですが、UIがターミナルと...

List

  • 2016/04/06

WellCommerce - レスポンシブで使い勝手の良いEコマース

Eコマースと言えばインターネット上で収益を上げる方法の基本と言えます。Amazonは言うに及ばず、既存店舗をもった企業においてもEコマースサイトがないケースのが少なくなっています。今回はそんなEコマースシステムを提供するWellCommerceを紹介します。Eコマースシステムも進化していますので、最新のものを知ることは...

None

  • Premium_s 2016/04/05

成功する製品/サービスを作る5つのコツ

今回は何か新しいサービス、プロダクトを作る際に大事にしたい5つの事柄をピックアップします。特にこれまでにないサービスを作り出す場合に大事なことです。## 良さが一目で分かることもし作ったプロダクト、製品の使い方やコンセプトを説明するのに30秒以上かかるとしたら、それは止めた方が良いでしょう。一言で説明できる必要がありま...

List

  • 2016/04/05

Textcomplete - GitHub風な絵文字アイコン入力補完

GitHubあたりからテキストエリアでの絵文字入力が使われるようになったと思います。アイコンはコミュニケーションを円滑にしたり、ちょっとしたコメントであれば絵文字だけで済んでしまうので手軽に使うことができます。そんな絵文字入力を自分のサイトにも取り込みたいと思うならばTextcompleteを使ってみましょう。## T...

List

  • 2016/04/05

Mobility - スマートフォン用Web/ハイブリッドアプリ向けUIフレームワーク

スマートフォン向けにWebサイトであったり、Cordovaを使ったハイブリッドアプリを作る場合にはデスクトップ向けとは異なるUIフレームワークを使うのがお勧めです。UIはもちろん、スワイプ操作などのUXも専用の方がユーザビリティが高いでしょう。今回紹介するのはMobility、軽量なスマートフォンブラウザ向けUIフレー...

List

  • 2016/04/04

Wmail - Gmail専用クライアント

メーラーは何を使っていますか。最近ではWebアプリケーションがリッチになっているので、Webブラウザからそのまま使っているという人も多いのではないでしょうか。ただ、メールでは重要なやりとりがされることも多く、任意のWebサイトや機能拡張が入った中での利用はセキュリティを懸念するかもしれません。そこで使ってみたいのがGm...

List

  • 2016/04/04

Abricotine - インラインで画像やTodoが表示できるMarkdownエディタ

Markdownエディタは世の中に多数存在します。その多くは2ペイン構成になっていて、左側でテキストとして編集し、右側にHTML化してプレビューが表示されるようになっています。この構成はよくあるものでしょう。Abricotineは異なる作りで、1画面構成になっています。そしてインラインでプレビューが展開されるのが特徴で...

List

  • 2016/04/03

20v - 音楽を目でも楽しめるWebサービス

音楽は耳での楽しむだけのものだと思っていないでしょうか。もちろん基本はそうですが、YouTubeにたくさんのミュージックビデオがアップされている通り、音楽は目でも楽しめます。コンサートはさらに体を使っても楽しめるでしょう。今回紹介するオープンソース・ソフトウェアは20v、音楽を目でも楽しむサービスになります。## 20...

List

  • 2016/04/03

Loki - JavaScript用のインメモリデータベース

Webアプリケーションの中でもデータベースを使いたいという話は良く聞かれます。HTML5であればIndexedDBを使えますが、こちらはキーバリュー型となっています(インデックスを張ることもできますが)。今回はもっと手軽に使えるWebアプリケーション用のデータベース、Lokiを紹介します。インメモリですが利用できる場面...

None

  • 2016/04/02

swiftenv - Swiftのバージョン管理マネージャ

Swiftがオープンソース化されたこともあり、サーバサイドでもSwiftを使っていこうという動きが出ています。また、iOSやMac OSX以外でも使っていこうという試みもあります。そんな中、どんどん進化していくSwiftに合わせて必要になるのが実行環境のバージョン管理です。Rubyであればrvmやrbenv、nodeb...

List

  • 2016/04/02

AdminPlus Lite - Bootstrap4対応の管理画面テンプレート

Bootstrapは便利なUIフレームワークなのですが、進化がとても早いのが玉に瑕かも知れません(進化しないのも困るのですが…)。せっかく便利に作られたライブラリも本体が進化すると使えなくなってしまうことがあります。そうしたらどうするか。さらに最新版に合わせたライブラリを作るのです。ということで今回は最新のBootst...

List

  • 2016/04/01

pomodoro - CLIのプロモードタイマー

集中して作業するためのテクニックとして有名なポモドーロですが、それを実践するためのソフトウェアが各種存在します。多くはキッチンタイマーを模したもので、GUIを持っています。今回紹介するpomodoroはCLIで動くシンプルなソフトウェアです。ポモドーロに慣れた人はこちらのが便利そうです。## pomodoroの使い方p...

None

  • Premium_s 2016/04/01

業務で使えるオープンソース(187)「スニペット」

今回のテーマはスニペットです。オープンソースとして公開するまでもないコードであったり、頻繁に使う正規表現などを保存しておく場所としてスニペットサービスが活躍します。そんなスニペット系サービスの主な使い方と関連オープンソース・ソフトウェアを紹介します。## ちょっとしたコードの共有一番基本的な使い方です。コードを書いてチ...

List

  • 2016/04/01

Descartes - JavaScriptでスタイルシートを記述

スタイルシートはクラスやIDの仕方が多彩であるため、デザイナーによって記述が大きく異なります。その結果、更新を重ねるたびに複雑で分かりづらいものになっていきます。そんな煩雑化を防ぐためにSassやLessを使ってプログラマブルに管理するのが一般的になっています。今回はさらにプログラマブルに、JavaScriptでスタイ...

List

  • 2016/03/31

MERN - Express/Reactを使ったWeb開発フレームワーク

Linux + Apache + PHP + MySQLの組み合わせがWeb開発のスタンダード的な位置づけになっていた頃、それぞれの頭文字をとってLAMPスタックと言うのが流行りました。同様にフレームワークが変わるために名称も異なってきました。今回はMERNスタックを標榜するソフトウェアを紹介します。MongoDB +...

List

  • 2016/03/31

megamenu.js - レスポンシブ対応のメガメニューライブラリ

Webサイトの上部、ヘッダーにメニューを設けているサイトはたくさんありますが、ただ文字を並べているだけではインパクトが薄いかも知れません。そこで使われているのがメガメニューと呼ばれる巨大なメニューです。今回紹介するmegamenu.jsはメガメニューを実現してくれるライブラリで、特にレスポンシブ対応なのがポイントとなっ...