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

Webの記事一覧

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

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

もっと見る

List

  • 2020/02/02

GoatCounter - プライバシーに配慮したトラッキングしないアクセス解析

Webにおいてプライバシー保護が重視されるようになっています。Google Chromeは2022年にサードパーティーCookieを廃止する予定を挙げており、広告業界のトラッキングへの影響は大きなものになりそうです。アクセス解析においても同様のことがいえるでしょう。GoatCounterは自分で立てる、トラッキングはし...

List

  • 2020/02/01

DartPad - オンラインのDartエディタ&実行環境

最近Dartを学びはじめました。SwiftやKotlin、TypeScriptなど多くの言語が似たような言語仕様になっているように感じます。しかし微妙に構文が違うので、余計な混乱につながってしまいます。そんなDartを試す環境としてDartPadを覚えておくといいでしょう。Flutterももちろん利用できます。## D...

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

Astuto - 利用者の声を聞こう。Ruby製のカスタマーフィードバックシステム

今はサービス提供側よりも、利用側(消費者など)の方が力を持っています。多くの商品が口コミによって拡散され、一気に伸びることもあれば、叩かれて消失してしまうこともあります。利用者の声を真摯に受け止めるのは大事なことです。今回紹介するAstutoは自分で構築するカスタマーフィードバックシステムです。## Astutoの使い...

List

  • 2020/01/29

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

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

List

  • 2020/01/28

React Spectrum - カラフルなテキスト用プレースホルダーを生成

Webやアプリのデザインを行う際に、アテで文字列を適用します。同じ文字を繰り返す、小説の一文を使うなど様々な方法がありますが、むしろテキストでない方がいいこともあるでしょう。そんな時に使ってみたいのがReact Spectrumです。カラフルなプレースホルダーを生成します。## React Spectrumの使い方生成...

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/24

Showdown - ポケモンバトルボット

ポケモンShowdown

List

  • 2020/01/22

SES - JavaScriptをセキュアに実行

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

List

  • 2020/01/22

git-story - GitのコミットメッセージをWebページ化

Gitのコミットメッセージは細かく書いていますか?CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。どうせ、そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。GitのコミットメッセージをHTMLにしてくれるソフトウェア...

None

  • 2020/01/21

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

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

List

  • 2020/01/20

Native JavaScript for Bootstrap - 脱jQueryしたBootstrap

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

List

  • 2020/01/20

pongloader - アセンブラ製のピンポンゲーム

コンピュータが生まれた黎明期に作られたといっても過言ではないゲームがピンポン(pong)でしょう。平たい板を上下に操作して、ボールを跳ね返すだけのシンプルなゲームです。シンプルなだけに、プログラミングを学ぶ題材にもよさそうです。今回紹介するpongloaderはわずか512バイトで作られたピンポンゲームです。## po...

List

  • 2020/01/17

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

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

List

  • 2020/01/16

EscherSketch - タイル状のシンメトリーデザインを簡単に作成

あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...