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

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

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

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

もっと見る

List

  • 2018/12/11

Current Device - デバイス判定をスタイルシートに反映

Webページにアクセスするデバイスが多様化している中、JavaScriptで各デバイスを判別して表示分けしているWebサイトも多いのではないでしょうか。こういった実装を都度行うのはとても面倒ですし、条件分岐も増えがちです。そこで使いたいのがCurrent Deviceです。デバイスに応じてスタイルシートにクラスを追加し...

List

  • 2018/12/11

WatchingU - インターネットオタクのためのRSSリーダー

オンライン上の情報を効率よく集めるのにRSS(フィード)リーダーは最適です。しかしビジネス的には難しいようで、多くの会社がフィードリーダーから撤退しています(それこそGoogleリーダーさえも)。そんな中生き残るのはむしろオープンソースなのかも知れません。今回紹介するWatchingUはWebベースのRSSリーダーで、...

List

  • 2018/12/10

Ervy - CUIで棒/円/折れ線/ゲージグラフを表示

コンソール用のアプリケーションが増えています。UIをあまり作り込まずに済み、さらに結果の出力も簡単にできます。その反面、グラフのような可視化は苦手です。テキストで出力して、別なライブラリで可視化するのではないでしょうか。そこで使ってみたいのがErvyです。ターミナル上で簡易的な可視化を実現できます。## Ervyの使い...

List

  • 2018/12/09

tiptap - Vue.js向けのリッチなWYSIWYGエディタ

WYSIWYGなエディタは開発者ではない人たちにコンテンツを作ってもらいたい時に活躍します。HTMLを手書きするのは困難ですし、編集している内容と結果が異なるので、結果を想像しながら作るのは慣れない人にとっては難しいでしょう。もしVue.jsを使っているならば導入したいWYSIWYGエディタがtiptapになります。多...

List

  • 2018/12/08

SQLPad - クエリを保存、可視化するSQL実行環境

社内でエンジニア以外の人たち(特にマーケター)にSQLを覚えてもらうと業務効率が良くなるという話をよく聞きます。データを様々な角度から取り出したいと思う人たちは自分でやってもらう方が早いのです。そんなSQLを実行したり、保存できるのがSQLPadです。re:dash

List

  • 2018/12/07

virtual-scroller - 長大なリストもサポートするスクロールライブラリ

Webページは縦に長く伸びがちです。特にリスト状に情報を載せる際にデータ量をシステムからの出力で動的に変化させている場合、間違って数十万件のデータを一気に表示しようとしてDOMレンダリングが終わらなくなったりします。そういった時に使ってみたいのがvirtual-scrollerです。縦横を含めたスクロールをスムーズにし...

List

  • 2018/12/06

myConsole - スマートフォン向けのJavaScript実行環境

JavaScriptの実行環境としてはWebブラウザの開発者ツールがよく使われますが、それはデスクトップにしか用意されていません。タブレットやスマートフォンでちょっとしたJavaScriptを実行したいと思うこともあるでしょう。そんな時に使えるのがmyConsoleです。Webベース、スマートフォン特化型のJavaSc...

List

  • 2018/12/04

i18n-manager - GUIで翻訳ファイルを管理

ローカライズというのは思っている以上に難しい作業です。単純に訳せば良いという訳ではなく、時に単語を削ったり追加したりしなければなりません。国内では通用しない言い回しだったりしたら思い切って帰る必要もあります。そんな翻訳を管理するためのツールがi18n-managerです。翻訳ファイルをYAML形式で管理します。## i...

None

  • 2018/12/03

lorca - Go + HTML5でデスクトップアプリを開発する

Web技術を使ってデスクトップアプリケーションを作る技術としてElectronが知られています。Electronで利用するのはnode/JavaScriptですが、別な言語使う技術も存在します。今回紹介するlorcaはGoを使ってデスクトップアプリを作ります。UIこそHTML5ですが、大きな可能性を秘めた存在と言えそう...

None

  • 2018/12/02

cpy-cli - cpコマンドをほんの少し便利に

Linuxなどでディレクトリをコピーする際に使うのがcpコマンドです。ごくごく基本的なコマンドなので使うのは簡単ですが、あまり融通が効かなかったりします。そのため、一旦コピーしてから別途ファイル操作を行うと言った人もいるのではないでしょうか。そこで使ってみて欲しいのがcpy-cliです。cpコマンドをちょっと便利にして...

List

  • 2018/11/28

howler.js - JavaScriptで音声/音楽ファイルを操作

HTML5になって音楽ファイルを扱うのが容易になりました。audioタグによって再生や停止をしたり、WebAudio APIでより細かく音声や音楽ファイルを操作できるようになります。しかし、まだまだそれほど活用事例が多くありません。今回紹介するhowler.jsはJavaScriptベースのオーディオライブラリです。W...

List

  • 2018/11/27

git-remind - Gitリポジトリのコミット/プッシュ忘れを防止

Gitは各自でリポジトリを持って作業できるのが便利ですが、プッシュを忘れてしまうことも多々あります。自分の環境では動くのに、他の人の環境では動かないのでなぜかと思ったら変更がサーバに送られていないと言った具合です。そんなGitのコミットやプッシュを忘れた経験がある方はgit-remindを設定しておきましょう。## g...

List

  • 2018/11/26

GoCity - Goライブラリの依存性を可視化

最近のソフトウェアは依存性を全くなくして作られることは少なくなっています。外部のライブラリを積極的に使うことで、多彩な機能を素早く、安定して取り込めるようになります。今回はそんなライブラリへの依存性を可視化してくれるGoCityを紹介します。## GoCityの使い方とあるライブラリの例。まるでマイコンのようです。!

List

  • 2018/11/25

Vue Dark Mode - Vueのダークモード用デザインテーマ

macOS Mojaveで取り入れられたダークモード。元々その手のユーティリティはたくさんありましたが、OS標準に入ってきたのが大きなインパクトです。それに伴ってダークモードへの注目が集まっています。近くリリースされるSafariではダークモードがサポートされるそうです。そんな時に使えそうなのがVue Dark Mod...

List

  • 2018/11/24

Glorious - Web上でコードのデモンストレーション

プログラミングはできあがったものを一気に見せても理解するのが困難です。そのため細かく分けたり、動画を使ったりと様々な手段を講じる必要があります。ちょっとずつ説明することで全体としては難しいことをしていないと理解してもらえます。そんなプログラミングコードのデモを表現するのに使えるのがGloriousです。## Glori...

List

  • 2018/11/23

GoBoy - Go製のカラー/モノクロゲームボーイエミュレータ

昔遊んだゲームはいつになっても楽しめるものです。ただしカセットがあっても本体がなければ遊ぶことはできません。カセットは意外と丈夫で壊れませんが、本体は使えなくなって捨ててしまっている人は多いです。そんな時に使ってみたいのがエミュレータです。今回はGoで作られたゲームボーイエミュレータのGoBoyを紹介します。## Go...

List

  • 2018/11/23

Swipe-listener - スワイプ操作を検知してイベント実行

スマートフォンのWebブラウザも高速化し、Webアプリケーションを提供するのに躊躇することもなくなってきました。デスクトップ向けのWebアプリケーションがほぼそのまま提供できますが、画面の大きさの問題などもあって多少の工夫が必要です。そんな中、スマートフォン特有の動きにも気を配る必要があります。今回はその一つ、Swip...

List

  • 2018/11/22

Slye - WebGLを使って3D文字スライドを作成

プレゼンテーションは聴衆の目を引かなければなりません。そのため、ちょっとしたアニメーションであったり、文字サイズの変化など見た目の急激な変更が行われたりします。個人的にはあまり使いませんが、逆に多用する人もいます。今回紹介するSlyeはWebGLを使って派手な3Dテキストとアニメーションを実現するソフトウェアです。##...

List

  • 2018/11/21

Clarity - 多彩な種類が用意されたアイコンセット

Webサイトやスマートフォンアプリにおいてアイコンはとても重要です。全体として統一されていることでユーザが迷いなく操作できるようになります。最近のフラットで単色系のアイコンでは使われるシンボルが共通化されつつありますが、それでも多彩な種類に対応していないと、ぴたりと当てはまる使い方ができません。今回紹介するClarit...

List

  • 2018/11/21

gemacs - Go製のEmacsクローン

EmacsはLinux標準で入っていないエディタであり、いつも追加でインストールしなければなりません。自分の環境であれば自由ですが、顧客や預かっているサーバの場合はそんな勝手には入れられないでしょう。そこで使ってみたいのがgemacsです。Goで作られた、ポータビリティも意識したEmacsクローンです。## gemac...