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

Webの記事一覧

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

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

もっと見る

List

  • 2019/09/14

Lucidboard - Elixir製のシンプルなカンバンシステム

カンバンは元々トヨタ発祥の品質管理技術ですが、IT系ではもっと多彩に利用されています。タスク管理に使うこともあれば、買い物リストに使うこともあります。何らかのカテゴライズやステータスに沿ってデータ管理するのに便利です。今回紹介するLucidboardもそんなカンバンシステムの一つです。## Lucidboardの使い方...

List

  • 2019/09/13

Bibliotheca - Webベースの蔵書管理

個人、企業や公共団体などに限らず書籍を多数保管している人は多いです。それらを個人で楽しむだけでなく、他人に貸与する人もいるでしょう。そこで必要になるのが蔵書管理です。管理しておけば、誤って二冊買ってしまうなんて事態も防げます(好んで二冊、三冊買う場合は別です)。そこで使ってみたいのがBibliothecaです。Webベ...

List

  • 2019/09/13

Postwoman - PWAなWeb API開発環境

Web APIはプログラミング言語からの利用を前提としていますので、試す際にもコードが必要です。しかしそのためにHTTPクライアントを操作するコードを書くのは面倒です。そこでPostman

List

  • 2019/09/12

SlidesCodeHighlighter - ソースコードをスライドに貼り付ける際に

スライドに綺麗にシンタックスハイライトされたコードを使いたいと思ったことはないでしょうか。コードを画像にするのは格好悪いですし、普段自分がエディタで使っているハイライトではないものを使いたい場合はとても大変です。そこで使ってみたいのがSlidesCodeHighlighterです。ソースコードのハイライトに特化したソフ...

List

  • 2019/09/12

SnippetBin - バージョン管理を備えたスニペットサーバ

ちょっとしたコードを残しておきたいと思う機会は多いです。ローカルに保存しておいても良いですが、他の人と共有する場合はオンラインサービスを使います。社内で共有する場合は、オンラインサービスよりも社内でスニペットサーバを立てたいでしょう。今回紹介するSnippetBinはGitをバックエンドに備えたスニペットサービスです。...

List

  • 2019/09/11

pagemap - Webページにミニマップを追加

長大なコンテンツがある時、自分が今どの位置にあるのか知りたくなります。書籍であればページ数が書かれており、Webサイトであればページネーションを分けたりします。自分の現在位置が分かることで、後どれくらいのコンテンツが残されているか把握できるようになります。そんなミニマップをWebサイトに追加してくれるのがpagemap...

None

  • 2019/09/10

TinyGo - マイコンやWebAssemblyが作れる軽量なGo言語

Goは一つのコードから各種OSで動作するバイナリが生成できます。Raspberry Piでも動くバイナリが生成できるので、IoTなどでも使えます。しかし、それはRaspberry PiでLinuxが動くからに他なりません。マイコンの場合はどうでしょうか。そこで使ってみたいのがTinyGoです。## TinyGoの使い方...

List

  • 2019/09/09

speak.js - eSpeakからポーティングしたテキストtoスピーチ

テキストをコンピュータに喋らせる試みはずっと行われてきました。かつてはまさにコンピュータっぽい音声でしたが、今はSiriやAlexaなど、滑らかで人が喋っているような音声で読み上げできるようになっています。今回紹介するspeak.jsはどちらかと言えばコンピュータ音声です。特徴として、JavaScriptだけで実現して...

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...