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

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

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

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

もっと見る

None

  • 2018/02/26

source_downloader - SourceMapを元のJavaScriptファイルへ展開

JavaScriptはサイズを軽減したり、簡単に内容が読まれないように難読化(ミニファイ)して公開します。しかし、それではデバッグしづらいという問題があるため、SourceMapと呼ばれる仕組みがあります。今回紹介するsource_downloaderはSourceMapファイルを読み込み、元のJavaScriptファ...

List

  • 2018/02/25

life-commit - Gitのように人生を記録する

時間は止めようがなく、気付かない間にもどんどん流れていってしまいます。それを留めておくためには日記を書いたり、写真を撮ったりして活動を記録しておかなければなりません。後で振り返ろうと思っても、何の記録もしていないとおぼろげになってしまうでしょう。そこで使ってみたいのがlife-commitです。生活の上での思い出深い出...

List

  • 2018/02/25

Winamp2-js - Webベースで蘇るWinamp

Winampと言えばMP3が出始めた頃に一世を風靡したMP3プレイヤーです。軽快に動作し、MP3ファイルをたくさん登録して音楽を聴いていた方も多いのではないでしょうか。今では多数の音楽プレイヤーがありますが、影響を受けたものも多いはずです。そんなWinampをJavaScriptで再現してしまったのがWinamp2-j...

List

  • 2018/02/24

Abricotine - インラインプレビューのMarkdownエディタ

Markdownエディタは何を使っているでしょうか。多くは2ペインのエディタで、左側で編集して右側でプレビューするタイプではないでしょうか。編集範囲が狭くなってしまうので、あまり長文を書くのには向いていないように見えます。そこで使ってみたいのがAbricotineです。インラインでMarkdown記法が表示されるソフト...

List

  • 2018/02/24

Clarity - Webベースのgrep/tail

プログラマであればgrepやtailは大好物ですよね。ほぼ毎日使っているのではないでしょうか。tailコマンドであればサーバのログを確認したりする用途が多いのでサーバに一旦ログインする必要があります。しかしこの手間が面倒かも知れません。そこで使ってみたいのがClarityです。grep/tailコマンド専用のHTTPサ...

List

  • 2018/02/23

Classic Mac OS Finder - あの懐かしいUIのファイルマネージャ

macOSは昔Mac OSXと呼ばれており、その前はOS9やOS8、さらに漢字Talkといった時代がありました。その頃からMacを使っている人はたくさんいるでしょう(筆者もその一人です)。その頃からファイルマネージャはFinderと呼ばれていました。その頃の懐かしいFinderを彷彿とさせるソフトウェアがClassic...

List

  • 2018/02/23

nrm - スクリーンショットを撮影してGitHubにアップロード

GitHubでIssueの報告をする際などに、スクリーンショットを載せたいと思うことがあるかも知れません。テキストボックスにそのまま貼り付けても良いですが、バージョン管理されないので貼り付けた後の管理が煩雑になります。そこで使ってみたいのがnrmです。素早くスクリーンショットをアップロードしてくれるソフトウェアです。#...

List

  • 2018/02/22

Image Glitch Effect - ホラー映画風のグリッチ効果を演出

ホラー映画などで、映像に突然ノイズが入って乱れるという効果がありますが見たことはあるでしょうか。映像の不安定さによって感情も不安になり、何か起こるのではないかと心配になってしまいます。そんなグリッチ効果をスタイルシートだけで実現できるのがImage Glitch Effectです。## Image Glitch Eff...

List

  • 2018/02/22

Caire - コマンド一つでシームカービング

写真データのサイズがどんどん大きくなるために必要になっているのがサムネイルです。しかし写真を単にそのままリサイズするのでは面白くありません。よりインパクトがあるところを中心にサムネイルを作りたいことでしょう。しかし、そのために人手で作業するのでは大変です。そこで、今回はシームカービングをコマンド一つで行ってくれるCai...

List

  • 2018/02/21

Regexper - JavaScriptの正規表現を可視化

正規表現は慣れないと分かりづらいものです。また、複雑なものを作ってしまうと、作った時は良くとも、後でメンテナンスができなくなってしまいます。正規表現のデバッグも困難で、どう判定されているのか理解するのに時間を要するでしょう。そこで使ってみたいのがRegexperです。Web上で正規表現を可視化してくれます。## Reg...

List

  • 2018/02/21

Katamuki.js - テキストや画像を滑らかに表示

WindowsのWebブラウザはmacOSに比べて文字が汚いです。綺麗に表示しようと思うとWeb Fontを使うのが一般的ですが、日本語フォントは文字数が多いので重たくなってしまったり、動的に生成するクラウドエンジンを使う必要があります。そこで手軽にJavaScriptだけで文字や画像を綺麗にしてくれるのがKatamu...

List

  • 2018/02/20

SimpleMDE - シンプルなMarkdownエディタ

Markdownのシェアが広まるのに合わせて、より慣れていない人たちが使いやすくなる環境が必要になっています。WYSIWYGで入力支援できるツールはもちろんのこと、プレビューなども必要です。今回紹介するSimpleMDEはシンプルなUIのMarkdownエディタになります。決して多機能ではありませんが十分なエディタとな...

List

  • 2018/02/20

convForm - インタラクティブなチャットUIを実現するjQueryプラグイン

最近はAIを使ったチャットボットが流行です。ウィザード形式で言われるままに答えるのではなく、自然言語で対話しながらステップを踏んでいけるのが特徴です。そのためにチャット形式のUIがよく使われています。今回紹介するconvFormはそんなチャット形式のUIを手軽に実装できるjQueryプラグインになります。## conv...

List

  • 2018/02/19

Sodium - Rust製のVim風テキストエディタ

これから学んでいきたいプログラミング言語の上位に入るのがRustだそうです。若干分かりづらい雰囲気もありますが、WebAssemblyにできるというメリットは学習コストを十分に補える魅力と言えます。そんなRustを学ぶ素材としてSodiumを紹介します。Rustで作られたテキストエディタです。## Sodiumの使い方...

List

  • 2018/02/19

Reacteroids - React製のアステロイド

新しい言語やフレームワークを覚えるのに、まず何か作ってみるのはお勧めです。書籍を見るだけでなく、実際に手を動かしてみると分かることがたくさんあります。脳の刺激にもなり、記憶定着に役立つでしょう。今回紹介するのはReacteroids、Reactを使ったアステロイドです。## Reacteroidsの使い方ゲーム画面です...