プログラミング言語 - JavaScriptの記事一覧
Kiri - Web用のマインドマップエディタ
考えを整理したり、新しいアイディアをひねり出す際に使われるのがマインドマップです。コツは網羅的に考えていくことで、最初から1つのポイントを深掘りしすぎると、全体のバランスが崩れてしまいます。そんなマインドマップをWebブラウザで提供するのがKiriになります。## Kiriの使い方メイン画面です。点線はアニメーションし...
Ruby2JS - RubyをJavaScriptに変換
Webブラウザで実行できるプログラミング言語はJavaScriptのみですが、素のJavaScriptを書きたくない人は多いです。TypeScriptは良い選択肢になっていますが、サーバサイドのプログラミング言語と使い分けるのが面倒という声もあるでしょう。今回紹介するRuby2JSはRubyのコードをJavaScrip...
UpMath - LaTeXに対応したMarkdownエディタ
MarkdownエディタはGUIまたはWebベースのものを使う人が多いでしょう。GUIはオフラインでも安心して使える反面、OS依存が発生します。Webベースならばブラウザさえあれば、どこからでも閲覧や編集ができるのが利点です。今回紹介するUpMathはMarkdownの中にLaTeXも組み込めるWebベースのエディタに...
Local Party - ローカルの動画を同期しながら皆で観る
どれだけつまらない映画でもみんなで見ると楽しかったりします。コロナ禍においては大人数で集まることは難しいですが、インターネットを通じて一つの場所に集まることはできるでしょう。今回紹介するLocal Partyはローカルにある動画をみんなで観て楽しむ、そんなソフトウェアです。## Local Partyの使い方新しく部屋...
Hashvatar - ハンドル名からアバターを生成
昔のサービスではプロフィールアイコンを設定していないと同じものを表示していましたが、最近はユーザ名のハッシュからアイコンを生成したりします。GitHubのアイコンもそうです。ちょっとだけでも違うとアイデンティティとして確立できるので良いです。今回紹介するHashvatarはそんなハッシュベースのアバターを生成するサービ...
electerm - Electron製のターミナル
今マルチプラットフォームで動作するソフトウェアを開発しようと思うとElectronが有力な候補になります。AtomやVisual Studio Codeなど様々なソフトウェアがElectronベースで作られており、その機能性を疑う人は少ないでしょう。今回紹介するelectermはElectronベースのターミナルソフト...
Dissonance - シンプルなDiscordクローン
最近開発者向けのオンラインコミュニティとしてDiscordに注目が集まっています。元々ゲーム系で強かったコミュニティですが、音声や画面共有も手軽にできる点でうけています。今回紹介するDissonanceはそんなDiscordを模したコミュニティソフトウェアとなっています。## Dissonanceの使い方サーバにログイ...
twemoji-image-picker - twemojiをmacOSの絵文字ピッカー風に選択
絵文字は色々な場面で使われます。時には画像として利用したくなるかも知れません。しかしAppleなどが提供している絵文字は著作権もあるのでおいそれと使えません。そういう時にはオープンな絵文字アイコンを使うのが良いでしょう。今回紹介するtwemoji-image-pickerはTwitterの提供するtwemoji
WhatsApp Clone PWA - WhatsApp風のUIを備えたメッセージアプリ
アメリカでメッセージングアプリと言えばWhatsAppが一番シェアを持っているでしょう。日本では様相が異なるので情報が届きづらいですが、アメリカ人の知り合いが多い人は使っているかも知れません。そんなWhatsApp風のUIをPWA（Progressive Web App）で再現したのがWhatsApp Clone PW...
Division By Zero - ドット絵で懐かしいアクションゲーム
最近の高機能、高解像度なグラフィックスを伴ったゲームも良いですが、ファミコン時代のレトロなゲームも楽しいものです。多少理不尽な作りであったり、厳密ではない物理エンジンも楽しさの一要素です。今回紹介するDivision By Zeroはそんな懐かしいファミコン風のゲームです。Webブラウザですぐに遊べます。## Divi...
Smile - 実行できるアスキーアート
世の中にはどう作っているのか分からないものがあります。例えば山手Quine
Squirrel Byte - JsonLogicを使ったデータエクスプローラ
REST APIで検索を作るのは意外と面倒です。GETパラメータの中に検索条件を設定しますが、複雑になればなるほど簡単ではなくなります。すべてANDなら良いですが、ORまで追加しようと思うと実装が大変です。そんな中登場したのがJsonLogic
Improve YouTube! - YouTubeのUI/UXを改善するブラウザ機能拡張
YouTubeには毎日たくさんの動画がアップロードされています。飽きることなく閲覧し、毎日観ている人もいるでしょう。それだけにYouTubeの使いづらい点が気になったりするかも知れません。今回紹介するImprove YouTube!はYouTubeのUI/UXを改善してくれる機能がたくさん詰まったブラウザ機能拡張です。...
Foxql - ブロックチェーンを使ったソーシャルネットワーク
インターネットにおいてプライバシーは大きな課題です。情報漏洩はもちろんのこと、GAFAなどに情報が吸い上げられている状況は、多くの国で懸念されています。インターネットはもっと自由であるべきです。今回紹介するFoxqlはP2Pをベースにしたソーシャルネットワークです。スケーラブル、そして自分のデータを自分で管理できるのが...
Web-Minecraft - 機能が多めのWebブラウザ用Minecraftクライアント
Minecraftを遊ぶ場合、専用のアプリケーションやスマートフォン/タブレットアプリなどを利用します。ちょっと試したいというだけにしては敷居が高いかも知れません。インストーラーをダウンロードしている内に気が変わってしまう可能性もあります。そこで使ってみたいのがWeb-Minecraftです。Webブラウザで遊べるMi...
"git clone" as a PWA - ブラウザでGitHubからclone
PWAはWebアプリケーションながら、まるでローカルアプリケーションのようなUIや機能を実現する技術群になります。HTML5のAPIもどんどん増えており、それらを使うことでローカルアプリケーションと同じような操作が行えるようになっています。今回紹介する"git clone" as a PWAはその一例です。File S...
Yahoo!ニュースの元記事を探す - Yahoo!ニュースから元記事へジャンプするユーザスクリプト
Yahoo!ニュースでは各メディアから提供されたニュース記事が掲載されています。しかし画像などの情報が抜け落ちていたり、リンクがなかったりと情報不足になっていることが良くあります。その結果、元記事を探したりする人も多いのではないでしょうか。そこで使ってみたいのがYahoo!ニュースの元記事を探すです。Yahoo!ニュー...
mk.js - Web上でストリートファイター風ゲーム
Web上で提供されるゲームというとパズルゲームが多いように思います。あまり高速な動作を必要とされないゲームであれば作りやすいでしょう。しかしJavaScriptも高速化しており、他のジャンルでも十分ゲーム開発が可能になっています。今回紹介するmk.jsはCanvasベースのファイティングゲームになります。## mk.j...
nginxbeautifier - nginxの設定ファイルを整形
nginxは多くのWebサービスで利用されています。かつてはApacheが主流でしたが、今はnginxの方が利用が多いような気がします。設定ファイルが独特ですが、複雑な条件も記述できるのが便利です。そんなnginxの設定ファイル、色々書きすぎてゴチャゴチャになったらnginxbeautifierを使って整形しましょう。...