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

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

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

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

もっと見る

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...

None

  • 2018/02/06

Google Images Download - Google画像検索からまとめてダウンロード

Google画像検索を使えばライセンスであったり、画像の種類など様々な条件から自分の使いたい画像を探し出すことができます。検索結果から一つずつ画像を眺めて希望に合うものをダウンロードしていることでしょう。しかしもっと手軽に画像をダウンロードできるツールがGoogle Images Downloadになります。## Go...

List

  • 2018/02/06

MinerBlock - Webブラウザによるマイニングをブロック

最近、広告に変わる新しいWebの収益手段として仮想通貨のマイニングが注目されています。Webサイトを訪れると勝手にCPUをマイニングに使われるとあって、嫌う声も多い収益手段になります(実際対して収益につながらないとも言います)。そうした勝手なマイニングを防止するためのブラウザ機能拡張がMinerBlockです。## M...

List

  • 2018/02/05

CrookedStyleSheets - CSSだけでユーザ行動をトラッキング

ユーザがどういった操作を行ったのか、それを知りたいと考える人は大勢います。Webの場合、JavaScriptを使うことで各イベントのトラッキングができます。しかしプライバシーを気にする方はJavaScriptをオフにすることでそれを防げます。そんな中にあってもトラッキングできる技術がCrookedStyleSheets...

None

  • 2018/02/03

detect-es - ESnextのコード有無をチェック

旧来のJavaScriptは変数のスコープに問題があったり、クラスをサポートしていないなど大きなWebアプリケーションを作るには不向きな言語でした。しかし現在はPromiseやクラス、Proxyなど多彩な機能が追加されています。これらはESnextと呼ばれる仕様で、すべてのWebブラウザで間違いなく使える訳ではありませ...

List

  • 2018/02/02

VNote - Vim使いのためのメモソフトウェア

メモをMarkdown形式でとっている人は多いかと思います。Markdownファイル一つだと管理しづらくなるので、別途メモソフトウェアを使っている人もいるでしょう。しかしメモソフトウェアのキーバインドは普段使っているエディタと違って使いづらいものです。そこでもしあなたがVim使いならばVNoteを使ってみましょう。Vi...

List

  • 2018/02/02

GitHub File Icon - GitHubのファイルアイコンを最適に

開発者であればGitHubのサイトを訪れる機会は多いと思います。その際にはファイルブラウザを見ると思いますが、すべてのファイルが同じアイコンになっているので分かりづらいかも知れません。そこで使ってみたいのがGitHub File Iconです。拡張子に応じたファイルアイコンに変換してくれます。## GitHub Fil...