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

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

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

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

もっと見る

List

  • 2021/05/15

Kiri - Web用のマインドマップエディタ

考えを整理したり、新しいアイディアをひねり出す際に使われるのがマインドマップです。コツは網羅的に考えていくことで、最初から1つのポイントを深掘りしすぎると、全体のバランスが崩れてしまいます。そんなマインドマップをWebブラウザで提供するのがKiriになります。## Kiriの使い方メイン画面です。点線はアニメーションし...

List

  • 2021/05/15

Ruby2JS - RubyをJavaScriptに変換

Webブラウザで実行できるプログラミング言語はJavaScriptのみですが、素のJavaScriptを書きたくない人は多いです。TypeScriptは良い選択肢になっていますが、サーバサイドのプログラミング言語と使い分けるのが面倒という声もあるでしょう。今回紹介するRuby2JSはRubyのコードをJavaScrip...

List

  • 2021/05/14

UpMath - LaTeXに対応したMarkdownエディタ

MarkdownエディタはGUIまたはWebベースのものを使う人が多いでしょう。GUIはオフラインでも安心して使える反面、OS依存が発生します。Webベースならばブラウザさえあれば、どこからでも閲覧や編集ができるのが利点です。今回紹介するUpMathはMarkdownの中にLaTeXも組み込めるWebベースのエディタに...

List

  • 2021/05/13

Local Party - ローカルの動画を同期しながら皆で観る

どれだけつまらない映画でもみんなで見ると楽しかったりします。コロナ禍においては大人数で集まることは難しいですが、インターネットを通じて一つの場所に集まることはできるでしょう。今回紹介するLocal Partyはローカルにある動画をみんなで観て楽しむ、そんなソフトウェアです。## Local Partyの使い方新しく部屋...

List

  • 2021/05/12

Hashvatar - ハンドル名からアバターを生成

昔のサービスではプロフィールアイコンを設定していないと同じものを表示していましたが、最近はユーザ名のハッシュからアイコンを生成したりします。GitHubのアイコンもそうです。ちょっとだけでも違うとアイデンティティとして確立できるので良いです。今回紹介するHashvatarはそんなハッシュベースのアバターを生成するサービ...

List

  • 2021/05/12

electerm - Electron製のターミナル

今マルチプラットフォームで動作するソフトウェアを開発しようと思うとElectronが有力な候補になります。AtomやVisual Studio Codeなど様々なソフトウェアがElectronベースで作られており、その機能性を疑う人は少ないでしょう。今回紹介するelectermはElectronベースのターミナルソフト...

List

  • 2021/05/11

Dissonance - シンプルなDiscordクローン

最近開発者向けのオンラインコミュニティとしてDiscordに注目が集まっています。元々ゲーム系で強かったコミュニティですが、音声や画面共有も手軽にできる点でうけています。今回紹介するDissonanceはそんなDiscordを模したコミュニティソフトウェアとなっています。## Dissonanceの使い方サーバにログイ...

List

  • 2021/05/09

twemoji-image-picker - twemojiをmacOSの絵文字ピッカー風に選択

絵文字は色々な場面で使われます。時には画像として利用したくなるかも知れません。しかしAppleなどが提供している絵文字は著作権もあるのでおいそれと使えません。そういう時にはオープンな絵文字アイコンを使うのが良いでしょう。今回紹介するtwemoji-image-pickerはTwitterの提供するtwemoji

List

  • 2021/05/08

WhatsApp Clone PWA - WhatsApp風のUIを備えたメッセージアプリ

アメリカでメッセージングアプリと言えばWhatsAppが一番シェアを持っているでしょう。日本では様相が異なるので情報が届きづらいですが、アメリカ人の知り合いが多い人は使っているかも知れません。そんなWhatsApp風のUIをPWA(Progressive Web App)で再現したのがWhatsApp Clone PW...

List

  • 2021/05/05

Division By Zero - ドット絵で懐かしいアクションゲーム

最近の高機能、高解像度なグラフィックスを伴ったゲームも良いですが、ファミコン時代のレトロなゲームも楽しいものです。多少理不尽な作りであったり、厳密ではない物理エンジンも楽しさの一要素です。今回紹介するDivision By Zeroはそんな懐かしいファミコン風のゲームです。Webブラウザですぐに遊べます。## Divi...

List

  • 2021/05/05

Smile - 実行できるアスキーアート

世の中にはどう作っているのか分からないものがあります。例えば山手Quine

List

  • 2021/05/04

Squirrel Byte - JsonLogicを使ったデータエクスプローラ

REST APIで検索を作るのは意外と面倒です。GETパラメータの中に検索条件を設定しますが、複雑になればなるほど簡単ではなくなります。すべてANDなら良いですが、ORまで追加しようと思うと実装が大変です。そんな中登場したのがJsonLogic

List

  • 2021/05/02

Improve YouTube! - YouTubeのUI/UXを改善するブラウザ機能拡張

YouTubeには毎日たくさんの動画がアップロードされています。飽きることなく閲覧し、毎日観ている人もいるでしょう。それだけにYouTubeの使いづらい点が気になったりするかも知れません。今回紹介するImprove YouTube!はYouTubeのUI/UXを改善してくれる機能がたくさん詰まったブラウザ機能拡張です。...

List

  • 2021/05/01

Foxql - ブロックチェーンを使ったソーシャルネットワーク

インターネットにおいてプライバシーは大きな課題です。情報漏洩はもちろんのこと、GAFAなどに情報が吸い上げられている状況は、多くの国で懸念されています。インターネットはもっと自由であるべきです。今回紹介するFoxqlはP2Pをベースにしたソーシャルネットワークです。スケーラブル、そして自分のデータを自分で管理できるのが...

List

  • 2021/04/30

Web-Minecraft - 機能が多めのWebブラウザ用Minecraftクライアント

Minecraftを遊ぶ場合、専用のアプリケーションやスマートフォン/タブレットアプリなどを利用します。ちょっと試したいというだけにしては敷居が高いかも知れません。インストーラーをダウンロードしている内に気が変わってしまう可能性もあります。そこで使ってみたいのがWeb-Minecraftです。Webブラウザで遊べるMi...

List

  • 2021/04/29

"git clone" as a PWA - ブラウザでGitHubからclone

PWAはWebアプリケーションながら、まるでローカルアプリケーションのようなUIや機能を実現する技術群になります。HTML5のAPIもどんどん増えており、それらを使うことでローカルアプリケーションと同じような操作が行えるようになっています。今回紹介する"git clone" as a PWAはその一例です。File S...

List

  • 2021/04/27

Yahoo!ニュースの元記事を探す - Yahoo!ニュースから元記事へジャンプするユーザスクリプト

Yahoo!ニュースでは各メディアから提供されたニュース記事が掲載されています。しかし画像などの情報が抜け落ちていたり、リンクがなかったりと情報不足になっていることが良くあります。その結果、元記事を探したりする人も多いのではないでしょうか。そこで使ってみたいのがYahoo!ニュースの元記事を探すです。Yahoo!ニュー...

List

  • 2021/04/27

mk.js - Web上でストリートファイター風ゲーム

Web上で提供されるゲームというとパズルゲームが多いように思います。あまり高速な動作を必要とされないゲームであれば作りやすいでしょう。しかしJavaScriptも高速化しており、他のジャンルでも十分ゲーム開発が可能になっています。今回紹介するmk.jsはCanvasベースのファイティングゲームになります。## mk.j...

None

  • 2021/04/25

nginxbeautifier - nginxの設定ファイルを整形

nginxは多くのWebサービスで利用されています。かつてはApacheが主流でしたが、今はnginxの方が利用が多いような気がします。設定ファイルが独特ですが、複雑な条件も記述できるのが便利です。そんなnginxの設定ファイル、色々書きすぎてゴチャゴチャになったらnginxbeautifierを使って整形しましょう。...