プログラミング言語 - JavaScriptの記事一覧
Jekyll Admin - Jekyll用のWeb管理画面
個人的に最近利用が多いJekyll。GitHub Pagesが標準で対応してくれていることもあって、JekyllベースでWebサイトを構築することが多いです。そんなJekyllでちょっと面倒なのが、データ管理がすべてローカルOSのファイル管理頼りなことでしょう（それが良さでもあるのですが）。そこで使ってみたいのがJek...
jsmind - Webベースのマインドマッピング
マインドマッピングは考えを整理するのに便利なツールです。人によって会議の内容をマインドマッピングでまとめていたり、ブレインストーミング側に使ったりします。いずれにしても思考を広げるのに使えます。そんなマインドマッピングをWeb上でできるようにするのがjsmindです。## jsmindの使い方メイン画面です。!
ASS.js - 動画に字幕を表示
英語や中国語など、他言語で流れる動画には字幕が欲しいものでしょう。YouTubeやNetflixなど動画配信サイトでは字幕の表示、非表示を切り替えられます。あんな機能が欲しいと思ったことはないでしょうか。今回紹介するASS.jsはHTML5のvideoタグに対してASSフォーマットの字幕を表示できるライブラリです。##...
upload.express - React製のファイル共有サービス
インターネットを通じたファイル共有サービスはたくさんあります。日本でも幾つかあり、ビジネスでも使われていたりします（ユーザ情報漏洩して炎上したりもしていましたが）。それだけ需要が大きい分野なのでしょう。今回紹介するupload.expressはそんなファイル共有サービスの一つです。UIでReactを採用し、モダンな作り...
SeaPig - 多彩な図形埋め込みに対応したMarkdownエディタ
Markdownは開発者にとってデファクトスタンダードと言えるフォーマットになっています。そうなるとたくさんのエディタが生まれます。その中には独自の拡張を追加して、標準のMarkdownでは物足りない機能を補うことでしょう。今回紹介するSeaPigもそんなMarkdownエディタの一つです。チャートを書くことの多いプロ...
shiori - ターミナル/Webで使えるシンプルなブックマーク管理
ブックマークを管理するのはWebブラウザに付属のものを使うのが基本ですが、大量のブックマークをすると管理が煩雑になります。そこでソーシャルブックマークを使うようになりますが、データを公開したくないと考える人も大勢います。そこで使ってみたいのがshioriです。ターミナルやWebで使えるブックマーク管理です。## shi...
Textyle.js - シンプルなテキストエフェクトライブラリ
単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。あまり派手なものは嫌われるかも知れませんので、シンプルなものが良いという方はTextyle.jsを使ってみ...
Emoji Button - フレームワークに頼らない絵文字ピッカー
JavaScriptライブラリの多くが外部のフレームワークやライブラリに依存しています。そうした外部ライブラリを用いることで、コード量が減らせるメリットがありますが、依存性が発生してしまいます。そこで逆に依存性が一切ないライブラリに需要が出ます。今回紹介するEmoji Buttonは依存ライブラリのない絵文字ピッカーで...
Dark Mode Toggle - ダークモード切り替え用Webコンポーネント
macOSから始まったダークモードは一気に広がっています。デスクトップはもちろん、Webサイトにおいてもダークモードの需要が高まっています。しかし、単純に暗いCSSを用意すれば良いだけではありません。ユーザにとって使いやすいダークモードを提供するために使ってみたいのがDark Mode Toggleです。Googleが...
Looper - Webブラウザ上でループするアニメーションGIFを作成
アニメーションGIFはループする動画が簡単に作れるとあって、繋ぎが感じられないループアニメーションが映えます。アニメーションGIFを一から作るのは大変ですが、動画を使ったりプログラムで組んだりできます。今回紹介するLooperはそんなアニメーションGIFを生成するためのソフトウェアです。すべてプログラミングして作成しま...
Malware & URL Scanner - 危険性のあるURLかどうかチェックするGoogle Chrome機能拡張
マルウェアや、それを配布するURLは怖いものです。訪問するだけでマルウェアに感染するサイトもあります。Googleの検索結果などではそれらを警告したりしますが、思わず踏んでしまったという経験がある人もいるでしょう。今回はGoogle Chrome機能拡張を使って害あるURLをスキャンしてくれるMalware & URL...
mu-epub-reader - 翻訳機能が付いた電子書籍リーダー
電子書籍コンテンツが増えてきています。ePUb3も作成がそれほど難しいものではなくなり、開発者が自由に作れるようになったのが大きいでしょう。次のニーズはリーダーになってきます。今回紹介するmu-epub-readerはePubリーダーですが、翻訳機能が入っているのが特徴になります。## mu-epub-readerの使...
Sight - Google Chromeでソースコードをシンタックスハイライト化
開発者であれば、開発中はコードをシンタックスハイライトして表示しているはずです。ハイライト表示されていない状態では内容の把握すら辛いはずです。多くの開発者向けサービスであればシンタックスハイライトに対応していますが、ただのコードが書かれたファイルにアクセスした場合には素の状態で表示されてしまいます。そこで使ってみたいの...
VOIDCALL - 13KBという制限の中で作られたJavaScript製ゲーム
かつてのファミコンゲームがごくわずかなリソースを活用して作られていたりして話題になります。リソースが潤沢な現在ではなかなか思いつかないようなアイディアに溢れています。今回紹介するVOIDCALLはJavaScriptのゲームを13KB以下で作成する、そんなコンテストで作られた作品です。## VOIDCALLの使い方ゲー...
jsonbox.io - ユーザ登録不要で使えるJSONストレージサーバ
ただちょっとしたデータを保存したいだけなのに面倒なユーザ登録であったり、設定が必要となると気持ちが萎えてしまいます。せっかくの作ろうという熱量を維持するためには、とにかく簡単に使える仕組みが必要です。今回紹介するjsonbox.ioはまさにそのためのソフトウェアです。ユーザ登録も不要でJSONデータの送受信ができます。...
Web Radio Visualizer - Webラジオを音源としたビジュアライザー
オーディオのビジュアライザーをずっと見ていても飽きないという人は多いでしょう。ただ音楽を流すだけでなく、可視化することで別な楽しさが生まれます。そのため、幾つものパターンが作られています。今回紹介するWeb Radio VisualizerはWebラジオを音源としたビジュアライザーです。## Web Radio Vis...
WhatFreeWords - 位置情報を三つの単語に置き換え
スマートフォンが隆盛になるのに合わせて注目が集まっているのが位置情報です。位置情報を使ったサービスは実に多いですが、あの数字だけのデータは使い勝手が良いとは言えません。そんな現状を改善しようと取り組んでいるのがWhatFreeWordsです。位置情報をたった三つの単語に置き換えます。## WhatFreeWordsの使...
CopyToMarkdownAddIn - ExcelとMarkdownの表を相互変換
Markdownで表を記述する機会は多いはずです。その表も簡単なものであれば手作業でできますが、大型であったり複雑なものは書くのも困難です。そこでExcelを使って作成し、正規表現でMarkdown用に整形したりします。そんな手間を解決してくれるのがCopyToMarkdownAddInです。ExcelとMarkdow...
STREAMA - 自分で立てるストリーミング動画配信サーバ
動画配信サービスがたくさん出てきました。NetflixやAmazonのような大手から、Disney+やDplay、DAZNのような特定ジャンルに特化した配信サービスもあります。日々動画を見ている人も多いでしょう。しかし開発者としては見ているだけでは面白くありません。配信側になりたいという方はSTREAMAを見てみましょ...
Sshwifty - Webブラウザ向けのSSH/Telnetクライアント
従来はローカルアプリケーションだったものが、どんどんWebアプリケーション化しています。開発環境においてもクラウドIDEが使われるようになっています。殆どの操作がWebブラウザ上でできるようになるでしょう。今回紹介するSshwiftyはSSHクライアントをWebブラウザベースで提供します。## Sshwiftyの使い方...