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

Webの記事一覧

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

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

もっと見る

List

  • 2019/05/10

jQuery Rowspanizer - 動的にHTMLテーブルのrowspanを設定

これは良いアイディア!HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。そんな時に使ってみたいのがjQuery Rowspani...

List

  • 2019/05/08

rustynes - Rust/WebAssemblyで作られたファミコンエミュレータ

プログラムを覚える上でWikiや掲示板を作ってみるのは良いネタですが、バイナリファイルの扱いを覚えたりする時には何を題材にすると良いでしょうか。敷居は高いですがチャレンジしてみて欲しいのがファミコンエミュレータです。多くのプログラミング言語でファミコンエミュレータが作られていますが、今回はWebブラウザ上で動作するru...

List

  • 2019/05/07

MapKnitter - 地図の上に写真やテキストを投影

地図は単に閲覧するだけでなく、自分の持っているデータと重ね合わせて表示したりすると楽しみ方の幅が広がります。古地図を重ね合わせるMaplat

List

  • 2019/05/06

PWABuilder - PWAを開発する際のお供に

PWA(Progressive Web Apps)に注目が集まっています。ネイティブアプリにしかできないことはたくさんありますが、Webアプリケーションでも十分という領域はどんどん増えています。そんな中、iOSも対応範囲を増やしており、実用レベルになってきています。PWAを作っている方はPWABuilderを使ってどれ...

List

  • 2019/05/04

inlets - ローカルのサービスをインターネット上に公開する

ローカルホストのサービスを公開するソフトウェアは幾つかあります。例えばngrokや、最近ではNetlify Devがサービス開始しました。ローカルを手早く公開できることでライブコーディングやちょっとしたデモ公開が容易になります。inletsはそんなngrokやNetlifyに通じるソフトウェアです。オープンソースなので...

List

  • 2019/05/03

RasDash - Raspberry Pi用のダッシュボード

Raspberry Piがとりあえず家に一台あるという人は多そうです。しかし使いどころが見つからずに放置してしまっている人も多いのではないでしょうか。まずステータスを表示するダッシュボードとして使ってみるのはいかがでしょう。そのベースとして使えそうなのがRasDashです。WebブラウザからアクセスできるRaspber...

None

  • 2019/05/02

Ayashige - 怪しいドメインをリストアップ

インターネットでWebサイトにアクセスする際に必要なのがドメインです。世の中には無数のドメインがあり、ブランドやサービス名に合わせて自由につけられています。しかし、その中には怪しげなものがたくさんあるのも事実です。有名なサービス名に似せて付けることでフィッシング詐欺に使ったりするドメインがあります。そうした怪しいドメイ...

List

  • 2019/05/01

GraphQL Playground - Webとデスクトップ版が用意されたGraphQL実行環境

GraphQLはREST APIが抱えた問題を解決するAPIとして注目を集めています。開発者にとって便利なのが、スキーマが公開されていることでクエリの設計時に参照することができる点です。さらに必要なフィールドを増減できるので、API側を拡張する必要がありません。そんなGraphQLを試し、設計するためのIDEがGrap...

List

  • 2019/04/28

Twemoji-Picker - Twitterの絵文字Twemoji用ピッカーライブラリ

絵文字はテキストで送るよりも感情豊かになったり、感情がぶつからないように緩衝材として使うことができます(逆もありますが)。そんな絵文字をオープンソースとして公開しているのがTwitterで、Twemoji

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の使い方実際...