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

プログラミング言語 - JavaScriptの記事一覧

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

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

もっと見る

None

  • 2017/06/06

git-labelmaker - GitHubのラベルをコマンドラインで作成

GitHubではIssueやPull requestを送る際などにラベルを設定できます。しかしこのラベルのメンテナンスが以外と面倒です。とあるメソッドによれば、十何種類ものラベルが望ましいそうですが、これを一から作成するのは面倒です。そこで使ってみたいのがgit-labelmakerです。CUIでラベルを作成できます。...

List

  • 2017/06/05

Kaleidoscope - Webサイトに埋め込める360度写真/動画ビューワー

THETAなどのデバイスと、各ソーシャルサービスが対応したことで360度写真、360度動画が使われるようになっています。スマートフォンの写真とは違って、普段は見られない部分まで自分で自由に視点を変えられるのが魅力です。しかしフォーマットが特殊なので、専用のビューワーが必要になります。今回紹介するKaleidoscope...

List

  • 2017/06/04

FireEdit - Firebaseを使ったリアルタイム同期エディタ

リアルタイムに同期してくれるエディタは意外と便利です。会社で議事録を取っている場合、ペアプログラミング、ちょっとしたメモであっても同じディスプレイを見ずに共有できていると情報伝達が素早くなります。今回はFirebaseを用いることでサーバレスでリアルタイム同期できるエディタ環境を提供するFireEditを紹介します。#...

List

  • 2017/06/04

Mavo - Webアプリケーションを作る新しいアプローチ

最近、ReactやVueなどのビューエンジンに人気が集まっています。双方向更新が可能で、データをアップデートすれば自動的にUI側も更新されます。これにより、DOM周りのステータス管理から解放されるようになります。今回紹介するMavoもビューエンジンですが、半分ロジックも加わったような作りになっています。## Mavoの...

List

  • 2017/06/02

Total.js Messenger - Node製のSlackクローン

Slackはテック業界ではデファクトといっても良いくらいのシェアになってきています。会社全体で使っていなくともプロジェクトでは使っているという企業は多いのではないでしょうか。そんなSlack風のチャットアプリは幾つかありますが、今回はnodeで作られたTotal.js Messengerを紹介します。## Total....

List

  • 2017/06/01

KanbanDown - Markdownからカンバン風リストを生成

Markdown記法は十分に認知されています。そのためMarkdown記法をベースにソフトウェアを作れば、開発者はすぐに使い方を覚えてくれるようになります。これは大きなメリットです。今回紹介するKanbanDownはMarkdown記法からカンバン風タスクリストを生成してくれるソフトウェアです。## KanbanDow...

List

  • 2017/06/01

maildown - Markdownを日本企業で使えるメール文面に変換

Markdownが便利な記法であってもすべてに使える訳ではありません。まだまだ個人間でやり取りされるメールはテキストが一般的で、HTMLメールが使われることはほぼありません。となるとMarkdownの出番がありません。そこで作られたのがmaildownです。Markdownで書かれた文章を日本企業で使われるメール風の体...

List

  • 2017/05/31

MapSCII - ターミナルで使える地図サーバ

最近のシステムはなんでもWebベースになっています。正直サーバで作業することが多い人にとっては辛いのではないでしょうか。w3mやlynxでは見られないサイトも増えています。もし地図を確認しなければならない機会があったらMapSCIIを使ってみましょう。インストールいらず、telnetで使える地図サービスです。## Ma...

List

  • 2017/05/30

DevDocs App - オフラインでも使えるdevdocs.ioリーダー

開発者向けのドキュメントが揃ったdevdocs.ioは覚えておくと便利なサイトの一つです。しかしネットワークに繋がっている時しか使えないのは多少不便に感じます。そこでオフラインでも読めるドキュメントリーダーが必要になります。今回紹介するDevDocs Appもそんなdevdocs.ioリーダーの一つです。## DevD...

List

  • 2017/05/28

Insomnia - マルチプラットフォームで動作するWeb APIクライアント

Web APIを使って開発を行っていると必要になるのがWeb API用のクライアントアプリになるでしょう。Web APIを細かな条件をつけて実行し、その結果を確認したり、JSONなどをフィルタリングできるのがポイントです。開発効率を向上させるのに必須の存在です。そんなWeb API、今回はREST APIのクライアント...

List

  • 2017/05/26

GanttPad - テキストからガントチャート生成

プロジェクト管理と言えばガントチャートと言うくらい必要としている方は多いです。少なくとも一覧では分からなかったタスクの関連であったり、今後のタスクの予定が可視化されるようになります。それによって無理が来るポイントなども掴めるようになるでしょう。今回紹介するGanttPadはテキストで書いたタスクをガントチャートに展開し...

List

  • 2017/05/25

Bemuse - ハマらないよう注意。Webベースの音ゲー

音ゲーは根強い人気のあるゲームジャンルです。やり方も手を使ったりバチを使う、足で行うなど様々な種類があります。手で行うものであればパソコンで再現されたソフトウェアも数多く存在します。好きな方はハマってしまうことでしょう。そんな音ゲーをWebブラウザベースで楽しめるのがBemuseです。HTML5で作られているので幅広い...

List

  • 2017/05/25

Progressive Image.js - ぼかし画像を使う画像遅延読み込み

写真コンテンツは見せ方が大事です。単純に一覧として表示しているだけではよくありません。より印象づけるための手段として、ユーザアクションと関連づけるという方法があります。そうすることでオンデマンドな情報提供ができるようになります。今回紹介するProgressive Image.jsはFacebookやMediumにインス...

List

  • 2017/05/24

slack-status-app - Touch BarからSlackのステータスを更新

仕事を開始する前、休憩中などに細かくソーシャルサービスで自分のステータスを更新する人たちがいます。Skypeなどでもプロフィールをアップデートして自分の状態がどうなっているのか(忙しいのか、寝ているのかなど)を通知する人も少なくありません。そんなちょっとしたステータス更新を毎度入力するのは面倒です。Slackであればs...

List

  • 2017/05/23

notable - Go製のシンプルなWebノートアプリ

ノートアプリケーションは世の中に多数あります。毎月のように新しいサービスが作られており、それぞれに特徴があります。どれか一つに定まらないということは、それぞれ理想とする世界が異なるためでしょう。今回紹介するのはnotable、シンプルなWebノートアプリケーションです。## notableの使い方最初にノート一覧が表示...

List

  • 2017/05/22

codepan - オフラインでも動作するJSFiddle/CodePenクローン

JSFiddleやCodePenといったサービスはとても便利です。Web上の基本要素であるHTML/CSS/JavaScriptを書いて、その場ですぐに実行できます。そのまま残しておけるので、動くデモを人に見せるのが簡単です。しかし問題はオンラインサービスゆえにインターネット接続が必要ということです。そこで使ってみたい...

List

  • 2017/05/20

Print.js - Webで任意のコンテンツを印刷できます

Webが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。また、ごく一部だけ印刷したいのにそれもままなりません。そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。## Print.jsの使い方一例です。PDFファイ...

List

  • 2017/05/19

Wobble window jQuery plugin - HTMLの枠がプルンプルンに

人の目を引くデザインは奇抜なものばかりではありません。普段何気なく使っているものが別な場所にも出てきたりすると驚かれることもあるでしょう。特にコンピュータ内で自然に存在するものを再現すると興味を持つ人たちがたくさんいます。今回紹介するWobble window jQuery pluginもそんなライブラリの一つです。柔...

List

  • 2017/05/18

Spotify For Everyone - Spotifyの埋め込みタグを簡単に生成

日本にも上陸したSpotifyでは音楽を手軽に楽しめます。定額制なのでいくらでも音楽が楽しめるのは便利です。基本的に会員向けのサービスではありますが、人に紹介したいと思うこともあるでしょう。Spotifyでは埋め込み用のタグを提供していますが、もっと簡単に埋め込めるようになるのがSpotify For Everyone...

List

  • 2017/05/18

Prettier - JavaScriptのコードを見やすく整形

JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。## ...