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

Webの記事一覧

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

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

もっと見る

List

  • 2017/12/02

adminMongo - WebベースのMongoDB管理

MongoDBはNoSQLのドキュメント型データベースとして最も有名な存在になっています。実際の開発でも使われるケースが増えているのではないでしょうか。そして開発している際に必要なのが管理画面です。今回紹介するadminMongoはWebベースのMongoDB管理システムです。## adminMongoの使い方ダッシュ...

List

  • 2017/12/02

RainLoop Webmail - PHP製のシンプルなWebメーラー

Webメーラーの利点はデータをサーバに置いておけることでしょう。それによってクライアント側のストレージを消費しないで済みます。また、検索もサーバ側の強力なパワーで行えますし、メールチェックも自動で行ってくれます。自社でWebメールのサーバを設置するのであればRainLoop Webmailを使ってみてはいかがでしょう。...

List

  • 2017/12/01

Jskomment - Ajaxの簡易的コメントシステム

ブログなどには必須のコメント機能ですが、静的なブログシステムでは実現できません。そこでよく使われるのがFacebookのコメントボックスなどですが、データを自分たちで管理したいというニーズもあるでしょう。そこで使ってみたいのがJskommentです。Ajaxを使ったコメントシステムです。## Jskommentの使い方...

List

  • 2017/11/30

bitaddress.org - Web上でBitcoinウォレットを生成

Bitcoinは未来の通貨として登場し、すでに一定の地位を築きつつあります。Webブラウザベースで採掘する仮想通貨もあったりして、それで広告の代わりに収益をあげるなど新しい使い方も生まれています。今回紹介するオープンソース・ソフトウェアはbitaddress.org、Webブラウザ上でBitcoinのウォレットを生成す...

List

  • 2017/11/28

js2flowchart.js - JavaScriptのコードをフローチャート化

複雑なコードはバグを含みやすくなります。インデントは浅い方が良いですし、関数は短く機能は単機能になっている方が良いでしょう。そうした複雑性の基準はどうやって設けたら良いでしょうか。一つのアイディアとして使えそうなのがjs2flowchart.jsです。JavaScriptのコードをビジュアル化し、フローチャート化してく...

List

  • 2017/11/27

billboard.js - インタラクティブ、プログラマブルなグラフライブラリ

HTML5の表現力を活かすにはJavaScriptの活用が欠かせません。SVGやCanvasを使って図を描画することはできますが、JavaScriptを組み合わせることでよりインタラクティブにしたり、マウスイベントを使ったりできます。今回紹介するのはbillboard.js、JavaScript製の再利用が容易なグラフ...

List

  • 2017/11/26

Loud Links - インタラクティブに音楽再生

Webサイトをよりインタラクティブに、訪問者に楽しんでもらいたいと思うならばユーザの行動に注目しましょう。ただボタンを押しただけでは面白くありません。そこで注目したいのが音です。Webサイトを訪問した途端に音楽が流れるのは嫌われますが、ユーザイベントに連動したものであれば嫌がられないかも知れません。使ってみたいのがLo...

List

  • 2017/11/26

BulletNotes - リストをベースとしたノート

箇条書きというのは良くできています。メモと違ってだらだらと書いたりしません。短く、端的にまとめたくなります。タスクであったり、スケジュール、ブレインストーミングにも使ったりします。そんな箇条書きをメインとしたノートがBulletNotesです。単なる箇条書きに終わらず、様々な機能を追加しています。## BulletNo...

List

  • 2017/11/25

tlx-editor - フォーム入力に特化したWeb components

Web componentsは多くの可能性を持っています。Web標準ではまだまだ貧弱なUIも、Web componentsを使うことでリッチであったり、複雑なUIコンポーネントが生まれていくことでしょう。今回紹介するtlx-editorはその一例です。入力系コンポーネントを一手に提供するライブラリになります。## tl...

List

  • 2017/11/24

permission.site - HTML5 APIの実装を確認する

HTML5によって多数のAPIが追加されています。それらはすべてのブラウザで使える訳ではなく、まだまだ実装に差異があります。それをチェックできるCan I use

List

  • 2017/11/24

Crowbook - MarkdownからePub/PDF/LaTeXを生成

電子書籍と言えばePubですが、一から作るのは大変です。基本的にはHTMLのサブセットですが、それでも独特な記法もあるので慣れる必要があるでしょう。そこで使えるのがコンバーターです。今回紹介するCrowbookは元データがMarkdownという、分かりやすいコンバーターになっています。## Crowbookの使い方オン...

List

  • 2017/11/22

ajsr-confirm - 豪華な確認ダイアログ

Webを作成する際にはWebブラウザが用意している標準のコンポーネントがよく使われます。しかし、その表示では満足できない人が多いのも確かです。そこでより使い勝手の良いデザインを追求し始めます。今回はダイアログです。独自のダイアログを出したいと思ったらajsr-confirmを参考にしてみてください。## ajsr-co...

List

  • 2017/11/20

Livegrep - Webベースのソースコード専用検索システム

システムのソースコードを検索する場合、grepが多く使われます。「-」などの記号も多いのでGoogle検索がうまくいかなかったり、関連するライブラリ含めて検索したいこともあるでしょう。その結果、一見すると不便なgrepが使われます。今回紹介するオープンソース・ソフトウェアはLivegrep、Webベースのインタラクティ...

Missing

  • 2017/11/19

wast-game - 弾幕ゲーム好きはトライ!

シューティングゲームの中でも弾幕系はそれだけで別ジャンルと言えるほど激しいゲームです。ピクセル単位での細かい操作が求められ、ほんの少しのミスが命取りになります。そんな弾幕系シューティングゲームをWeb上で実現してくれるのがwast-gameになります。## wast-gameの使い方実際に遊んでいるところです。!

List

  • 2017/11/18

Frappe Charts - GitHub風グラフもあるSVGグラフライブラリ

WebはSVG/CanvasによってWeb標準だけで高度な表現が実現できるようになりました。しかし、それを使いこなすのは大変で、多くの場合ライブラリを使って実現しているでしょう。今回紹介するFrappe ChartsはSVGを使ってグラフ表示を行うライブラリです。## Frappe Chartsの使い方棒グラフ。マウス...

List

  • 2017/11/18

Zircle - サークル型のズームUIを実現

一度にすべての情報を見せてしまうと、本当に伝えたいことが伝わらないと言ったことがよくあります。人の脳は一度に処理できる情報量に限度があるので、それを超えてしまうとフィルタリングしてしまったり、抜け落ちたりします。そこで使えるのがドリルダウンしていく方法です。今回は円形のズームするUI、Zircleを紹介します。## Z...

List

  • 2017/11/17

Snake Wasm - Rustで作られたスネークゲーム

ゲームというのは作っている方も楽しく、遊ぶのも楽しいと学習素材として最適です。特にあまりこだわったキャラクターゲームではなく、ルールがシンプルですぐに遊べるものが良いでしょう。今回は誰もが知っているであろうスネークゲームをHTML5化した、Snake Wasmを紹介します。## Snake Wasmの使い方ゲーム中の画...

List

  • 2017/11/16

HEML - HTMLメール用のサブセット記法

日本はかつてテキストメールばかり使われていましたが、ようやくHTMLメールが普及してきています。セキュリティ上の懸念も殆どなくなり、カラフルだったり装飾ができるというメリットに注目が集まっています。そんなHTMLメールをすべてのデバイスに適切に配信できる形にしてくれる、それがHEMLです。## HEMLの使い方HEML...

List

  • 2017/11/16

Event Organiser - WordPressプラグインのイベント管理

東京では月1,000を超える技術系イベントが開催されています。そうした時に必要になるのが集客ページですが、技術系であればconnpassが最も使われています。他の分野であればPeatixやEventRegist、EventBrite、Meetup.com、Doorkeeperなども使われています。もし独自ですべてを管理...

List

  • 2017/11/14

GDevelop - コーディングレスでゲームを作るプラットフォーム

ゲームを作ってみたいという考えつつも、プログラミングが敷居になってしまっている人は多いでしょう。Webシステムを作ったりするプログラミングとはまた異なる知識が必要です。Unityでさえ、本格的に作ろうと思うとプログラミングの知識が必要になります。今回紹介するGDevelopはプログラミングをせずにHTML5でゲームが作...