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

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

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

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

もっと見る

List

  • 2018/10/14

WWWBasic - Webブラウザ上で動くBASIC

BASICという言語を一番最初に触ったという人は多いでしょう(筆者もそうです)。言語として便利だったかはともあれ、ビギナーには使いやすい言語だったのは間違いありません。いきなりJavaScriptは難しくても、BASICだったら利用できそうです。そこで使ってみたいのがWWWBasicです。Webブラウザ上で動作するBA...

List

  • 2018/10/11

Raneto - Markdownベースのナレッジベース

開発者向けのサービスを提供する場合、ドキュメントは必須と言えます。しかも見やすく、分かりやすいドキュメントになっていなければなりません。それでいて、メンテナンスしやすいなど条件が様々にあります。今回紹介するRanetoはMarkdownベースのナレッジベースになります。社外向けのみならず、社内向けにも使えそうなソフトウ...

List

  • 2018/10/10

textlint - playground - Web上でtextlintを試す

各種プログラミング言語においてLintツールが存在します。そうしたLintツールを使うと、人に指摘されるよりもストレスが小さく、受け入れやすいと言われています。人だと感情が入りやすいですが、コンピュータだとそういった問題がありません。今回はプログラミングではなく、テキストに対してLintを実行するtextlintのWe...

List

  • 2018/10/09

Drive Music Player - Google Driveを使った音楽プレイヤー

クラウドストレージを使えばどこからでもファイルにアクセスできます。最近ではストレージ単価も下がっており、容量をほぼ気にせず使えるようになっています。今回はその一つ、Google Driveを対象にします。Google DriveというとどうしてもGoogleドキュメントのイメージが強いですが、今回紹介するDrive M...

List

  • 2018/10/08

MineCraftWebGL - WebGL製のMinecraft

Minecraftにハマっている人は大勢います。サバイバルで生き残るのはもちろん、クリエイターとして大きなものを作るのも楽しみ方の一つです。難点なのはアプリケーションをインストールしなければならないことでしょう。そこで使ってみたいのがMineCraftWebGLです。WebGLで作られたMinecraftです。## M...

List

  • 2018/10/07

Read Aloud - ワンクリックでテキスト読み上げ

テキスト読み上げ機能は視覚障がい者に限らず、小説サイトなどで使っても便利な機能です。しかし、使うためにはOS側やソフトウェア側で色々な設定をしなければならなかったり、テキスト読み上げが必要ない時にもボタンが表示されてしまったりします。そこで使ってみたいのがRead Aloudです。選択した文字だけをワンクリックで読み上...

List

  • 2018/10/06

jdetects - 開発者ツールが開いたのを検知

昔、HTMLソースの中に秘密のメッセージを埋め込むのが流行りました。例えば求人を入れていたり、問題を書いておくといった具合です。当たり前のことですが、開発者ツールを開くのは開発者くらいです。だからこそ良い宣伝になったのです。そんな特徴を使って遊べるのがjdetectsです。開発者ツールを開いたタイミングでイベントを実行...

List

  • 2018/10/05

View Background Image - 背景画像だけを表示させるGoogle Chrome機能拡張

CSSのプロパティを使って画像を設定していると、右クリックで画像だけを表示しようと思ってもうまくいきません。その度に開発者ツールを開いて画像のURLを取得するのは面倒です。そこで使ってみたいのがView Background Imageです。背景画像だけを表示できるGoogle Chrome機能拡張です。## View...

List

  • 2018/10/04

CycleClipboard - yank風のクリップボード拡張

EmacsやVimなどのエディタを使っているとOS付属のクリップボードがどれだけ貧弱か思い知らされます。これらのエディタで使っているyankがOSの中でも使えると便利なのにと思ったことはないでしょうか。yankに似た機能を提供してくれるのがCycleClipboardです。UIは独特ですが、慣れると便利そうです。## ...

List

  • 2018/10/02

HTTP Responder - WebHookを使った開発を便利に

WebHookはシステム連携するのに便利な仕組みですが、呼び出されるのがサーバ側とあって、開発時の確認がしづらいのが問題です。ngrokなどを使ってローカル環境を外部に繋ぐこともできますが、準備が面倒と感じる人もいるでしょう。そこで使ってみたいのがHTTP Responderです。WebHookの内容を確認できるWeb...

List

  • 2018/10/02

local-ssl-proxy - 開発用のローカルHTTPSプロキシ

今はローカルの開発環境でシステムを作り、できあがった段階でサーバに送るのが基本です。そして最近ではサーバ側ではSSL/TLSを使うことが当たり前になっており、開発時だけHTTPを指定することで思った動作にならないこともあります。そこで使ってみたいのがlocal-ssl-proxyです。ローカルでの開発時に使えるSSLプ...

List

  • 2018/10/01

go-wasm-todo-list - Go製。WebAssemblyのTodoアプリ

WebAssemblyを使うことで、高速に動作するWebアプリケーションが開発できます。コンパイルするのでコードを見られることもありませんし、開発自体は多様な言語で行えます。その一例として、go-wasm-todo-listを紹介します。GoからWebAssemblyに展開して作られたTodoリストアプリです。## g...

List

  • 2018/09/29

JavaScript Equality Table Game - JavaScriptの仕様を学べるマインスイーパ

プログラミング言語にはそれぞれ仕様があります。そして、二つの変数や型が一致するかどうかは言語によって変わります。0とfalseはイコールと判定されることが多いですが、言語によってはさらに別な物同士でも一致したりします。JavaScript言語仕様をどれくらい知っているかを試せるのがJavaScript Equality...

List

  • 2018/09/29

sudoku.js - 多数のレベルで数独を生成

数独は日本だけでなく、世界中で楽しまれるゲームになっています。ルールは簡単で、縦横そして3x3のボックスの中に1〜9を重ならないようにいれていくだけです。あらかじめ提示されている数字が多ければ簡単ですし、少なければ可能性が増えて複雑になります。数独の本も販売されていますが、今回はsudoku.jsで自動で生成して楽しん...

List

  • 2018/09/28

Nodebook - Webブラウザで使えるnodeプレイグラウンド

JavaScriptを覚えることで、Webブラウザはもちろんサーバサイド、IoTなど幅広い環境でソフトウェアを開発できます。環境を整えるのは決して難しくはありませんが、それがネックになって習得を頓挫してしまっているとしたら非常に勿体ないことです。そこで使ってみたいのがNodebookです。JavaScriptファイルの...

List

  • 2018/09/27

Whalebird Desktop - Electron製。マルチプラットフォームで動作するMastodonクライアント

彗星のように現れたソーシャルサービスのMastodon。一時のブームは去りましたが、使っている人たちは徐々に増えています。Twitterと使い分けていて、両方を利用している人も多いようです。そんなMastodonユーザに使ってみて欲しいのがWhalebird Desktopです。ElectronベースのMastodon...

List

  • 2018/09/26

TJDeck - TweetDeckをAndroidから使いやすくしてアプリ化

TwitterがWeb APIの規約を変更し、クライアントアプリの開発がほぼ不可能になってきました。そんな中、使うように求められている公式アプリは使い勝手が良くないと感じる人も多いでしょう。TweetDeckを我慢して使う人もいるはずです。そこで試して欲しいのがTJDeckです。スマートフォンでは使い勝手の悪いTwee...

List

  • 2018/09/24

AgentMaps - 地図上で病気や情報の拡散をシミュレート

世界で都市化が進んだり、飛行機による移動が当たり前になるにつれて、病気などの感染があっという間に広範囲に拡大するようになっています。日本に持ち込まれた病気の感染源を辿ったりするのは非常に困難になっています。そうした病気の感染などをシミュレーションするのがAgentMapsです。小さな町だけをシミュレートしていますが、観...

List

  • 2018/09/23

PAW.js - パスワードレス認証システム

パスワードによる認証が脆弱であるのはよく知られています。そのため多要素認証としてSMSを使ったり、認証コード生成アプリといった補助ツールが存在します。最近ではYubiKeyのようなハードウェアも使われています。そんな中、パスワードを使わない認証機能としてPAW.jsが登場しました。## PAW.jsの使い方まず登録を行...

None

  • 2018/09/22

reddid - Redditの画像を一気にダウンロード

Redditでは日々面白い話題が掲載されています。その一つとして写真コンテンツがあります。面白いものから格好良い、×××なものなどたくさんの写真コンテンツがあります。それらを逐一見ていくのは大変です。そこで使ってみたいのがreddidです。カテゴリなどを指定して一気に写真をダウンロードできるソフトウェアです。## re...