プログラミング言語 - JavaScriptの記事一覧
pure JS WiFi QR Code Generator - 無線LAN情報を記載したQRコード生成
勉強会などでWiFi情報を載せたり、コワーキングスペースなどでWiFi情報を提示することがあります。あまり複雑なものにすると入力をミスしたり覚えるのが大変なため、安易なものを設定してしまいがちです。そこで使ってみたいのがpure JS WiFi QR Code Generatorです。QRコードから簡単にWiFi情報を...
Github Markdown Reader - GitHubのREADMEビューワー
GitHubでリポジトリを公開する際にはREADMEを書くのが基本です。開発者の多くはMarkdownで書いていることでしょう。GitHub上でもHTMLに整形されたREADMEが読めますが、最適化されているとは言いがたいかも知れません。そこで使ってみたいのがGithub Markdown Readerです。よりREA...
The Pomodoro Dash Timer - ポモドーロのダッシュ法を実践できるタイマーアプリ
ポモドーロテクニックはMOONGIFTで何度も取り上げていますが、25分間の集中と5分間の休憩を繰り返す仕事術になります。トマト（ポモドーロ）のキッチンタイマーを使うところから、その名が付けられています。The Pomodoro Dash Timerはポモドーロテクニックの発展版、ポモドーロのダッシュ法に対応したタイマ...
Udeler - Udemyの動画ダウンローダー
オンラインで学べるコンテンツが多彩に用意されているUdemy。Udemyを使って学んでいるという人も多いのではないでしょうか。コースは購入しますが、学習はオフラインでじっくり行いたいと言う人もいるのではないでしょうか。そんな方にお勧めなのがUdelerです。Udemy専用のダウンロードソフトウェアです。## Udele...
Celody - 音楽をフォーク、マージするマッシュアッププラットフォーム
Web APIを組み合わせて新しい作品を作る、マッシュアップという言葉は元々は音楽用語です。つまりクラブなどでかかる音楽のようなアレンジ、マッシュアップは音楽業界が本流でさえあります。今回紹介するCelodyは音楽をWebブラウザ上でフォークし、カスタマイズできるサービスです。## Celodyの使い方様々な楽曲を再生...
Diablo 1 for web browsers! - あの名作Diablo 1をWebブラウザで遊ぶ
今なお傑作として知られるゲーム、Diablo。その影響を受けて作られたゲームは枚挙に暇がないでしょう。97年に作られ、2008には3が販売されています。ゲームがどんどん発展していく中にあってなお、Diablo 1が好きな人は多いはずです。そんなDiablo 1をWebブラウザの中で遊べるのがDiablo 1 for w...
console.chat - 開発者ツール上のチャット
開発者ツールは開発者以外の方には用のないツールでしょう。逆に開発者はデバッグ以外の目的でも利用しており、APIについて調べたり、予定なDOMを消したり、ユーザスクリプト的に使っていたりします。そんな開発者ツールを使った密かな遊びとしてconsole.chatを紹介します。名前の通り、開発者ツール上でチャットをします。#...
Outline - チームで活用するWiki&ナレッジベース
Wikiは年々進化しています。新しいニーズを取り込み、さらに既存のソフトウェアの中にWiki風の機能が追加されて生き残っています。特にオンラインでノートを取ったりするのが当たり前になっている現在、Wikiも自然と使われるようになっています。今回はそんな最新のWikiエンジンとしてOutlineを紹介します。UIがイケて...
OverVue - Vue開発で役立つプロトタイピングツール
Vueの人気が高まっています。HTMLとJavaScriptが分かれるので、分業しやすいのも利点でしょう。しかし、それでもプログラマーでないと最適な構造で画面を作っていくのは簡単ではありません。そこで使ってみたいのがOverVueです。画像を元にして画面を設計できるソフトウェアです。## OverVueの使い方立ち上げ...
Simple Tweets List - サーバレスで使えるTogetter風ツイートまとめ
Togetterは利用しているでしょうか。フローとして流れがちなツイートをアーカイブし、後で見返せるようにする便利なサービスです。イベントなどで使われることも多いです。しかし、プライベートに使いたい時もあるでしょう。そんな時に使ってみたいのがSimple Tweets Listです。## Simple Tweets L...
ncc - nodeプロジェクトを一つのファイルにまとめる
nodeではnpmを使ってライブラリをインストールしてプログラミングを行います。そして配布する際にはnode_modulesを除き、各自がインストールします。しかしネットワークが必要だったり、場合によってはライブラリのインストールに失敗するかも知れません。そこで使ってみたいのがnccです。コードを一つにまとめてポータブ...
Vscode Google Translate - Visual Studio Code上でGoogle翻訳実行
多言語対応するプロジェクトは多々あります。その際、翻訳ファイルを作成して単語をそれぞれ置き換えるというやり方が良く行われます。その結果、開発時に翻訳サービスは活躍しているのではないでしょうか。もし開発にVisual Studio Codeを使っているならば、使ってみたいのがVscode Google Translate...
Exthouse - Google Chrome機能拡張のパフォーマンスをチェック
多数のWebブラウザ機能をインストールするとパフォーマンスは自然と悪化します。しかし、均等に悪くなる訳ではなく、特定の機能拡張が原因だったります。そこで確認するのが機能拡張ごとのパフォーマンスチェックです。今回紹介するExthouseはGoogle Chrome機能拡張のインストール前後のパフォーマンスをチェックできる...
GPortfolio - GitHubのプロフィールからポートフォリオを生成
オープンソースに対して何らかの活動を行うことが開発者としてもポートフォリオとして重要になっています。転職などを行う際にGitHubのアカウントをチェックするのも当然になっています。今回紹介するGPortfolioはGitHubでの活動をベースにしたポートフォリオ生成ソフトウェアです。## GPortfolioの使い方ポ...
Talk - オープンソースのコメントサービス
静的サイトが多用されるようになっていますが、動的な機能が追加しづらいのが欠点と言えます。しかし、そこもアイディア次第で解決できます。例えばコメント機能であればFacebookのコメント機能を使ったり、Discussなども活用できます。今回紹介するTalkは自分で立てるコメントサーバです。データを自分たちで管理、運用でき...
org-web - React製のorg-mode
org-modeと言えば、Emacsユーザにとっては慣れ親しんだメモ環境です。個人的にも長く使ってきましたが、キーバインドなども複雑で、当時はまだしも今はもう使い方も忘れてしまっています。そんなorg-modeをWebベースで復活させたのがorg-webです。マウス操作も含めると使い勝手が良さそうです。## org-w...
Fingerprint.js - Cookieに依らないトラッキング技術
広告システムで肝になるのがトラッキングです。トラッキングを行うことで、趣味や趣向を探ることができ、より精度の高い広告が表示できます。しかしトラッキングはプライバシーとの兼ね合いもあり、ブロッキングされることもあります。そんな中で注目されているのがFingerprintです。Cookieに頼らないトラッキング技術になりま...
copy-code-block - プログラミングコードをクリップボードにコピー
ブログなどでコードを記載しているサイトは多いです。その表示方法も様々で、行番号があるもの、ハイライトが付いているものなどがあります。そのコードをコピーしても余計な行番号が付いてきたりして、ストレスと感じたりします。そこで使ってみたいのがcopy-code-blockです。自由度の高くコードのコピーが可能です。## co...
webssh2 - Webブラウザで動くターミナル
サーバの操作をターミナルで行うのは基本ですが、クラウドサービスなどではWebブラウザ上で使えるターミナルを提供することがあります。ソフトウェアをもっていない人であったり、スマートフォンやタブレットからでもサーバ操作できるのが便利です。そんなWebブラウザ向けのターミナルとしてwebssh2を紹介します。SSH2を使った...
capture-website-cli - コマンド一つでWebサイトのスクリーンショット
Webサイトのスクリーンショットを保存したいというニーズはよくあります。テストで利用することもありますし、プレゼン資料に使う時もあるでしょう。毎回Webブラウザを立ち上げてスクリーンショットを保存するのは面倒なはずです。そこで使ってみたいのがcapture-website-cliです。コマンド一回でWebサイトを画像で...