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

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

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

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

もっと見る

List

  • 2018/05/24

GoMocha - テイクアウトの予約システム

スターバックスや多くのカフェやレストランでオンラインによる注文受け付けシステムが出始めています。オンラインで注文し、指定時間になったら引き取りに行くだけです。とても手軽で効率的なシステムです。自分のお店でもそんなシステムを導入したいという方はGoMochaを使ってみましょう。## GoMochaの使い方注文開始です。ま...

None

  • 2018/05/24

askalono - オープンソース・ソフトウェアのライセンスを特定

オープンソース・ソフトウェアの肝はライセンスです。その選択によって導入できる、またはできないといったことがあったり、導入後のトラブルにつながることもあります。広まるかどうかがライセンスでまったく変わることだってあります。そんなライセンスを調べるためのソフトウェアがaskalonoです。## askalonoの使い方as...

List

  • 2018/05/23

Webfonts Generator - SVGからWebFontsを生成

WebFontsはよく使われるようになっています。特にアイコンフォントで便利です。文字サイズさえ指定すれば、大きなサイズでも綺麗に表示されます。しかし作成するのが大変という印象もあります。そこで使ってみたいのがWebfonts Generatorです。なんとSVGからWebFontsを生成します。## Webfonts...

List

  • 2018/05/23

Kawa - 入力ソース切り替え専用のショートカットキー設定

最近はコンピュータで日本語、英語に限らず多彩な言語を入力する機会が増えています。そんな時に入力ソースを切り替えるのにいちいちキーボードを何度も押していられません。そこで使ってみたいのがKawaです。入力ソースを切り替えるショートカットキーを設定できるユーティリティです。## Kawaの使い方設定画面です。任意の入力ソー...

List

  • 2018/05/22

Bug - 閲覧注意!ウィンドウ上に虫を出現

子供の時はなんともなかったのに、大人になったら虫が苦手になったという人はたくさんいます。特に手のひらが敏感になったために、あの手足や体の感触が嫌になるようです。そんな嫌がられる虫たちをWebブラウザに出現させるのがBugです。## Bugの使い方蜘蛛や小バエ(?)が出現し、Webページ上を歩き回ります。!

None

  • 2018/05/22

AMP Library - HTMLをAMPに対応しているかチェック

AMPに対応することで、Googleの検索結果から高速に表示されるWebページが提供できます。ドメインがGoogle傘下なのが気になりますが、ユーザビリティは高くなります。そんなAMP対応のHTMLを作る際にチェックツールとして使えるのがAMP Libraryです。## AMP Libraryの使い方AMP Libra...

List

  • 2018/05/21

Search Bookmarklet - 選択した文字列でWeb検索できるブックマークレット

Webブラウザで文字列を選択した際に表示するコンテクストメニューでWeb検索ができる機能は便利です。情報をドリルダウン的に探っていくことができ、より深く探索できます。同じような機能をブックマークレットで提供するのがSearch Bookmarkletです。## Search Bookmarkletの使い方実行したところ...

None

  • 2018/05/21

Blackjack sandbox - ターミナルで遊べるブラックジャック

ブラックジャックはほとんどの方が知っているトランプゲームです。21を作るだけというルールは簡単ですが、相手がいることでその駆け引きが高度になります。近い将来、日本にもカジノができますので、その際にはブラックジャックを興じる方も多いことでしょう。そんなブラックジャックをターミナル上で楽しめるのがBlackjack san...

List

  • 2018/05/20

ScriptAutoRunner - 任意のJavaScriptコード/URLをインジェクション

Webサイトで開発者ツールを使って操作を行うことはよくあります。そんな時、外部のライブラリを読み込んだりするのもよくあることです。しかし再読込する度にリセットされてしまい、面倒だと思うことでしょう。そこで使ってみたいのがScriptAutoRunnerです。Webサイトごとに読み込ませるライブラリ、JavaScript...

List

  • 2018/05/20

scrumblr - 自然な移動が可能なカンバン

スクラム開発ではカンバンがよく使われます。イテレーションごとに作業項目をリストアップし、そのステータスを可視化します。そして作業しきれなかったものはバックログに登録され、次のイテレーションに回されます。多くはTrelloのような整然と並んだカンバンですが、今回紹介するscrumblrはよりリアルなものになっています。#...

List

  • 2018/05/19

RMConnecter - iTunes Connectによるアップロード作業を効率化

iOSアプリを公開する際にはiTunes Connectを使います。その際には各種メタデータを設定したり、説明書きやアップデート情報などを記述します。それらの内容によって、ダウンロード数は大きく変わってくるでしょう。そんなiTunes Connectでのワークフローを改善してくれるのがRMConnecterになります。...

List

  • 2018/05/19

Facebook Gist Viewer - FacebookでGistをタイムラインに表示

FacebookではリンクのOpenGraphを表示してくれます。しかし、これでは内容が分からないサイトはたくさんあります。その結果として、クリックして外部サイトを表示しなければならず、面倒な思いをすることでしょう。今回はGistのリンクについて、コードをインライン展開してくれるFacebook Gist Viewer...

List

  • 2018/05/18

StackEdit - ブラウザ用WYSIWYGなMarkdownエディタ

個人的に良いと思うMarkdownエディタは、記法の形は残しつつもWYSIWYGに表示が確認できるものです。二ペイン型は使い慣れた方にとってはいいですが、初級者には敷居が高いでしょう。今回紹介するStackEditは二ペイン型ながらも記法がある程度エディタ部にも反映されるMarkdownエディタになります。## Sta...

List

  • 2018/05/18

HLS Downloader - HTTPライブストリーミングをダウンロードするGoogle Chrome機能拡張

HTTPライブストリーミングはAppleが開発したストリーミングプロトコルで、HTTPの上に流れるので利用する敷居が低いのが魅力です。もちろんストリーミングなので途中から再生したり、バッファをためつつ再生もできます。そんなHTTPライブストリーミングは通常の方法ではダウンロードできませんが、HLS Downloader...

List

  • 2018/05/17

mdopen - MarkdownファイルをWebブラウザで閲覧するコマンド

Markdownビューワーは多数あります。自分で編集するながらプレビュー付きのエディタが便利ですが、閲覧するだけの場合は何を使うのが良いでしょうか。閲覧のためだけにエディタを立ち上げるのは面倒です。そこで使ってみたいのがmdopenです。CUIからMarkdownファイルをHTMLへ変換してWebブラウザで表示できます...

List

  • 2018/05/17

layerJS - レイヤーを使ったUIコンポーネントフレームワーク

Webアプリケーション化が進んでいく中で、画面遷移にも気を配る必要があります。従来のように全体を読み込み直すのではなく、アプリのように滑らかな画面遷移が求められます。もちろん、そういった動きの中でも履歴管理はきちんとしていなければなりません。今回紹介するlayerJSは表示部をレイヤーとして構成することで画面遷移やパラ...

List

  • 2018/05/16

LoginCritter - ユーザビリティの高いログインフォーム

ユーザビリティを高める一つの施策として、レスポンスがあります。ユーザは自分が行っているアクションに対して、リアルタイムのレスポンスが欲しいのです。特にデジタルの世界では五感に対する反応が薄いので重要になります。そこで参考にしたいのがLoginCritterです。こんなログインフォームがあったら、ムダに何度もログインして...

List

  • 2018/05/16

MediumEditor - Medium風に文字装飾を行う

Markdownを開発者が使うのは問題ないでしょう。今やほぼすべての開発者に対して普及した記法と言えます。しかし、開発者以外の方が使いこなすには、まだ若干問題がある状態です。そこで使ってみたいのがMediumEditorです。Mediumのエディタを模したツールバーです。## MediumEditorの使い方ツールバー...

List

  • 2018/05/15

pico.js - わずか200行の顔認識プログラム

画像の中から抽出される情報として、最も多いのは人の顔ではないでしょうか。セルフィはもちろん、集合写真であったり、友達や家族と撮影した写真には必ず顔が存在します。顔を見つけることで、様々な情報と結びつけられるでしょう。今回紹介するpico.jsは、Webカメラから取り込んで人の顔を認識するコードをわずか200行で実現して...

List

  • 2018/05/15

editableCell - 表計算のようにセル毎に編集/集計

Webの業務システムなど、データを一覧表示する機会は多いです。そうやって表示されたデータに対する要望として、その場で編集したいというニーズが出てきます。もちろん、そう簡単なものではありません。そこで使ってみたいのがeditableCellです。セルごとの編集に加えて、データの集計も行うライブラリです。## editab...