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

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

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

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

もっと見る

List

  • 2020/02/06

JsBattle - 対戦ゲームを通じてプログラミングを学ぶ

プログラミングを覚えるのにゲーミフィケーションを取り入れるのはいいアイディアです。ただひたすらに写経しながら覚えるのは忍耐力が必要ですし、目的があった方がモチベーションが維持しやすいでしょう。今回紹介するJsBattleはJavaScriptをゲームを通して学べるソフトウェアです。## JsBattleの使い方トップペ...

List

  • 2020/02/05

mute.vc - VCな人たちをまとめてミュート

Twitterにはブロックではなくミュート機能というのもあります。ブロックするほどではないけれど、ツイートを見たくないという時に使える機能です。せっかくTwitterを楽しんでいるのに、見たくないツイートで残念な気分になるのは避けたいものです。今回紹介するmute.vcはいわゆるVC(ベンチャーキャピタル)に関わる人た...

List

  • 2020/02/04

The Aviator - 飛行機を飛ばし続ける3Dゲーム

ゲームを作ってみたいと思っている方は多いでしょう。凝ったゲームを作るのは時間も技術も必要になりますが、簡易的なものを作って徐々にステップアップしていくこともできます。今回紹介するThe Aviatorはそんなステップを歩んで作られた3Dゲームです。## The Aviatorの使い方ゲーム画面です。!

List

  • 2020/02/02

jExcel - Web上でExcelレベルの表計算機能を実現

業務システムをWebアプリケーション化すると、必ず一覧表の機能が必要になります。そして、テーブル組などで簡単に終わらせようとすると、並び替えやインライン編集などの機能要望が出てきます。今回紹介するjExcelはExcel風の表計算機能をWeb上で実現してくれるソフトウェアです。## jExcelの使い方ページネーション...

List

  • 2020/01/31

Rainbrow - Webカメラでキャラクターを操作するRainbrowクローン

ゲームで入力操作を行う場合、キーボードやマウス、専用コントローラーが使われます。スマートフォンやタブレットの場合、マルチタッチ操作を使うでしょう。しかし、他にも入力操作できる仕組みがあるはずです。それはカメラです。カメラを使ってキャラクターを操作する、そんなゲームがRainbrowです。## Rainbrowの使い方絵...

List

  • 2020/01/30

Peak map - 地図上に等高線を表示して立体的に表示

山登りをする人であれば、等高線を用いた地図を見ているだけで楽しい気分になるのを理解できるでしょう。実際に歩いているところを想像したり、ルートを探索したりするのも楽しいです。そんな方(だけでなく)楽しめるソフトウェアがPeak mapです。## Peak mapの使い方元の地図。!

List

  • 2020/01/30

Multiplayer 2d car game! - マルチプレイヤーで接続して遊べるゲームの基盤に

ゲームは一人でやっても面白いですが、複数人になるとさらに面白さが増します。コンピュータ相手に戦うのでは味気ないですが、友達やインターネットを通じた人とゲームを興じるのは、思いもしなかった展開になったりすることでしょう。今回紹介するMultiplayer 2d car game!はそんなWebブラウザゲームの基盤に使えそ...

List

  • 2020/01/29

Weboji - Webブラウザ用のアニ文字

iOSに搭載されているアニ文字は利用しているでしょうか。メッセージなどで使うことはあっても、テレビ電話的に使う文化があまりない日本では利用者は多くないかも知れません。技術的には顔認識と、その表情や動きを絵文字に反映する点が面白いです。そんなアニ文字をWebブラウザ上で実現するのがWebojiです。Webカメラの顔トラッ...

List

  • 2020/01/27

Timelite - 時間の使い方を可視化する時間管理

ふと気がつくと夕方、さらに深夜になっていたなんて経験ないでしょうか。目標だった仕事がなかなか終わらず、時間だけが過ぎ去っていく…そんな経験をしたことは少なからずあるはずです。何が問題なのか、それを知るためには、まず時間の使い方を可視化するのが大事です。それを可能にするのがTimeliteです。## Timeliteの使...

List

  • 2020/01/27

G6 - ノードの繋がりを可視化するチャートライブラリ

Webの表現力を補うために多くのデータビジュアル化ライブラリが存在します。グラフのようなものもあれば、さらに複雑なチャートライブラリもあります。アニメーションしたり、高速で表示されたりと様々な特徴があります。G6はノード同士を連携し、それを表現するのを得意とするチャートライブラリになります。## G6の使い方サンプルで...

List

  • 2020/01/26

Canvas-Notes - メモ × ペイントなWebアプリ

Webベースのメモソフトウェアは星の数ほど存在します。多くはテキストを記述する機能と、画像アップロード機能になるでしょう。画像は別途画像編集やペイントアプリで作成しなければなりません。今回紹介するCanvas-Notesはテキストを記述する機能に加えて、Canvasを使ったスケッチ機能も備わったメモソフトウェアです。#...

List

  • 2020/01/25

isocity - 小さな箱庭で自分の街を作る

シムシティに代表される、シミュレーションゲームが好きな人たちは大勢います。箱庭的な空間で自分が最高と考える都市を造ったり、ビルを造りあげるのはとても面白いです。個人的にも大好きなのですが、時間を奪いすぎるので控えるようにしています。そんな街作りが好きな人であればきっとisocityが楽しめるはずです。## isocit...

List

  • 2020/01/23

NodeTube - 画像や音楽もアップロードできるYouTube代替

YouTubeの持つ力はとても大きいです。YouTuberをはじめ、様々な新しい文化を生み出しています。その中から新しいスターが日々誕生しており、YouTubeを頼る人たちがどんどん増えています。そんなYouTube代替ともいえるのがNodeTubeです。動画だけでなく、画像やオーディオもアップロードできます。## N...

List

  • 2020/01/22

SES - JavaScriptをセキュアに実行

JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できる...

None

  • 2020/01/21

2020 - OpenFaaSの使い方を学ぶFaaSサンプル

FaaS(Function as a Service)と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...

List

  • 2020/01/21

mastogetter - ますとげったー。Mastodon版Togetter

Twitterはリアルタイムに情報が流れていきます。爆発的に一気に盛り上がった話題も、刻々と新しい話題に移り変わってしまい、その余韻も残りません。そこで使われるのがTogetterで、ツイートをストックして残せる仕組みです。分散型Twitterとして知られるMastodonについては、mastogetter(ますとげっ...

List

  • 2020/01/20

Native JavaScript for Bootstrap - 脱jQueryしたBootstrap

Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す

List

  • 2020/01/19

CPod - シンプルで綺麗なUIのポッドキャスティングアプリ

ポッドキャスティングのいいところは動画やテキストと異なり、ながら作業が可能なことです。ラジオを流しながら仕事をするような感覚で、ポッドキャスティングを流しながら別なことができます。今回紹介するCPodはシンプルで美しいUIなポッドキャスティングアプリです。## CPodの使い方メイン画面です。デフォルトで幾つかのポッド...

List

  • 2020/01/18

Twizzle - ツイート送信とDMに特化したTwitterクライアント

Twitterではあまりタイムラインを見ていなかったりします(そもそもそんなにフォローしていないというのもあるのですが)。個人的なつぶやきであったり、知り合いとのDM用に使っているという人は意外と多いのではないでしょうか。そんな方にお勧めなのがTwizzleです。メニューバーからのツイート、メッセージに特化したTwit...

List

  • 2020/01/17

Kutt.it - 自分で立てる短縮URLサービス

短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました(社内向けは残っていますが)。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。そこで知っておきたいの...