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

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

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

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

もっと見る

List

  • 2018/01/18

Instagram.css - CSSによるInstagram風フィルタ

Instagramは今なお高い人気を誇るサービスです。昨年にしてもインスタ映えという新しいキーワードを生み出しており、多くの方が利用しています。その人気の一つが簡単に見栄えのする写真に変身させられるフィルタ機能でしょう。そんなInstagramのフィルタ機能をWebベース、CSSで再現するのがInstagram.css...

List

  • 2018/01/17

HTA Memo - HTA製のメモ

Windowsではアプリケーションを作る方法が幾つか用意されています。C#などの.NET系言語を使ってもいいですが、簡単なものであればHTA(HTML Applications)が手軽です。HTMLとVBScriptまたはJavaScriptでアプリケーションが作れます。その一例として紹介したいのがHTA Memoです...

List

  • 2018/01/16

mac-zip-windows - 文字化け防止、不要ファイルをはじくZipコマンド代替

macOSを仕事で使う人たちが増えています。しかし日本のオフィスではまだまだWindowsが主流であり、データを相互にやり取りする際に不便を感じることがあります。その一つがZipファイルです。macOSで作ったZipファイルは日本語ファイル名が文字化けしたり、 .DS_Storeなどの余計なファイルが含まれていることが...

None

  • 2018/01/15

tty-font - テキストを拡大

コンソールの画面は単純なテキストなので、インパクトある表現を行わないとユーザの目に留まりません。ANSIカラーで色をつけたり、AAを表示したりと様々な手法が行われています。大きな文字を表示するというのもインパクトの大きい表現の一つです。それを簡単に実現できるのがtty-fontです。## tty-fontの使い方tty...

List

  • 2018/01/15

backgammon.js - Web上でバックギャモンを遊ぼう

バックギャモンというゲームはやったことはないのですが、ルールとしては相手の陣地に自軍の駒をすべてゴールへ移動させたら勝ちと言ったものです。サイコロを使うので運の要素も強いですが、戦略性も持っています。そんなバックギャモンをWeb上で遊べるようにするライブラリがbackgammon.jsです。## backgammon....

List

  • 2018/01/14

Colored Eraser - 色毎に消せるペイントアプリ

ペイントアプリでよくある問題として、書くのは簡単でも消すのが難しいということです。特に一部について消したいと思っても、消しゴム機能で余計な部分まで手を付けてしまいます。そこでよく使うのがレイヤー機能ですが、これは開発者でない方にとっては扱うのが難しいものです。そこで参考にしたいのがColored Eraserです。特定...

None

  • 2018/01/13

harmonium - Markdownに書かれたコマンドをテスト実行

Markdownではコードを書けるようになっています。基本的にはHTMLなどにした際にハイライト表示されるためのものですが、コードは実行してこそ意味があります。多くはコピー&ペーストで使われるでしょう。そこで使ってみたいのがharmoniumです。Markdownファイル中にあるシェルコマンドを実行して、問題がないか確...

List

  • 2018/01/13

caretposition.js - テキストエリアの文字入力位置を取得

最近、テキストエリアを拡張するようなライブラリが増えています。その一つに入力補完機能が挙げられます。IDEではよく見られる機能ですが、入力箇所(キャレット)を正しく取得しないと、逆に文字入力を妨げることになるでしょう。そこで使ってみたいのがcaretposition.jsです。テキストエリアにおけるキャレットの位置をX...

List

  • 2018/01/12

slash - CUIのSlackクライアント

最近は社内の情報共有でSlackが使われることが増えています。そうした中、サーバ管理者であってもSlackに参加して欲しいと言われることもあるでしょう。しかし、そのためにGUIアプリケーションを立ち上げておくのは面倒です。そこで使ってみたいのがslashです。CUIのSlackクライアントです。## slashの使い方...

None

  • 2018/01/12

domain-cli - ドメイン調査用コマンド

新しいサービスを立ち上げるときにはドメイン名を調べますよね。多くのドメインは取られてしまっているので、色々なキーワードを使って調べることになると思います。domain-cliはそんなドメインを調べる作業を簡素化できるCLIコマンドです。## domain-cliの使い方domain-cliは引数ではなく、対話的にドメイ...

List

  • 2018/01/11

Darkwire.io - Web Cryptography APIを用いたセキュアなチャット

オンラインチャットは手軽にオンライン上の人たちと会話できる便利なシステムです。あまりに手軽で、ついつい余計なことまで喋ってしまって後で問題になることがあります。データの安全性は常に考えるべきでしょう。そこで注目したいのがDarkwire.ioです。Web Cryptography APIを用いた暗号化チャットシステムで...

List

  • 2018/01/10

Docusaurus - Facebook製のオープンソース・ドキュメントサイト

開発ドキュメントの整備は大きな問題です。ソースコードに書かれたりWikiや何らかのCMSを使ったりと様々な方法がありますが、これといった解決策はなかなか見つけられません。そこで使ってみたいのがDocusaurusです。Facebook製のオープンソース・ドキュメントサイトです。## Docusaurusの使い方メインペ...

List

  • 2018/01/09

SoraMame.Block - Webベースのブロック型ビジュアルプログラミング言語

ここ数年でビジュアルプログラミングが市民権を得てきました。教育用としてよく使われており、Scratchが有名です。Scratchは様々なデバイスで動きますが、一番基本はPCになるでしょう。今回紹介するSoraMame.BlockはWebブラウザ上で動作するビジュアルプログラミング言語です。ゲームや線を描画するアプリが作...

List

  • 2018/01/08

OpenCFP - PHP製のCFPシステム

海外のカンファレンスでは登壇者を公募する仕組みとしてCFP(Call for Paper)が使われます。そこでは登壇を希望する人たちがトーク内容を投稿し、それに対してレビューアーが判断するといったことが行われています。そんなCFPシステムをオープンソースで開発しているのがOpenCFPになります。## OpenCFPの...

List

  • 2018/01/08

go-astilectron - GoとHTML/JavaScriptでデスクトップアプリを開発

Electronの便利なところはWebブラウザ上で使われているJavaScriptからnodeのコードをシームレスに呼び出せることです。それによってローカルコンピュータの操作をさもWebブラウザ上からできているかのように使えます。そんなローカル側のコードをnodeではなくGoでできるようにしたのがgo-astilect...

None

  • 2018/01/07

OverTime - 複数都市のタイムゾーンを確認

海外の人たちとミーティングを行ったりする際に面倒なのがタイムゾーンの確認です。こちらでは昼でも、現地では夜というのはよくあることです。お互いが都合のいい時間というのは探すのが面倒で、どちらかが夜中に対応せざるを得なくなったりします。そこで使ってみたいのがOverTimeです。都市を指定して簡単に時刻の確認ができます。#...

List

  • 2018/01/07

Octohint - GitHub上でインテリセンスを有効に

開発者であればIDEでよく提供されるインテリセンスの便利さを感じることでしょう。関数の概要であったり、引数を表示してくれることで開発のしやすさ、生産性が大きく変わってきます。そんなインテリセンスをGitHub上でで提供するのがOctohintになります。## Octohintの使い方Octohintをインストールすると...

None

  • 2018/01/05

Grasp - JavaScriptの構造を解釈した検索/置換コマンド

開発者であればGrepのお世話になることが非常に多いはずです。しかしただ文字列を検索するだけで、細かい部分は正規表現などを使って書かなければなりません。また、探し出した後の編集はエディタで行うことになります。そこで使ってみたいのがGraspです。JavaScriptに特化した、構造を解釈できる検索コマンドです。## G...

List

  • 2018/01/03

microlink.js - Webサイトのプレビュー表示を格好良く

最近、Webサイトのサムネイル表示を目にすることがよくあります。SlackでURLを投稿した場合、ソーシャルメディア、キュレーションサイトなど様々なケースで使われます。次に問題になるのがその見せ方です。サムネイルの画像を使ったり、サマリーの文字列をどう表示するかによってクリックされる可能性が変わってくるでしょう。そこで...

List

  • 2018/01/02

PowerMode - 文字入力を華やかに

細部に神は宿ると言いますが、小さな機能にこだわることでユーザビリティであったり、操作性がぐっと向上することがあります。それはフォーカスを当てることだったり、文字の削除の仕方だったりします。今回は文字入力時がほんの少しだけ楽しくなる、そんなライブラリPowerModeを紹介します。## PowerModeの使い方テキスト...