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

Webの記事一覧

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

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

もっと見る

List

  • 2019/04/26

Docsy - オープンソースな仕組みを取り入れたドキュメントサイトテンプレート

読みやすい開発者ドキュメントはDevRelにおいて大事な要件になります。コンテンツはもちろんですが、サイトとしても読みやすくできていなければなりません。文字サイズやインデックス、コードの可読性などが要素として考えられます。今回はGoogleがメンテナンスしているDocsyを紹介します。DocsyはHugo向けのテンプレ...

List

  • 2019/04/26

epr - CUIのePubリーダー

ePubファイルはHTML/JavaScript/CSSを使ったフォーマットですが、Webブラウザで見られるものではありません。専用のソフトウェアを用意しなければならず、ちょっと面倒です。そこで使ってみたいのがeprです。CUIで使えて、さっとePubファイルの内容を確認するのに便利なソフトウェアです。## eprの使...

List

  • 2019/04/25

Pontoon - Mozilla製の翻訳プラットフォーム

言語の壁は非常に高く、日本語コンテンツがあるかどうかで日本人の利用率は大きく変わってきます。有益なソフトウェアであれば英語でも何とか頑張りますが、同じようなものが日本語コンテンツを提供しているならば、そちらを選択することでしょう。だからこそローカライズは重要になります。今回はMozillaが開発しているPontoonを...

List

  • 2019/04/25

GitHub Viewer - GitHubのリポジトリを検索

GitHubがないと仕事にならないという開発者は多いでしょう。社内ではGitHub Enterpriseを使っていても、ライブラリはGitHub.com上で公開されていたりします。万一にもGitHub.comが落ちたりすると参照やインストールもできず詰んでしまったりします。そんな開発者の命とも言えるGitHubを検索す...

List

  • 2019/04/24

tetris - Webブラウザ用テトリス

名前ですべて分かってしまうのですが。ソフトウェアをインストールする時代はすでに終わっています。スマートフォンアプリは殆どインストールされることがなく、デスクトップ向けのソフトウェアもどんどんWeb化が進んでいます。時間つぶし系のゲームは特にその傾向が強いでしょう。今回紹介するtetrisはあのテトリスをWebアプリケー...

List

  • 2019/04/24

Editor.js - ブロック単位で編集するWYSIWYGエディタ

WYSIWYGなエディタは長い歴史があります。CKEditorのような重厚なものが好まれた時期もあれば、現在はWebページ上でインラインで編集できるものが好まれる傾向にあります。様々なソフトウェアがありますが、今なお決定的なものがありません。今回紹介するEditor.jsはブロックベースという特徴を持ったWYSIWYG...

List

  • 2019/04/23

vr360 - Webベースの360度VRビューワー

ARやVRに注目が集まっています。Nintendo SwitchでもVRが実現できるようになり、さらにコンテンツの拡充が望まれるでしょう。そしてWebにはWebVRという標準技術も用意されています。今回紹介するvr360は360度のVRビューワーを簡単に作成できるソフトウェアです。## vr360の使い方デモです。デス...

List

  • 2019/04/23

Mprove - SQLを使ってダッシュボードを構築

企業においてデータの可視化は重要です。トレンドの変化などをグラフによって顕在化させることで次の一手を打ちやすくなります。しかし、そのためのシステムを構築するのは大変で、バックオフィス系のシステムはつい後回しになってしまいがちです。そこで使ってみたいのがMproveです。SQLを使ってダッシュボードを作成できます。## ...

List

  • 2019/04/22

WinXP - あの懐かしいWindows XPをWebブラウザ上に再現

人はなぜ昔のものに憧れにも似た感情を持つのでしょうか。その当時には苦しめられる存在だったにも関わらず、過ぎ去ってみると良い思い出であったかのように扱われます。そして、その昔を懐かしめるソフトウェアを作ったりします。今回紹介するWinXPはその名の通り、昔懐かしいWindows XPのデスクトップをWebブラウザ上に再現...

List

  • 2019/04/21

Sonic - Elasticsearch代替を目指す軽量な検索エンジン

検索エンジンはユーザのイベントで利用するだけに限りません。例えばMOONGIFTの場合はレコメンデーションにも使っています。Webサイトにおいて検索エンジンは必須と言えるでしょう。よく知られているものとしてはElasticsearchがありますが、今回はその代替としてSonicを紹介します。## Sonicの使い方実際...

List

  • 2019/04/20

Tone.js - Web上で音を奏でるためのフレームワーク

Web Audio APIによって、Webブラウザ上で音楽を奏でられるようになりましたが、このAPIはかなり低レベルなものとなっています。何でもできますが、すべて自分で実装しなければなりません。そのため、なかなか普及していません。そこで使ってみたいのがフレームワークになるライブラリです。今回はTone.jsを紹介します...

List

  • 2019/04/19

Mate Translate for Netflix - 英語学習に。Netflixの字幕を翻訳

英語学習法の一つに映画を映画字幕で見るという方法があります。耳と目で英語を感じられるのが利点な一方、知らない単語が出てきた時にそれが気になってしまって映画の内容に入り込めなかったりします。そこで使ってみたいのがMate Translate for Netflixです。Netflixの動画翻訳に対応した翻訳ツールです。#...

List

  • 2019/04/19

Citybound - Webブラウザで遊べるシムシティ

シムシティ系のゲームは時間を食いつぶす、非常に危険なゲームです。ちょっとした変化に目を配り、すぐに対処しないと再生するのも難しくなります。その上で確実な成長を続けなければならず、戦略性が問われます。そんなシムシティに類する新しいゲームの紹介です。なんとマルチプレイヤーをターゲットに開発されています。## Citybou...

List

  • 2019/04/18

Kroki - テキストからドローに変換するWeb APIサーバ

プログラマーは図を書くのが嫌いです(たぶん)。少なくともドローソフトウェアを使って書くのは嫌がるでしょう。メンテナンスしづらいですし、コードと図の乖離が発生しがちです。せめてテキストで書いて、自動的に図にしてくれるものであれば、元のテキストを自動生成する方法が選べたり、バージョン管理で差分が取れるようになります。そんな...

List

  • 2019/04/18

TypeTalk - TypeScriptをベースにしたSmalltalkライクなプログラミング言語

JavaScriptを書きたくない、という人たちは大勢います。その結果、様々な代替言語が開発されています。あらかじめJavaScriptに変換するタイプもであれば、Webブラウザ上でコンパイルするものなど様々です。代替言語を使うことで、より堅牢で効率的な開発ができるようになります。今回はTypeTalkを紹介します。言...

List

  • 2019/04/17

Hanzi Writer - 漢字の書き順をアニメーション表示

漢字は基本的な書き順さえ覚えてしまえば大抵のものには対応できますが、時々複雑なものがあったりします。さらに漢字と言っても日本のものだけでなく、中国語もあります。日本人でも中国の漢字の書き順はぱっと見ただけでは分からないかも知れません。そこで使ってみたいのがHanzi Writerです。中国語(日本の漢字も)の書き順を表...

List

  • 2019/04/15

vmsg - Webサービスにボイスメッセージ機能を追加

電話ではボイスメッセージ機能があります。テキストでは伝わらない内容を音声で残したり、人によっては文字を入力するよりも口で言った方が早いという人もいるでしょう。しかしオンラインのサービスではあまり音声をサポートしたものは見かけません。常にテキスト入力が求められます。そこで使ってみたいのがvmsgです。ボイスメッセージを手...

List

  • 2019/04/15

GoDiscourse - Go製のフォーラム

Webの歴史はコミュニケーションからはじまったといっても過言ではないでしょう。ネットニュースやIRCなどからはじまり、Eメールやフォーラム、さらに最近ではSlackに代表されるチャットやソーシャルメディアもあります。常にコミュニケーションが中心にあります。今回紹介するGoDiscourseもそんなコミュニケーションを促...

List

  • 2019/04/14

natUIve - UIコンポーネントが多数揃ったCSSフレームワーク

WebのUIフレームワークとしてはBootstrap一強が続いています。しかしフレームワークとしての癖もあり、Webデザイナーとしては自分のやりたいデザインが実現しづらいかも知れません。そんな時には他のUIフレームワークに触れてみても良さそうです。今回はnatUIveを紹介します。デザインフレームワークとしてはもちろん...

List

  • 2019/04/14

Maplat - 現在と古地図を重ね合わせ

古地図を見るのが好きな方は多いです。江戸自体やそれ以前に作成された地図を現在のものと重ねてみると、当時から変わらないものや逆に変わったものが浮かび上がってきます。そうした古い道を辿ることで今まで知らなかった発見ができたりします。今回紹介するMaplatはそんな古地図と現在の地図とを重ね合わせて表示できるソフトウェアです...