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

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

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

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

もっと見る

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...

List

  • 2019/07/26

twitter画像原寸ボタン - Twitterの元画像をダウンロード

Twitterで画像を収集する際に、画像のアドレスを見つけるのに右クリックして画像のアドレスをコピーするでしょう。しかし、この時の画像のアドレスはオリジナル(最大)のものではなく、大きい画像レベルでしかありません。大きな画像が欲しい!という方はtwitter画像原寸ボタンを使ってみましょう。## twitter画像原寸...

List

  • 2019/07/24

SOX - Stack Overflowがもっと便利になるユーザスクリプト

Stack Overflowは開設以来、開発者への高い人気を保ち続けているサービスです。コンテンツが増えれば増えるほど、信頼性も高まっていくので地位は盤石になっていると言えるでしょう。そんなStack Overflowをもっと便利にしてくれるのがブラウザ機能拡張がSOX(Stack Overflow Extras)です...

List

  • 2019/07/24

Pinker - 文字で定義して図に変換

Webが不得意としているものの一つが図(ダイアグラム)でしょう。Canvasを駆使すればできなくもないですが、画像編集ソフトウェアを使って画像として埋め込んでしまう人の方が多そうです。今回紹介するPinkerはJavaScriptのコードからダイアグラムを生成するソフトウェアです。## Pinkerの使い方レイアウトと...

List

  • 2019/07/23

SlackDeck Proto - TweetDeck風Slackクライアント

Slackを社内外で活用している人は多いです。多数のSlackコミュニティに参加し、その中の複数チャンネルに関わっていると情報過多で、チェックしきれなくなります。グループは関係なく、自分の入っているチャンネルを横串でチェックしたいという人は多いでしょう。そこで使ってみたいのがSlackDeck Protoです。Slac...

None

  • 2019/07/21

slim - Dockerfileが使える小さな仮想環境

Dockerで開発する機械が増えていますが、イメージファイルの肥大化に伴ってストレージが逼迫したりします。コンテナなので仮想環境を用意するのに比べればサイズが小さく済んでいるはずですが、それでもイメージの数が増えれば問題です。そこで使ってみたいのがslimです。Dockerfileが使えて小さな仮想環境を作れるソフトウ...

List

  • 2019/07/19

boa - Rust製のJavaScript実行エンジン

RustでWebAssemblyを開発している人は多いでしょう。JavaScriptと比べて高速に動作しますが、コンパイルが伴うので動的に動作を変えるのが困難です。例えばユーザにコードを入力してもらって、それをマクロ的に動かしたいということもあるでしょう。そんな時に使ってみたいのがboaです。Rustで作られたJava...