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

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

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

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

もっと見る

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

Clarity - Webベースのgrep/tail

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

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/18

ReForum - React × MongoDBの掲示板

掲示板はインターネット黎明期の頃から存在しました。今でも某巨大掲示板をはじめとして、掲示板システムは健在です。チャットと異なり、多少の非同期感がちょうど良く、多くの人たちによって日夜会話が続いています。そんな掲示板システムの最新版としてReForumを紹介します。Reactを使った先鋭的な掲示板となっています。## R...

List

  • 2018/02/17

BootLeaf - Bootstrap/Leafletを使った地図テンプレート

地図とWebは相性が良いです。移動中に地図を見たいと思うことは多いですし、旅行や出張前に計画を立てる上でも地図が必要です。それもあり、Googleマップをマッシュアップする地図サービスは無数に存在します。今回紹介するBootLeafはそんな地図マッシュアップのベースになるようなソフトウェアです。様々な情報を地図に載せや...

List

  • 2018/02/16

GitHub Pull Request Tree - GitHubのPRを確認しやすく

GitHubのPull Request(以下PR)はオープンソースとして外部の方に開発へ参加してもらうのに良い仕組みです。企業においてはチーム開発を支える大切な技術です。しかし大きなソフトウェアになると、PRがどのファイルを指しているのか分かりづらくなります。特にフォルダで区別してファイル名は同じものが並んでいる時など...

List

  • 2018/02/15

SQLECTRON - MySQL/PostgreSQLに対応したターミナル用データベースクライアント

WebであればphpMyAdminやphpPgAdminといったデータベース管理が使われることが多いですが、ターミナルの場合はどうでしょう。それぞれ別なクライアントソフトウェアを使って、独自のコマンドも覚えないといけません。そこで使ってみたいのがSQLECTRONです。MySQL/PostgreSQLに対応したシンプル...

List

  • 2018/02/15

Arakawa Template - シンプルで実用性の高いWebテンプレート

Webデザインは多彩ですが、多くの機能は他のWebデザインでも使われているものです。例えばレスポンシブWebデザインへの適用は大抵のWebサイトで実現されており、イチから作る必要はないでしょう。WebデザインもDRYの考えが大事です。そこで使ってみたいのがArakawa Templateです。汎用的なWebサイトテンプ...

List

  • 2018/02/13

RunningApps - 実行中のアプリの一覧&切り替え

デスクトップやラップトップが高性能化すると、ついつい多くのアプリケーションを立ち上げたままにしてしまいがちです。その結果、動作が重たくなったり、アプリケーションの切り替えがスムーズでなくなったりします。そこで使ってみたいのがRunningAppsです。現在実行されているアプリケーションを一覧し、切り替えができるソフトウ...

List

  • 2018/02/13

DepthKit.js - 奥行きをもった動画を再生

従来のコンピュータでは平面の情報を取り扱うだけでしたが、最近では奥行きを数値化するのがトレンドです。それによってARやVR、MRといった分野に活かされたり、3Dがより本格的に楽しめるようになります。そんな奥行きを計測するデモを紹介します。Three.jsと組み合わせたDepthKit.jsです。## DepthKit....

List

  • 2018/02/11

RemoteDebug iOS WebKit Adapter - iOSのSafari/WebViewのデバッグにChromeやVS Codeを使う

iOSのSafariで表示したWebサイトをデバッグしようと思うとSafariが使われます。Safariの開発者ツールも使い勝手は悪くありませんが、Google Chromeのに慣れている方も多いでしょう。また、Visual Studio Codeのデバッグ機能と組み合わせたいと考える方もいるでしょう。そうした方にお勧...

List

  • 2018/02/10

Kuker - React/Angular/Vue開発用デバッガー

最近のフロントエンド界隈でのトレンドはVirtualDOMです。これまで苦労してきたDOMのステータス変更を気にすることなく、サーバサイドのようにレンダリングできるようになる技術です。しかし、その結果として通常のJavaScriptよりもデバッグしづらくなっています。そこで使ってみて欲しいのがKukerです。各種Vir...

List

  • 2018/02/09

mono-wasm - C#から WebAssemblyを作る

WebAssemblyを記述できるのはC/C++/Rustだけだと思っていないでしょうか。実はLLVMにさえなれば、他の言語でも記述できます。そのため、やろうと思えばSwiftから作ることもできるそうです。そこで注目したいのがmono-wasmです。Monoを使ってC#で記述された内容を WebAssembly にする...

List

  • 2018/02/07

panel-pop - 時間を忘れるパネルポン・クローン

単純で簡単なルールのゲームは誰でもすぐに覚えられて、すぐに遊べます。日々のお仕事に疲れたらちょっと休憩してみるのもいいでしょう。頭がリフレッシュすれば新しいアイディアもわいてくるというものです。panel-popは昔懐かしいパネルでポンのクローンです。使うのはXキーと矢印キーだけで、すぐに覚えられます。## panel...