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

Webの記事一覧

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

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

もっと見る

List

  • 2019/09/07

Back2stackoverflow - stackoverflow翻訳サイトから自動リダイレクトしてくれるユーザスクリプト

stackoverflowに助けられているという開発者は多いと思います。そしてプログラミングの困ったことで検索した時に、Stack Overflowの機械翻訳サイトが表示された経験を持つ方も多いのではないでしょうか。そんな方にお勧めなのがBack2stackoverflowです。stackoverflowの翻訳サイトか...

List

  • 2019/09/06

Squadsnap - Rails製のスポーツチーム管理

スポーツはテクノロジー利用が目覚ましい分野です。トレーニングであったり、チーム管理や映像技術など様々な場面でテクノロジーが活用されています。それは何も高度なものだけでなく、ちょっとスポーツを楽しむ際にも同様です。今回紹介するSquadsnapはスポーツチームの管理を行うシステムになります。## Squadsnapの使い...

List

  • 2019/09/05

mc.js - Webブラウザで遊べるMinecraftクローン

Minecraftにハマっている人は大勢います。冒険するのはもちろん、クリエイティブモードで造形を楽しむのも面白いです。デスクトップ、タブレット、スマートフォンと様々なデバイスで遊べるのも魅力的です。今回紹介するmc.jsはWebブラウザ上で遊べるMinecraftクローンです。## mc.jsの使い方まずはユーザ登録...

List

  • 2019/09/04

Ruffle - Rust製のFlashプレイヤー

かつてWebコンテンツの多くを担っていたFlash。今はもう廃れて新作を見ることはほとんどなくなってしまいましたが、今なお利用しているサイトは多いです。WebブラウザもFlashプラグインをサポートしなくなっており、このままでは再生すらできなくなってしまいます。そこで作られているのがRuffleです。なんとWebAss...

List

  • 2019/09/03

Personal Management System - 個人の情報を管理するCMS

現在はネット上にあるサービスを使いこなすのが当たり前で、無数あるサービスを幾つかピックアップして利用していることでしょう。その結果、自分の情報は散在し、どこに何の情報があるのかも分からなくなってしまいます。そこで使ってみたいのがPersonal Management Systemです。個人の情報をまとめて管理するための...

List

  • 2019/09/01

DeckDeckGo - リモートコントロールもできるPWAのHTMLスライド

HTMLによるスライドは人気があります。Webブラウザだけで再生できるのでプラットフォームに依りませんし、最近ではPresentation APIもGoogle Chromeに搭載され、発表者ノートも使えるようになっています。今回はPWAとして作られたスライドアプリ、DeckDeckGoを紹介します。## DeckDe...

List

  • 2019/09/01

json.pizza - キーボード操作主体のJSON整形サービス

JSONはシステム連携で使われる一方、可読性の高さも特徴となっています。とは言え、改行やインデントをなくした状態ではとても読む気にはなれません。整形が必要です。今回紹介するjson.pizzaはJSONを貼り付けて、素早く整形できるサービスとなっています。## json.pizzaの使い方JSONを貼り付けて、Ctrl...

List

  • 2019/08/31

svg2pdf.js - Webブラウザ上でSVGをPDF化

Webブラウザで表示している内容をPDFにしたいというニーズはよくあります。サーバ側でレンダリングして出力するのも良いですが、何かと面倒です。文字だけであればまだしも、画像をドローイングされた内容をPDF化するのはさらに大変です。そこで使ってみたいのがsvg2pdf.jsです。WebブラウザだけでSVGをPDF化します...

List

  • 2019/08/30

kthoom - Webベースのコミックビューワー

オンライン上にはたくさんのコンテンツがあります。しかし、それらを閲覧するためには専用のビューワーが必要です。ローカルアプリケーション型の場合、コンテンツをいちいちダウンロードするのが面倒です。そこで必要なのがWebベースのリーダーです。今回はコミックビューワーのkthoomを紹介します。## kthoomの使い方メイン...

List

  • 2019/08/30

Regex Colorizer - JavaScriptの正規表現をハイライト

正規表現はプログラマにとっても面倒なもので、間違えることがしばしばあります。プログラミングがエラーになるならまだしも、不具合につながったりすると目も当てられません。そこで使ってみたいのがRegex Colorizerです。正規表現をハイライト表示し、分かりやすく可視化してくれます。## Regex Colorizerの...

List

  • 2019/08/29

ga-cookie-opt-in-js - Google Analyticsのトラッキングを事前同意するサンプル

ヨーロッパでは個人情報に対する規律が厳しく、ちょっとした情報であっても事前同意が必要になります。そのため、ダイアログがしつこく出て面倒というイメージもありますが、それもユーザのプライバシーを守るためには必要な措置でしょう。Google Analyticsによるトラッキングもその一つです。事前同意を取る際に役立つサンプル...

List

  • 2019/08/28

Artichoke - WebAssemblyで実装されたRuby

Webブラウザ上でJavaScript以外のプログラミング言語を実行したいと言うニーズはとても強くあります。一つはJavaScriptで実行エンジンを開発する方法、またはコンパイルしてJavaScriptを生成する方法などがあります。最近有力なのがWebAssemblyで実行エンジンを実装する方法です。今回紹介するAr...

List

  • 2019/08/27

CJSS - CSSベースのWebビューフレームワーク

最近はReact、Vue.jsなど仮想DOMを使ったビューライブラリが人気です。しかし、JavaScript内にHTML情報を埋め込むのでデザイナーの方にとってはちょっと辛いところがありそうです。そこで使ってみたいのがCJSSです。上記ライブラリとは逆で、CSSにHTMLなどの情報を埋め込んでしまうという、すごいライブ...

List

  • 2019/08/27

Filterizr - CSS3を使ったデータのフィルタリング、ソートライブラリ

Web上で情報を並べて表示する機会はとても多いです。そんな時、常に発生するのが並び替えや絞り込みのニーズです。データを消したり、並び替えて表示したりするのは意外と大変です。そこで使ってみたいのがFilterizrです。データのソート、フィルタリングに特化したライブラリです。## Filterizrの使い方利用例です。カ...

List

  • 2019/08/26

Responsive-Kifu - レスポンシブ対応の将棋棋譜再生ビューワー

将棋はとても人気のあるゲームです。そして、その記録である棋譜を見ることで試合の流れを研究したり、感動を覚えたりします。そのために作られるのが棋譜プレイヤー、ビューワーです。今回紹介するResponsive-Kifuもそんな棋譜ビューワーですが、Webブラウザ上でレスポンシブに動作するのが特徴です。## Responsi...

List

  • 2019/08/25

ViperCard - HyperCardをWeb上で再現

HyperCardは1987年に誕生したアプリケーション開発プラットフォームです。リンクで別なカードに移動したり、音声を鳴らす、オブジェクトを動かすなど当時から高レベルなアプリケーションとなっていました。そんなHyperCardを現代に蘇らせたのがViperCardです。しかもプラットフォームを固定しないWebベースで...

List

  • 2019/08/23

pure JS WiFi QR Code Generator - 無線LAN情報を記載したQRコード生成

勉強会などでWiFi情報を載せたり、コワーキングスペースなどでWiFi情報を提示することがあります。あまり複雑なものにすると入力をミスしたり覚えるのが大変なため、安易なものを設定してしまいがちです。そこで使ってみたいのがpure JS WiFi QR Code Generatorです。QRコードから簡単にWiFi情報を...

List

  • 2019/08/21

Github Markdown Reader - GitHubのREADMEビューワー

GitHubでリポジトリを公開する際にはREADMEを書くのが基本です。開発者の多くはMarkdownで書いていることでしょう。GitHub上でもHTMLに整形されたREADMEが読めますが、最適化されているとは言いがたいかも知れません。そこで使ってみたいのがGithub Markdown Readerです。よりREA...

List

  • 2019/08/21

The Pomodoro Dash Timer - ポモドーロのダッシュ法を実践できるタイマーアプリ

ポモドーロテクニックはMOONGIFTで何度も取り上げていますが、25分間の集中と5分間の休憩を繰り返す仕事術になります。トマト(ポモドーロ)のキッチンタイマーを使うところから、その名が付けられています。The Pomodoro Dash Timerはポモドーロテクニックの発展版、ポモドーロのダッシュ法に対応したタイマ...

List

  • 2019/08/19

Celody - 音楽をフォーク、マージするマッシュアッププラットフォーム

Web APIを組み合わせて新しい作品を作る、マッシュアップという言葉は元々は音楽用語です。つまりクラブなどでかかる音楽のようなアレンジ、マッシュアップは音楽業界が本流でさえあります。今回紹介するCelodyは音楽をWebブラウザ上でフォークし、カスタマイズできるサービスです。## Celodyの使い方様々な楽曲を再生...