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

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

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

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

もっと見る

List

  • 2017/11/09

Writing - WebベースのMarkdown + LaTeXエディタ

Markdownは便利な記法ですが、物足りないと感じることもあります。その一つとして数式の埋め込みをあげる人もいるでしょう。専用の記法で対応するソフトウェアもありますが、もっと汎用的な方が使い勝手は良いはずです。そこで紹介したいのがWritingです。Markdown記法での記述に加え、LaTeXも使えるエディタです。...

List

  • 2017/11/08

text-map-kuromoji - Web上で形態素解析&ビジュアライズ

形態素解析は日本語のテキストを扱う上でとても重要な技術になります。しかし環境をセットアップしたり、解析結果からどう情報をピックアップするかなどを分析する必要があります。そうした形態素解析を手軽にWeb上で行い、さらに結果の分析が容易にできるのがtext-map-kuromojiです。## text-map-kuromo...

List

  • 2017/11/07

accessibilityjs - JavaScriptでできるアクセシビリティチェック

Webが広くあまねく使われるようになったことで、アクセシビリティが重要視されるようになっています。スクリーンリーダー的なものにきっちりと対応するのも大事ですが、altやtitle要素を追加すると言った簡易的な対応もできます。今回はJavaScriptでできるアクセシビリティチェック、accessibilityjsを紹介...

List

  • 2017/11/07

Temporalis - Webカメラの映像をスライスして描画

Webカメラの映像はHTMLからgetUserMediaで取り込むことができます。そのままvideoタグに当てはめたり、一部だけ切り出してCanvasや画像のソースに当てることも可能です。しかし見たまま使っても面白くありません。そこで一例としてTemporalisを紹介します。Webカメラの映像に面白い効果を施してくれ...

List

  • 2017/11/06

Mini Tetris - わずか506バイトのテトリス

25年以上前のコンピュータであれば、メモリやHDDの容量が少なかったため、なるべく節約したコーディングが心がけられていました。しかしそれから何年も経ち、変数名の長さをいちいち気にするような人はいないでしょう。しかしそんな時代だからこそ、サイズにこだわる面白さがあると言えます。Mini Tetrisはなんと506バイトの...

List

  • 2017/11/05

Nat.js - Vue/Weexで使えるモバイルフレームワーク

JavaScriptでスマートフォンアプリを作る、一つのコードでiOS/Android両方に対応するという夢に挑戦する人たちは後を絶ちません。かつてのTitaniumであり、現在のReact Nativeでもあります。そして今回はもう一つの存在、Nat.jsを紹介します。こちらはVueやWeexなどで使えるライブラリ集...

None

  • 2017/11/05

neri - Rubyスクリプトを実行ファイル化

社内で使うちょっとしたスクリプトであればRubyなどで作るのが手軽です。しかしそれを人に配布するとなると、実行環境も用意しなければなりません。Windows向けに環境整備して配布というのは面倒に感じてしまうでしょう。そこで使ってみたいのがneriです。Rubyスクリプトを実行ファイル化できるソフトウェアです。## ne...

None

  • 2017/11/04

spwd - ファイルベースのセキュアなパスワード管理

パスワード管理は何を使っているでしょうか。MOONGIFTでは会社で1Passwordを使っています。個人のパスワードも管理できるので便利ですが、サーバ上で使えないのが多少不便です。そこでサーバでもパスワードを適切に管理するのに使えそうなのがspwdです。ファイルベースでセキュアにパスワードを管理してくれます。## s...

List

  • 2017/11/04

KEditor - 複雑なデザインもこなせるWYSIWYGエディタ

技術者以外の方でWebページを作成する時にはオーサリングツールを使うのが一般的です。また、ちょっとしたコンテンツの修正であればWYSIWYGエディタを使いますが、あまり凝ったデザインには対応できません。そこで使ってみたいのがKEditorです。Webベース、ドラッグ&ドロップで自在にコンテンツを作成できます。## KE...

List

  • 2017/11/02

livepython - Pythonのコードを一行ずつ実行

複雑なプログラムになると、どこからどこへ飛んでいるのか分からなくなることがあります。そうした時に一行ずつステップ実行するというのはよくあります。しかし自分だけであれば良いですが、人に説明する時には不向きです。もしPythonのコードを説明するのであれば使ってみたいのがlivepythonです。まるで動画のようにコードを...

List

  • 2017/10/31

doitlive - ライブデモでターミナルを使う際に

勉強会やセミナーの登壇で、ライブデモを行うことがあります。それらは大抵ミスします。ターミナルベースであっても入力ミスすることはありますし、プロジェクターの画面に映し出されている内容を見ながら入力するのは大変です。そこで使ってみたいのがdoitliveです。あらかじめターミナルで入力する内容を記録しておける便利なソフトウ...

List

  • 2017/10/28

detect.location - iOSの写真を地図に紐付け

iOSではプライバシーの都合上、位置情報へのアクセスにはユーザの許可が必要になっています。しかし他にも位置情報を取る方法があります。それは写真です。写真にはEXIFとして位置情報が埋め込まれているので、そこから様々な情報にアクセスできます。それを可視化してくれるのがdetect.locationです。面白い情報がたくさ...

List

  • 2017/10/27

Smooth Scrollbar - スムーズなスクロールの制御

Webページは大抵縦長になっています。そしてマウスなどのスクロールを使って下の情報を表示します。つまりスクロールという機能はブラウジングの基本とさえ言えるでしょう。そんなスクロールを標準のまま使うのではなく、もっと細かく制御できるのがSmooth Scrollbarです。## Smooth Scrollbarの使い方様...

List

  • 2017/10/27

Doogie - ツリービューが特徴のWebブラウザ

Webブラウザのニーズは多用です。軽量、高速であって欲しいと考える一方、多機能で多数のページを開いても安定して欲しいと考えます。さらにセキュアでプライバシーが守られて欲しいと思うものでしょう。Doogieはすべてのニーズに応える訳ではありませんが、幾つかのニーズに対してぴったりとマッチしそうなブラウザです。ぜひチェック...

List

  • 2017/10/26

favicon-emoji - 絵文字をFavicon化

Faviconを何か設定しないとと思いつつ、絵の才能があるわけでもないので思いつかない…といった方は多いかと思います。適当な画像をあてはめても良いですが、面白くないでしょう。そこで使ってみたいのがfavicon-emojiです。絵文字をFaviconとして出力できます。## favicon-emojiの使い方コマンドは...

List

  • 2017/10/25

Markdown Resume Generator - Markdownからレジュメを生成

英語圏の企業に就職しようと思うと、向こうのフォーマットに合わせた履歴書(レジュメ)が必要になります。インターネットで探せば幾つも見つかりますが、開発者らしいレジュメがどれであるかは分かりづらいかも知れません。そこで使ってみたいのがMarkdown Resume Generatorです。MarkdownからHTML/PD...

List

  • 2017/10/25

Ao - ElectronでMicrosoft To-Doをデスクトップアプリ化

MicrosoftではMicrosoft To-Do

List

  • 2017/10/24

tusk - Web版Evernoteに機能を追加してデスクトップアプリ化

Evernoteは便利なメモサービスなのですが、デスクトップクライアントが重たすぎて使わなくなってしまいました。今であればWeb版が十分に使いやすくなっているので、Webブラウザで使う方が手軽かも知れません。そこでWeb版をベースにちょっとした機能を追加してくれる非公式クライアントのtuskが便利そうです。## tus...

List

  • 2017/10/24

scrollToClip - スクロールで画像の色彩を反転

JavaScriptやCSS3によってWebの表現力は向上しています。例えばスクロールによって表示が変化するパララックスエフェクトもその一つです。スクロールによってコンテンツが変化するのは見た目のインパクトも強いです。今回はスクロールによって色彩を変化させるscrollToClipを紹介します。## scrollToC...

List

  • 2017/10/23

nezumi - Google Chromeのフォーム入力からCapybara/RSpec対応のテストコードを生成

テストコードを書くのは面倒です。特にWebブラウザの表示を再現するような類のものは面倒に感じるでしょう。面倒だとどうしても記述が疎かになったり、テストが不十分になったりします。そこで使ってみたいのがnezumiです。Google Chromeの入力内容からCapybara/RSpec対応のテストコードを生成します。##...