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

ライセンス - MIT Licenseの記事一覧

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

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

もっと見る

List

  • 2017/10/05

src2png - ソースコードを画像に変換

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してく...

List

  • 2017/10/04

favemoji.safariextension - なんと!SafariのタブにFaviconっぽく絵文字を表示

macOSのSafariはなぜかFaviconを表示してくれません。これは意外と不便です。そのためのAPIもないので拡張で対応するのも難しいようです。しかし世の中にはできないからといって諦めるのではなく、多少強引な手で解決する人たちがいます。今回紹介するfavemoji.safariextensionもその一つです。F...

List

  • 2017/10/04

FaviconBar - Safari用。Faviconでブックマークを管理

お気に入りのWebサイトであれば大抵Faviconを見ただけで判別ができますよね。であるにも関わらずSafariは頑なにFavicon表示に対応しようとしません。お気に入りバーはいつも文字でいっぱいになってしまいます。そこで使ってみたいのがFaviconBarです。普段のお気に入りバーとは別でFaviconベースのツー...

List

  • 2017/10/03

avogadr.io - 分子構造を壁紙に

化学が好きな人であれば誰でも一つは好きな分子構造があるはずです(たぶん)。より複雑なものが好きだったり、複雑そうに見えて実はとてもシンプルな構造に惹かれたりすることもあるでしょう。そんな分子構造を生成できるのがavogadr.ioです。## avogadr.ioの使い方例です。恐らくカフェイン。!

List

  • 2017/10/02

Captura - 画像/動画に加えて録音にも対応したスクリーンキャスト

デスクトップの操作やスクリーンショットを撮る機会は意外とあります。作ったシステムのヘルプを作る際であったり、動画で操作を説明する際などです。もちろんMOONGIFTのようにソフトウェアを紹介する場合もスクリーンショットやスクリーンキャストを必要とします。Windows向けにも幾つかソフトウェアがありますが、今回はCap...

List

  • 2017/10/02

UI Recorder - node.js製のSelenium IDE代替

Selenium IDEが最新のFirefoxで動かなくなりました。これに伴い、新しいAPIで動くIDEも開発がスタートしたようですが、それを待つのも辛いでしょう。かといって旧バージョンを使い続けるのも問題です。そこで使ってみたいのがUI Recorderです。新しく登場したSelenium IDEライクなWebブラウ...

List

  • 2017/09/30

ドラえもんのタイトルジェネレーター - ドラえもんで脳内再生されるタイトル画像ジェネレータ

ドラえもんと言えば国民的アニメです。アニメやテレビは見ないという人でも、一度は最初のタイトルコールを見たことがあるのではないでしょうか。そして表示された文字がドラえもんの声で(世代によって分かれると思いますが)再生されることでしょう。そんなドラえもんのタイトルを生成してくれるソフトウェアがドラえもんのタイトルジェネレー...

None

  • 2017/09/30

Linguist - プロジェクトで最も使われているプログラミング言語は何か

ソフトウェアを紹介する際に、それが何の言語で作られているのかを書くようにしています。そんな時、GitHubの言語の割合を表示してくれる機能がとても便利だったりします。ライブラリを探す際にもカスタマイズできるプログラミング言語のが良いので、そのソフトウェアが何でできているかは大事な情報になるでしょう。そんなGitHubの...

None

  • 2017/09/29

devd - Go製の開発用HTTPサーバ

開発する際にローカルにHTTPサーバを立てるのは当たり前になっています。スクリプト言語を使ってワンライナーでHTTPサーバを立てるのも良いですが、あまり機能がなさ過ぎるのが残念です。せめてライブリロードくらい欲しいでしょう。そこで使ってみたいのがdevdです。Go製の開発用HTTPサーバです。## devdの使い方de...

List

  • 2017/09/29

Blazer - SQLを使ってデータベースから有益な情報を引き出そう

ビジネスの根幹にはデータベースがあります。日々の業務を通じて蓄積されていくデータをいかに検索し、有益なデータを抽出するかがビジネスの成否を決めると言っても過言ではないでしょう。そのために必要なのがSQLを自由に実行できる環境です。今回はBlazerを紹介します。## Blazerの使い方最初の画面です。データが一覧表示...

List

  • 2017/09/28

pong - pingと打ち間違えると実行されるゲーム

pingコマンドはよく使われますよね。でも、よく使っているコマンドほどタイポが増えがちです。例えばlsコマンドはslと打ってしまうことが多々あります。そのためにslコマンドが作られています。ではpingだとどうなるか。pongと打ってしまった時に実行するのがpongです。## pongの使い方こんな感じです。```$ ...

None

  • 2017/09/27

oxipng - PNGを圧縮してサイズ軽減

PNGは広くWebで使われるようになっています。写真のような画像を除けば、大抵PNGになっているのではないでしょうか。PNGには可逆圧縮機能があり、圧縮することでサイズを大幅に軽減できます。そうやって縮小すればインターネット全体の転送量を大幅に下げることだってできるでしょう。手元の環境で試すならoxipngを使ってみま...

List

  • 2017/09/26

Phosphor Float Area - 自由度の高いレイアウト変更ライブラリ

業務システムなどでは情報をいかに分かりやすい整理できるかが作業効率化の肝になります。しかし担当する業務であったり、作業によって必要な幅は違ったりします。そうした時にユーザ毎に好きな配置に変更できる仕組みは便利です。使えるライブラリはPhosphor Float Areaです。## Phosphor Float Area...

List

  • 2017/09/25

Mobiledoc Kit - 好みのWYSIWYGエディタを作る

世の中には多くのWYSIWYGエディタが存在します。どれもそれぞれに特徴があり、選択が多くて迷ってしまうでしょう。しかし、それでもなお自分の目的にぴったりと合っていないことがあるかも知れません。そこで使ってみたいのがWYSIWYGビルディングキットです。今回はMobiledoc Kitを紹介します。## Mobiled...

List

  • 2017/09/25

Megadraft - Draft.JSをベースにしたリッチテキストエディタ

Facebookが開発している、WYSIWYGエディタのベースになるDraft.JS

List

  • 2017/09/24

smoothState.js - 滑らかな画面遷移を提供

スマートフォン向けのWebサイトなどでは画面遷移が大事です。普通のURLを遷移するような動きではUXがよくありません。新しいコンテンツがスライドしてきたり、前の画面と滑らかに入れ替わることでユーザの意識を切らさずに操作を継続できるようになります。そうした動きをサポートしてくれるライブラリがsmoothState.jsで...

List

  • 2017/09/24

Dawn - フロントエンド/node開発のビルドツール

フロントエンド開発はどんどん進化しています。その結果として様々なツールを組み合わせなければならなくなったり、手順が増えてしまっています。これでは手軽に開発できなくなってしまいます。そこで紹介したいのがDawnです。軽量なタスク管理を備えたフロントエンドの開発、ビルドツールです。## Dawnの使い方使っている場面です。...

None

  • 2017/09/23

ExeCop - 危険なコマンドをキャンセル/確認

実行するのが怖いコマンドは多数存在します。例えば `sudo rm -Rf /` なんてコマンドは間違っても実行してはいけないコマンドでしょう。また、実行する可能性があっても処理前に確認したいコマンドもあります(負荷が高いものなど)。そうしたミスを未然に防げるのがExeCopです。あらかじめ入れておくとサーバの作業が捗...

None

  • 2017/09/22

Scotty.js - コマンド一つでS3/CloudFrontへのアップロード

簡単なWebサイトや静的サイトをAmazon S3上で公開するケースが増えています。さらに表示を高速化したり、SSL/TLSを使うためにCloudFrontを使うケースも増えています。しかしそのアップロード法は今なおFTP並のやり方のことも多いでしょう。そこで使ってみたいのがScotty.jsです。コマンド一つでアップ...

None

  • 2017/09/21

notes - ベンダーロックインの心配がいらないノートアプリ

メモを取る環境は多々ありますが、ローカルで行っている人も多いはずです。そして最近であればMarkdown記法を使っているケースが多いでしょう。その結果、特定のフォルダやローカルディスク内に多数のMarkdownファイルが散らばったりします。そうした情報の散在や特定Webサービスによる情報のロックインを防げるソフトウェア...