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

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

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

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

もっと見る

List

  • 2019/04/03

TTY::Markdown - CUIでもMarkdownを読みやすく

Markdownが開発者におけるデファクトスタンダードな文書フォーマットになってきています。そのためMarkdown用のビューワーがWeb、デスクトップ、スマートフォンアプリと様々にあるのですが、CUIは無視されているかのようです。エンジニアであればCUIを使う機会も多いでしょう。そんな時にMarkdownファイルを読...

None

  • 2019/04/03

gitdir - GitHubリポジトリの特定のフォルダだけをダウンロード

GitHubを使っていて、あるリポジトリのサンプルディレクトリだけダウンロードしたいと思ったりすることはないでしょうか。そのためにリポジトリ全体をクローンしたり、圧縮ファイルをダウンロードするのは面倒です。そこで使ってみたいのがgitdirです。指定したディレクトリだけを素早くダウンロードできます。## gitdirの...

List

  • 2019/04/02

Pixel Picker - 小さなカラーピッカー

Webページのデザインやプレゼンテーションを作っている際など、画面上にある色をピックアップしたいと思うことがあります。そのために画像編集ソフトウェアを立ち上げたりするのは面倒です。そこで使ってみたいのがPixel Pickerです。独立したアプリケーションとして提供されるカラーピッカーです。## Pixel Picke...

None

  • 2019/04/02

pikapkg - Webpack不要。npmライブラリをWebブラウザで利用する

現在、多くのJavaScriptライブラリがnpmで配布されています。Webブラウザ向けであってもnpmで配布されており、それらをgulpやWebpackによって一つのライブラリにしています。これは毎回のセットアップが面倒です。そこで使ってみたいのがpikapkgです。特定のディレクトリにライブラリをダウンロードし、W...

List

  • 2019/04/01

アシスタントメーカー - 自分だけの音声アシスタントを定義しよう

SiriやEcho、Google Homeなどによって音声アシスタントが普及してきました。何でもという訳ではないですが、多くのことを音声によって実現できるようになっています。しかし、もっとこだわった、個人的なタスクも実行して欲しいと思うことでしょう。そこで使ってみたいのがアシスタントメーカーです。Windows標準のコ...

List

  • 2019/04/01

Tech companies Logos In CSS

CSS3によって計算ができるようになったり、表現力が大幅に高まっています。CSS3を駆使することによって、イラストを描いたり、アニメーションも実現できます。もちろん、かなりの創意工夫は必要ですが単なる絵よりもインパクトがあります。今回紹介するTech companies Logos In CSSはCSSだけを使ってテッ...

List

  • 2019/03/31

stutter - 任意のWebページで速読をサポート

Webサイト、書籍、論文、新聞、雑誌…様々なテキストコンテンツがこの世には存在します。気になるものはあっても全てを消化できるわけではありません(積ん読は良い例です)。問題を解決するために考えられているのが速読です。日本語の速読もありますが、今回は英語版のstutterを紹介します。Google Chrome/Firef...

List

  • 2019/03/31

gtfspy-webviz - GTFSを地図上で可視化

様々な情報がオープンデータ化し、さらにそれらのデータを共通フォーマット化する動きがあります。共通フォーマットになることで再利用性が高まり、異なる企業や国、自治体同士のデータを連係させられるようになります。今回はgtfspy-webvizを紹介します。GTFS(General Transit Feed Specifica...

List

  • 2019/03/30

Popper.js - 便利なポップオーバーライブラリ

マウスを載せた際などに表示されるポップオーバー。ユーザの好きなタイミングで(多くは困った時に)表示してくれるので便利なツールです。しかし画面の端などで表示する場合、画面外に隠れてしまったりします。そんな困った、を解決してくれるのがPopper.jsです。ポップオーバーだけにこだわったライブラリです。## Popper....

List

  • 2019/03/30

Generative.fm - Webブラウザ上でエンドレスな音楽を生成

音楽の創作活動は長い時間をかけて行われます。その結果として著作権などが発生し、誰しもがビジネスで使えるものではなくなっています。バックグラウンドミュージックとして使おうものなら、多額の請求が来る可能性もあるでしょう。そんな時に使えるのがクラシックであったり著作権に関係しない楽曲です。今回は音楽を生成してくれるGener...

List

  • 2019/03/29

Svgbob Editor - Web上でアスキーダイアログをWYSIWYGで描く

プログラマはドローアプリケーションを扱うのが苦手です(偏見)。メンテナンスするのも面倒ですし、簡単な図であればテキストで罫線を使った方が簡単に書けるでしょう。後は罫線が自動的にドローされれば良いだけです。そこで使ってみたいのがSvgbob Editorです。罫線で描いたアスキーダイアログをSVGに変換してくれるソフトウ...

List

  • 2019/03/29

Coder - Web上で動作するVisual Studio Code

クラウドIDEはすでに誕生して10年近くになります。すでに幾つかの実用的なソフトウェアも出てきていますが、それでもまだまだローカルでの開発が主流です。特にスクリプト言語ではそうでしょう。しかし、その世界が大きく変わるかも知れません。なぜならスクリプト用のプログラミングエディタとして有名なVisual Studio Co...

List

  • 2019/03/28

femtoJS - jQueryに替わるDOM操作ライブラリ

jQueryはもう使いたくないと思いつつ、それでも使ってしまうのはDOM操作が面倒だからです。ReactやVueを使えばDOMの不便さから逃れられますが、ちょっとしたものを作る際には大げさだったりします。そこで使ってみたいのがfemtoJSです。DOM操作に特化した小さなライブラリです。## femtoJSの使い方ボタ...

List

  • 2019/03/28

Ambient Canvas Backgrounds - JavaScriptで背景アニメーションを生成

Webサイトの背景に動画を流したりするケースが見られますが、動画はサイズが大きくなりがちです。もっと軽量で、見た目のインパクトがある方法もあるでしょう。そのためにはJavaScriptで動的に作り出す方法が考えられます。今回はその一つの方法として、Ambient Canvas Backgroundsを紹介します。Can...

List

  • 2019/03/27

ArchiveBox - Webコンテンツをアーカイブ

オンライン上には二種類の情報が存在します。一つは未知の情報、一つは既知の情報です。未知の情報を探す際にはWeb検索が便利なのですが、既知の情報は意外とうまく探せません。一度見た情報がフィルタになってしまい、キーワードがうまく出てこなかったり間違ったりしてしまいます。そこで既知の情報をローカルにバックアップしておくと便利...

List

  • 2019/03/27

sourcebuster.js - トラッキング情報を取得

ソーシャルメディアやメールなどに記載されているURLをクリックすると、URLの末尾にutm_*といった文字が付いていることがあります。あれはUrchin Tracking Moduleの頭文字で、かつてGoogleが買収した(後にGoogleアナリティクスになった)Urchinが使っていたトラッキング用情報です。そんな...

List

  • 2019/03/26

Epitactic Cloud Browser - クラウド上にあるWebブラウザ

スマートフォンやタブレットでもPC版のWebブラウジングが必要な場面があります。そんな時、便利なのがクラウド上にあるWebブラウザです。しかしHTMLをそのまま返してしまったのでは意味がありません。そこで使ってみたいのがEpitactic Cloud Browserです。クラウドブラウザの名に恥じない動きをしてくれます...

List

  • 2019/03/26

jQuery Smart Wizard 4 - jQuery製のウィザードライブラリ

たくさんの入力欄があるフォームをまとめて入力するのは苦痛です。果てしなく続く入力欄を見ただけで気分が萎えてしまいます。そこで使えるのがウィザードです。入力欄をグルーピング、分割することで心理的負担を下げられます。そこで使ってみたいのがjQuery Smart Wizard 4です。jQuery/Bootstrapをサポ...

List

  • 2019/03/25

js-keyboard - JavaScript製の仮想キーボード

普段は日本語も英語も何でもキーボードで入力できますが、時々英語版や中国語版の他人のPCを使わなければならない時があります。そんな時に日本語が入力できず、ストレスを感じてしまうでしょう。そこで覚えておきたいのがjs-keyboardです。Web上で動作する仮想キーボードです。## js-keyboardの使い方ブックマー...

None

  • 2019/03/25

HistoryKana - JavaScriptで振り仮名の自動入力

Webサイトの入力時に、漢字を入力すると平仮名が自動補完されるサイトがあります。予測入力を使っているとうまく動かないのですが、それでも意外と便利です。ユーザの入力における手間はシステムで解決できる部分がたくさんあります。そんな振り仮名入力を行うライブラリがHistoryKanaです。## HistoryKanaの使い方...