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

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

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

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

もっと見る

List

  • 2019/08/20

Udeler - Udemyの動画ダウンローダー

オンラインで学べるコンテンツが多彩に用意されているUdemy。Udemyを使って学んでいるという人も多いのではないでしょうか。コースは購入しますが、学習はオフラインでじっくり行いたいと言う人もいるのではないでしょうか。そんな方にお勧めなのがUdelerです。Udemy専用のダウンロードソフトウェアです。## Udele...

List

  • 2019/08/19

Celody - 音楽をフォーク、マージするマッシュアッププラットフォーム

Web APIを組み合わせて新しい作品を作る、マッシュアップという言葉は元々は音楽用語です。つまりクラブなどでかかる音楽のようなアレンジ、マッシュアップは音楽業界が本流でさえあります。今回紹介するCelodyは音楽をWebブラウザ上でフォークし、カスタマイズできるサービスです。## Celodyの使い方様々な楽曲を再生...

List

  • 2019/08/18

Diablo 1 for web browsers! - あの名作Diablo 1をWebブラウザで遊ぶ

今なお傑作として知られるゲーム、Diablo。その影響を受けて作られたゲームは枚挙に暇がないでしょう。97年に作られ、2008には3が販売されています。ゲームがどんどん発展していく中にあってなお、Diablo 1が好きな人は多いはずです。そんなDiablo 1をWebブラウザの中で遊べるのがDiablo 1 for w...

List

  • 2019/08/17

console.chat - 開発者ツール上のチャット

開発者ツールは開発者以外の方には用のないツールでしょう。逆に開発者はデバッグ以外の目的でも利用しており、APIについて調べたり、予定なDOMを消したり、ユーザスクリプト的に使っていたりします。そんな開発者ツールを使った密かな遊びとしてconsole.chatを紹介します。名前の通り、開発者ツール上でチャットをします。#...

List

  • 2019/08/16

Outline - チームで活用するWiki&ナレッジベース

Wikiは年々進化しています。新しいニーズを取り込み、さらに既存のソフトウェアの中にWiki風の機能が追加されて生き残っています。特にオンラインでノートを取ったりするのが当たり前になっている現在、Wikiも自然と使われるようになっています。今回はそんな最新のWikiエンジンとしてOutlineを紹介します。UIがイケて...

List

  • 2019/08/16

OverVue - Vue開発で役立つプロトタイピングツール

Vueの人気が高まっています。HTMLとJavaScriptが分かれるので、分業しやすいのも利点でしょう。しかし、それでもプログラマーでないと最適な構造で画面を作っていくのは簡単ではありません。そこで使ってみたいのがOverVueです。画像を元にして画面を設計できるソフトウェアです。## OverVueの使い方立ち上げ...

List

  • 2019/08/14

Simple Tweets List - サーバレスで使えるTogetter風ツイートまとめ

Togetterは利用しているでしょうか。フローとして流れがちなツイートをアーカイブし、後で見返せるようにする便利なサービスです。イベントなどで使われることも多いです。しかし、プライベートに使いたい時もあるでしょう。そんな時に使ってみたいのがSimple Tweets Listです。## Simple Tweets L...

None

  • 2019/08/13

ncc - nodeプロジェクトを一つのファイルにまとめる

nodeではnpmを使ってライブラリをインストールしてプログラミングを行います。そして配布する際にはnode_modulesを除き、各自がインストールします。しかしネットワークが必要だったり、場合によってはライブラリのインストールに失敗するかも知れません。そこで使ってみたいのがnccです。コードを一つにまとめてポータブ...

List

  • 2019/08/12

Vscode Google Translate - Visual Studio Code上でGoogle翻訳実行

多言語対応するプロジェクトは多々あります。その際、翻訳ファイルを作成して単語をそれぞれ置き換えるというやり方が良く行われます。その結果、開発時に翻訳サービスは活躍しているのではないでしょうか。もし開発にVisual Studio Codeを使っているならば、使ってみたいのがVscode Google Translate...

List

  • 2019/08/10

Exthouse - Google Chrome機能拡張のパフォーマンスをチェック

多数のWebブラウザ機能をインストールするとパフォーマンスは自然と悪化します。しかし、均等に悪くなる訳ではなく、特定の機能拡張が原因だったります。そこで確認するのが機能拡張ごとのパフォーマンスチェックです。今回紹介するExthouseはGoogle Chrome機能拡張のインストール前後のパフォーマンスをチェックできる...

List

  • 2019/08/09

GPortfolio - GitHubのプロフィールからポートフォリオを生成

オープンソースに対して何らかの活動を行うことが開発者としてもポートフォリオとして重要になっています。転職などを行う際にGitHubのアカウントをチェックするのも当然になっています。今回紹介するGPortfolioはGitHubでの活動をベースにしたポートフォリオ生成ソフトウェアです。## GPortfolioの使い方ポ...

List

  • 2019/08/07

Talk - オープンソースのコメントサービス

静的サイトが多用されるようになっていますが、動的な機能が追加しづらいのが欠点と言えます。しかし、そこもアイディア次第で解決できます。例えばコメント機能であればFacebookのコメント機能を使ったり、Discussなども活用できます。今回紹介するTalkは自分で立てるコメントサーバです。データを自分たちで管理、運用でき...

List

  • 2019/08/06

org-web - React製のorg-mode

org-modeと言えば、Emacsユーザにとっては慣れ親しんだメモ環境です。個人的にも長く使ってきましたが、キーバインドなども複雑で、当時はまだしも今はもう使い方も忘れてしまっています。そんなorg-modeをWebベースで復活させたのがorg-webです。マウス操作も含めると使い勝手が良さそうです。## org-w...

List

  • 2019/08/04

Fingerprint.js - Cookieに依らないトラッキング技術

広告システムで肝になるのがトラッキングです。トラッキングを行うことで、趣味や趣向を探ることができ、より精度の高い広告が表示できます。しかしトラッキングはプライバシーとの兼ね合いもあり、ブロッキングされることもあります。そんな中で注目されているのがFingerprintです。Cookieに頼らないトラッキング技術になりま...

List

  • 2019/08/02

copy-code-block - プログラミングコードをクリップボードにコピー

ブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。## co...

List

  • 2019/07/31

webssh2 - Webブラウザで動くターミナル

サーバの操作をターミナルで行うのは基本ですが、クラウドサービスなどではWebブラウザ上で使えるターミナルを提供することがあります。ソフトウェアをもっていない人であったり、スマートフォンやタブレットからでもサーバ操作できるのが便利です。そんなWebブラウザ向けのターミナルとしてwebssh2を紹介します。SSH2を使った...

List

  • 2019/07/30

capture-website-cli - コマンド一つでWebサイトのスクリーンショット

Webサイトのスクリーンショットを保存したいというニーズはよくあります。テストで利用することもありますし、プレゼン資料に使う時もあるでしょう。毎回Webブラウザを立ち上げてスクリーンショットを保存するのは面倒なはずです。そこで使ってみたいのがcapture-website-cliです。コマンド一回でWebサイトを画像で...

List

  • 2019/07/29

comntr - 任意のサイトにコメント

あるサイトに書かれている内容について皆とディスカッションしたいと思った時、多くの場合はソーシャルサービスやコミュニティサイト、チャットなどを使います。コンテンツとディスカッションは別な場所に分かれているのが普通です。今回紹介するcomntrはその逆で、任意のURLに対してコメントを書けるサービスとなっています。そしてH...

List

  • 2019/07/28

ProtoGraphQL - GraphQLをビジュアル的に設計

GraphQLはRESTful APIの代替になりえる仕組みです。データ取得に対して自由度が高く、入力と出力両方に対して型指定できるのも良いです。多くはフレームワークと組み合わせて使えますが、自分で一から設計する場合もあるでしょう。そんな時に使ってみたいのがProtoGraphQLです。GraphQLのスキーマをビジュ...

List

  • 2019/07/26

Video Downloader - 110の動画サイトに対応したダウンローダー

動画共有サイトは星の数ほど(そんなではないですが)存在します。そして、それらの動画は永遠ではなく、突如として削除されてしまいます。削除された後になって、取っておけば良かった…といっても後の祭りです。そこで使ってみたいのがVideo Downloaderです。多数の動画サイトに対応した動画ダウンローダーです。## Vid...