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

Webの記事一覧

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

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

もっと見る

List

  • 2019/07/14

Darkmode.js - Webサイトにダークモードを手軽に導入

macOSでダークモードが導入されて以降、一気にその波が広がっています。アプリなどもダークモードをサポートしたり、Webサイトでも行われるようになっています。プログラマやエンジニアでは背景を黒くするのが当たり前だったので、時代が追いついたと言えなくもなさそうです。そんなダークモードをWebサイトでも使えるようにするのが...

List

  • 2019/07/13

statbox2 - 完成度の高い宮崎県向けデータ可視化システムのプロトタイプ

行政で使われるシステムは決して安価ではありません。利用者像が様々であり、ユニバーサルデザインにも気を配らないといけないため、開発工数が増しがちです。しかし、その結果として使い勝手の悪いシステムができるのではな意味がありません。今回紹介するstatbox2は、新みやざき統計BOXで使われる機能のプロトタイプです。このシス...

List

  • 2019/07/13

Flutter Tasky - Google TodoをFlutterで再現

Flutterがにわかに盛り上がっています。Flutter Webの登場によって、スマートフォンアプリからWebサイトまでDartで開発できるようになったのは大きな要因でしょう。試してみたいと思いつつ、二の足を踏んでしまっている方もいるでしょう。そんな方はFlutter Taskyから学んでみてはいかがでしょう。Goo...

List

  • 2019/07/11

Point and Click Game - Webブラウザ用の脱出ゲームエンジン

脱出ゲームは人気のあるコンテンツです。アプリはもちろん、リアル脱出ゲームも人気があります。壁や家具などから様々なアイテムをゲットして、部屋を出たり、建物から脱出します。そんな脱出ゲームを作るのに使えそうなゲームエンジンがPoint and Click Gameになります。## Point and Click Gameの...

List

  • 2019/07/10

oldTerminal - Web上で昔懐かしいターミナルの画面を再現

開発者にとってターミナルは切っても切り離せない存在です。もしターミナルがなかったら仕事にならないという人も多いですし、Windowsのターミナルが新しくなることで生産性が向上する人も多いのではないでしょうか。そんなターミナルの画面をWeb上に再現するのがoldTerminalです。名前の通り、古いターミナルの画面です。...

List

  • 2019/07/06

Olivia - チャットボット用AI

汎用的なAI(人工知能)を作り上げるのは相当困難で、まだまだ実現は難しいでしょう。一定の縛りがあってこそ、機械学習やAIといった分野が活きてきます。チャットボットのその一つのカテゴリとして知られています。今回紹介するOliviaは対話側のAIになります。日本語は使えませんが、対話ができます。## Oliviaの使い方デ...

List

  • 2019/07/05

Kanban Board PWA - PWAのカンバンシステム

カンバンはタスクだけに限らず、情報をステータスに沿って管理するのに役立ちます。多くの場合、そのデータをサーバサイドに保存しますが、ちょっとしたものであればクライアントでも問題ないでしょう。今回紹介するKanban Board PWAはカンバンシステムをPWAにした、そんなソフトウェアです。## Kanban Board...

List

  • 2019/07/04

Scene.js - JavaScriptでタイムラインベースのアニメーション

アニメーションの基本はタイムラインベースでしょう。様々なオブジェクトをいつのタイミングで動かすのか、どこに動かすのかをタイムラインに沿って決めます。その結果、複雑なアニメーションが実現できます。今回紹介するScene.jsはWeb上でのアニメーションを実現するライブラリです。## Scene.jsの使い方JavaScr...

List

  • 2019/07/04

TradingView - ファイナンス系グラフライブラリ

世の中には様々なグラフ、チャートがあります。その一つとしてファイナンス系があります。FXや株などで表示されるグラフは特殊で、さらにデータをリアルタイムに処理するのが重要です。今回紹介するTradingViewはまさにそういった用途で使われるグラフライブラリになります。## TradingViewの使い方ローソクチャート...

List

  • 2019/07/03

textFit - 枠に合わせてテキストを最大表示

Webの表現力は高く、ウィンドウの幅によってテキストの行数が変わってしまったりします。その結果、デザイナーの意図した表示にならないことも多く、かといって固定サイズにすると閲覧者にストレスを与えることにもなりかねません。そこで使ってみたいのがtextFitです。テキストを枠の中に収まる形で最適化してくれるライブラリです。...

List

  • 2019/07/03

GraphvizOnline - GraphvizをWebブラウザ上で使う

複雑なチャートを描く際に、ExcelやPowerPointを使っていては、後々の更新コストが大きくなります。そこでお勧めなのがGraphvizです。dotファイルを作れば、チャート化する部分は自動で任せられるようになります。今回紹介するGraphvizOnlineはWeb上でGraphvizを試せるツールです。各自のロ...

List

  • 2019/07/02

太鼓ウェブ - 太鼓の達人非公式シミュレータ

太鼓の達人は人気の衰えないゲームです。ゲームセンターはもちろん、家庭用ゲーム機としても提供されています。しかし、それだけでは満足できない人たちがいます。楽曲の数を増やしたり、さらに難しく楽しみたい人たちがいます。そんな方たちの情熱によって作られているのが太鼓ウェブです。本物かと見まごうばかりの太鼓の達人シミュレータです...

List

  • 2019/07/02

GitHub Card - GitHubリポジトリ情報をカード表示

GitHubのプロジェクトは個人のプロフィールであったり、企業としての技術力アピールとして利用できます。ブログや自社サイトにリポジトリ情報を掲載したい方も多いのではないでしょうか。そんな方にお勧めなのがGitHub Cardです。リポジトリ情報を手軽にカード表示にします。## GitHub Cardの使い方例えばこんな...

List

  • 2019/07/01

dockerdot - Dockerfileの依存性を可視化

Dockerはまるで魔法のように環境が整います。開発環境を整えるのに不便な思いをしてきた人からすれば、これほど手軽なものはありません。しかし、その動作がどうなっているのかはきちんと知っておく必要があるでしょう。そんなDockerの設定ファイル(Dockerfile)の依存性などをビジュアル化してくれるのがdockerd...

List

  • 2019/06/29

OpenMo - どこでも使えるオープンな絵文字

絵文字は様々なサービス、アプリで使われるようになっています。AppleやAndroid、Slack、Facebook、Twitterなどが各社独自の絵文字を作っており、完全に統一されている訳ではありません。また、それらは各サービスのものであり、自由に使える訳ではありません(Twitterの絵文字はオープンソースです)。...

List

  • 2019/06/29

CanvasKit - WebAssemblyを使ってアニメーション

WebAssemblyはWeb上で高速実行されるバイナリフォーマットです。しかし問題として、DOMは扱えません。もしDOMを使う場合にはWebブラウザ側にメッセージを流してJavaScriptで更新するか、Canvasのメモリを直接書き換える方法になります。今回紹介するCanvasKitはアニメーションライブラリである...

List

  • 2019/06/28

Nullboard - シンプルなカンバンシステム

カンバンシステムはプロジェクト管理をはじめ、情報をステータスごとに管理する際に便利に使われています。社内でも使っている人たちは多いのではないでしょうか。仕組みもすぐに覚えられますし、アイディア次第で応用が様々に考えられます。今回紹介するNullboardはシンプルなカンバンになります。コンパクトで読みやすさを重視してい...

List

  • 2019/06/27

COCO Annotator - 機械学習用に画像のタグ付け

機械学習で面倒なのは最初のデータセット作りでしょう。画像のタグ付けを行う場合、まずトレーニング用のデータをアノテーションしなければなりません。この結果によって精度が変わるのでしっかりやらないといけませんが、手間がかかります。そんなアノテーションを少しでも楽にしてくれるのがCOCO Annotatorです。## COCO...

List

  • 2019/06/27

Sol Journal - シンプルなジャーナルアプリ

日記を書いていますか。ブログで代行もできますが、日記は誰かに公開するものではなく、個人的なものです。秘密の内容を書くこともできれば、単に徒然なるままに書き連ねることもできます。記録しておくことで、後で振り替えれるようになります。今回紹介するSol JournalはWebベースの日記帳(ジャーナルアプリ)です。PWAにも...

List

  • 2019/06/26

jlua - Web上で動作するLua

JavaScriptはWebブラウザ上で動くことが保証されている唯一のプログラミング言語ですが、素のままでは書きたくないという人たちはたくさんいます。型がないため、動作保証するのが難しい、言語体系が好きではないなど様々です。そこでLua好きな人に贈りたいのがjluaです。JavaScriptではなくLuaでWebアプリ...