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

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

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

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

もっと見る

None

  • Premium_s 2016/11/04

2016年10月の人気ソフトウェアまとめ

先月のまとめです。過去分は以下の通りです。- 01月;以下はプレミアムのみです。

List

  • 2016/11/04

Blockly for iOS - ビジュアルプログラミングのBlocklyがiOSに対応

ここ数年、ブロックを使ったビジュアルプログラミング言語が人気です。特に小中学生を対象としたプログラミング学習において見た目で分かりやすいというのが利点でしょう。その一つにGoogleが開発しているBlocklyがあります。BlocklyをiOSに対応させたのがBlockly for iOSです。iOSデバイスでビジュア...

List

  • 2016/11/03

Hyperform - Webフォームの入力チェックライブラリ

Webフォームにおける入力検証の仕組みは大事です。一度サーバに送信してからエラーを返す方式はユーザのストレスも大きくお勧めしません。サーバ側での入力チェックは必要ですが、ユーザビリティのためにWebブラウザ側でも入力チェックをしましょう。今回はそんな入力チェックを提供するJavaScriptライブラリ、Hyperfor...

None

  • 2016/11/03

facebook-cli - node製のFacebookクライアント

Facebookへ頻繁にアクセスしてしまって業務がままならないという方はFacebookへのアクセスを禁止しましょう。しかし、閲覧はしなくともステータスのアップデートはしたかったり、多少面倒でも内容が見たいということがあるかも知れません。そんな時に使いたいのがfacebook-cliです。ターミナルからFacebook...

List

  • 2016/11/02

feathericon - シンプルで分かりやすいSVGアイコン

スマートフォンが高解像度になるにつれて、アプリリソースになる画像もどんどん肥大化する傾向にあります。このままでは巨大な画像リソースばかりになってしまうでしょう。そこで注目したいのがSVGやアイコンフォントです。今回紹介するfeathericonはSVG/アイコンフォントも提供されたシンプルなアイコンセットです。## f...

List

  • 2016/11/02

exerslide - React製のHTMLプレゼンテーション作成ツール

HTMLのスライドをよく見かけるようになってきました。派手なアニメーションはなくとも、作成のしやすさであったりデザインのカスタマイズが容易なのが利点です。オンラインでの公開も簡単です。今回はFacebookインキュベーターで生まれたHTMLスライド作成ツールexerslideを紹介します。## exerslideの使い...

None

  • Premium_s 2016/11/02

システムを負の遺産から守る方法

システムはできあがった瞬間から(もしかすると作っている最中から)負の遺産化がはじまっています。半年や一年経ったシステムなど、誰も実装を覚えていなかったり、思い立って加えた修正が思わぬ不具合につながったりします。今回はシステムをそうした負の遺産にしないための方法を紹介します。## 常に手を加え続ける最も簡単な答えはシステ...

List

  • 2016/11/01

Wing - ミニマムなレスポンシブWebフレームワーク

Webデザインフレームワークは二極化が進んでいます。一つはBootstrapに代表される大型でリッチなフレームワークです。非デザイナーであればこの手のフレームワークが便利です。もう一つはごく基本的な機能だけを提供するミニマムなフレームワークです。こちらはデザイナー向きです。今回紹介するWingは後者のフレームワークです...

List

  • 2016/11/01

Tesseract.js - なんと!Webブラウザでも動作するJavaScript OCRエンジン

今後OCRのニーズは高まっていきます。世界中で写真が撮影されており、そこから意味を見いだす上でテキスト情報は欠かせません。ディープラーニングも使われていますが、テキストとして得られる情報はまだまだ多いでしょう。そんなOCRをJavaScriptで実行してしまうのがTesseract.jsです。なんとWebブラウザベース...

None

  • 2016/10/31

wzrd.in - Browserifyをサービス化

最近では多数のJavaScriptライブラリを使うのが当たり前になっています。そうした時に一つ一つのライブラリをscriptタグで読み込むのは大変であり、Browserifyを使って一つのファイルにまとめてしまうのが便利です。今回はそんなBrowserifyをWeb上のサービスとして提供するwzrd.inを紹介します。...

None

  • 2016/10/31

moji - JavaScriptによる全角/半角の文字種変換

Webの入力フォームでイライラさせられるのは半角、全角の判定ではないでしょうか。データベースに入れる際にデータを統一したいだけで、利用者に対して苦痛を押しつけています。解決する手段など幾つもあるにも関わらずです。今回はJavaScriptによる文字種変換ライブラリ、mojiを紹介します。### mojiの使い方moji...

List

  • 2016/10/30

Timer app - シンプルなMac OSX用タイマー

タイマーアプリは度々使うのですが、使い勝手の良いものはあまり多くありません。高機能なものが欲しい場合もありますが、逆に指定したことしかできないシンプルなタイマーがちょうど良いこともあります。今回紹介するTimer appはどちらかというと機能が殆どないものです。しかしそのシンプルさ故にぴたりと当てはまることがありそうで...

List

  • 2016/10/30

gifcurry - 動画にテキストを追加してアニメーションGIF化

アニメーションGIFは根強い人気があります。単純に動画を変換しただけのものもありますが、そこに文字を載せるとさらに面白くなります。しかし動画を編集するのは面倒ですし、アニメーションGIFを加工するのはもっと大変です。そこで使ってみたいのがgifcurryです。動画からアニメーションGIFへの変換、文字の追加を一気にやっ...

List

  • 2016/10/29

Serverless Buffer App - サーバレスアーキテクチャによるBuffer風アプリ

個人的にTwitterやFacebookのアカウントを管理するのにBufferを使っています。予定したスケジュールでソーシャルメディアにシェアしてくれるので便利なのですが、時に物足りないと思ったり、アカウントのアップグレードが求められたりして残念なこともあります。そこで使ってみたいのがServerless Buffer...

List

  • 2016/10/29

Presentation Annotator - スライドのメモ、注釈を記述

プレゼンテーションのスライドは作って終わりではなく発表が大事です。何を話せば良いか忘れないように各スライドにノートを記述しておく人は多いです。筆者もいつもそうしています。Keynoteなどはそのための機能を備えていますが、単なるPDFファイルではメモ書きする場所がありません。そんなスライドに対する指摘やメモ書きを実現で...

List

  • 2016/10/28

Orb - Web上でピボットテーブルを実現

Web上でテーブル/グリッド表示をすると多くの機能が求められるようになります。ソートであったり、一括更新などの機能が有名ですが、業務担当者ではなくマーケティング担当者などが求めるものとしてピボットテーブルがあります。作るのはとても大変ですが、Orbを使えば容易に実現できそうです。## Orbの使い方メイン画面です。!

None

  • Premium_s 2016/10/28

信頼を得られる働き方

今回は仕事の中で他人(同僚や顧客)の信頼を得るためにはどうしたら良いか紹介します。銀の弾はなく、一つ一つのことを着実にこなしていくのが肝要です。## 成果を出すまず結果を出すことが大事です。その際、研究職などでない限り品質よりもスピードが求められます。プログラムにバグがあるのは問題ですが、それでもテスト+コードを素早く...

List

  • 2016/10/28

driveway - CSSだけで作られたMasonry

Pinterestで表示で一躍人気になったのがMasonryと言われる表示です。幅は固定しつつ、高さをずらして表示することで変化による印象付けを与えられます。女性向けのメディア、写真を多用するサイトで使われています。多くがJavaScriptを使って表現するのですが、今回紹介するdrivewayはCSSだけで実現されて...

List

  • 2016/10/27

smartscroll - スクロールをジャックしてぴったり合わせた表示を実現

スクロールというのはユーザが好きな場所まで自分で指定できるのが基本です。しかしサイトの種類によってはスクロールさえも制御したいと思うことがあります。一つのページの中で複数の情報を分けて表示したい時などがそうです。そこで今回はスクロールを制御できるsmartscrollを紹介します。## smartscrollの使い方実...

List

  • 2016/10/27

bitwarden - Webブラウザ/スマートフォンに対応したパスワード管理

今のコンピュータにおいてパスワード管理は必須です。多くのWebサイトがパスワード管理されていますし、セキュリティを考えるにパスワードの使い回しは避けるべきです。現状、管理ソフトウェアの選択肢はとても多いです。もしこれから探していこうというのであればbitwardenを使ってみてはいかがでしょうか。## bitwarde...