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

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

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

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

もっと見る

List

  • 2019/03/10

Icotar - アイコンを動的に配信するサーバ

SVGも広まってはいますが、それでもなおPNGなどの画像を利用しているケースは多いです。そんな時、デバイスごとに最適なサイズを考えないと過剰にネットワークを消費したり、低解像度な画像を配信したりしてしまいます。そこで使ってみたいのがIcotarです。Material Design

List

  • 2019/03/09

Orca - パーツを組み合わせて動く作品を作ろう

電子部品を組み合わせて動くものを作るのはとても楽しいです。光ったり、動いたりすると寝食を忘れて作り込んでしまったりするでしょう。プログラミングとはまた異なる楽しさがあります。そんな楽しさが味わえるのがOrcaです。ルールに沿ってパーツを組み合わせて動くものを作ります。## Orcaの使い方メイン画面です。各ドットに英数...

List

  • 2019/03/09

RainingChain - HTML5で作られたMMORPG

Webブラウザさえあれば実現できることがどんどん増えています。Webブラウザさえあればインストール不要でWebアプリケーションが利用でき、データの共有なども簡単です。今回はRainingChainを紹介します。Webブラウザ向けに作られたMMOPRGです。## RainingChainの使い方ゲーム画面です。まずユーザ...

List

  • 2019/03/06

winmine-exe - Windows95風のUIで遊ぶマインスイーパ

Windows95が出た時、誰もが遊んだゲームがマインスイーパでしょう。コンピュータは買ったものの、やることがない人や会社の暇つぶしに遊んだ人たちも多いはずです。そんな方たちがノスタルジックに浸れるのがwinmine-exeです。## winmine-exeの使い方一瞬分からないかも知れませんが、これはWebブラウザで...

List

  • 2019/03/05

DeskGap - Web技術でデスクトップアプリケーションを

JavaScriptが高速化したことで、WebViewベースであっても十分に使えるソフトウェアが開発できるようになっています。Visual Studio CodeやAtomなどはその一例です。今回紹介するDeskGapはそんなWebViewベースのデスクトップアプリケーションを開発できるフレームワークです。## Des...

None

  • 2019/03/04

Repolinter - 良いオープンソース・プロジェクトかどうか判定

オープンソース・ソフトウェアの定義は簡単で、OSIに認められたライセンスを使っているかどうかです。しかし、さらに使われるソフトウェアとなると話は別です。ソフトウェアが良いのはもちろんですが、他にも必要な情報があります。今回はオープンソース・プロジェクトが良いものかどうか判断してくれるRepolinterを紹介します。#...

List

  • 2019/03/03

MiniC - JavaScript製のC言語実行環境

Webブラウザが唯一サポートするプログラミング言語はJavaScriptだけです。そのため、Webアプリケーションを開発する際にはJavaScriptが避けて通れない道になります。その風穴になりそうなのがWebAssemblyです。別な言語から変換して実行できるWebAssemblyであればJavaScript以外の言...

List

  • 2019/03/03

Three.js Ballooning - 気球を見て癒やされよう

誰だって常に100%のパフォーマンスが出せる訳ではありません。時に疲れてしまって、休みたくなったり気分転換したいと思うことがあるでしょう。人はロボットではないので当然のことです。そんな時に見て欲しいのがThree.js Ballooningです。Three.jsを使って作られた気球の旅です。## Three.js Ba...

List

  • 2019/03/02

JS.Sketcher - Web上で3Dモデリング

IoTや3Dプリンタと言った文脈の中でハードウェアが存在意義を増しています。ちょっとしたオリジナルの部品を3Dプリンタで作ったり、IoTプロジェクトのハードカバーを作ったりします。そんな時に必要なのが3D CADになるでしょう。今回はWebブラウザ上で3DモデリングができるJS.Sketcherを紹介します。## JS...

List

  • 2019/03/01

docker-run.com - DockerをWebブラウザから実行

Dockerは開発時などに使うととても便利です。別なコンピュータであっても設定ファイル一つで同じ環境を再現できます。一度使うと手放せなくなるツールの一つでしょう。しかしデザイナーの方などはCUIが嫌かも知れません。そこで使ってみたいのがdocker-run.comです。WebブラウザからDockerを実行できる、そんな...

List

  • 2019/03/01

Electron webview - Electronをちょっと便利に

Electronを使うとWeb標準の技術を使ってマルチプラットフォームで動作するアプリケーションが作れますが、その多くの機能は自分で実装しないといけません。よくある機能については元々実装していて欲しいなと思いつつ、ほぼ自分で実装する必要があります。そこで使ってみたいのがElectron webviewです。Electr...

None

  • 2019/02/26

swc - Babelの18倍高速なJavaScriptコンバータ

JavaScriptはそのまま書くのではなく、書いた後に変換して使うケースが増えています。例えばTypeScriptであったり、Babelを使って新しいJavaScriptの仕様を使えるようにする、ReactのJSXを変換するといった具合です。そんな変換処理は実行速度が命です。遅いと変更するのが面倒になり、更新してから...

List

  • 2019/02/26

yuptude - 各種動画配信サイトの動画再生速度をコントロール

現在、多くの動画配信サイトがあります。特に大手のNetflixやAmazonプライムなどでは、動画の再生速度が変更できません。これは動画をどんどん見たい時に不便で、とても面倒だと感じていました。同じように感じていた人に朗報です。yuptudeを設置し、動画の速度を自由にコントロールしましょう。## yuptudeの使い...

List

  • 2019/02/25

CSSans Pro - CSS製のフォント

最近はWebFontが流行っており、Web上で格好良いテキスト表現ができるようになっています。しかしWebFontの弱点としては、基本的に単色のみということです(合字で可能にする方法もあるようですが)。それでは表現力が片手落ちでしょう。そこで参考にしたいのがCSSans Proです。CSSで作られたフォントになります。...

List

  • 2019/02/23

Git History - ビジュアル的な差分表示

バージョン管理の肝と言えるのが差分表示でしょう。何か誤った更新があっても確認ができて、必要に応じて差し戻すこともできます。多くの場合、上下または左右に並べて比較できるようになっています。今回はその新しい表示方式としてGit Historyを紹介します。ビジュアル的に優れた格好良い差分ビューワーです。## Git His...

List

  • 2019/02/22

jeelizGlanceTracker - 顔を認識して動画の再生/停止

YouTubeなどの動画を見ていて、人に呼ばれて離席している間に良い場面が過ぎてしまったなんて経験ないでしょうか。シークを戻せば良いですが、面倒ですよね。自分がいない時には自動的に再生が止まってくれると便利そうです。そこで使ってみたいのがjeelizGlanceTrackerです。顔を認識し、動画の再生や停止に利用する...

List

  • 2019/02/22

jeelizWeboji - Webカメラでアニ文字風

アニ文字はビデオチャットが普及しない日本ではあまり使われていませんが、VTuber的な遊びもできるので面白い技術です。しかし専用アプリを介してしか使えないので、利用のためには敷居が高い状態です。そこで使ってみたいのがjeelizWebojiです。Webカメラの映像を認識し、アニメに反映してくれるソフトウェアです。## ...

List

  • 2019/02/21

photoEditor - Webブラウザ上で画像編集

Webアプリケーションでできることの幅が広がっていますが、最近ではさらにWebブラウザ上だけでできることも広がっています。Webブラウザ上のJavaScript、ワーカー、WebAssemblyと機能が拡充しています。今回はphotoEditorを紹介します。クリック一つで画像を加工できる、そんなWebアプリケーション...

List

  • 2019/02/19

Torrent Web - TorrentをWebブラウザから使う

UbuntuやRasbianなど巨大なイメージファイルをダウンロードする際、HTTPよりもTorrentを使った方が速いことが多いです。しかしTorrentのイメージが悪く、会社などでインストールするのは難しいかも知れません。そこで使ってみたいのがTorrent Webです。TorrentのWeb UIに相当するソフト...

List

  • 2019/02/19

run.rb - RubyをWebブラウザ上で実行

Web上でJavaScript以外のプログラミング言語を使いたいという夢は昔から存在します。一時はActionScriptとJava、そしてC#が使えました。しかし今ではJavaScript一色です。しかし私たちにはWebAssemblyがあります。今回はWebAssemblyを使ってWebブラウザ上でRubyを動かす...