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

Webの記事一覧

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

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

もっと見る

List

  • 2019/10/23

Jekyll Admin - Jekyll用のWeb管理画面

個人的に最近利用が多いJekyll。GitHub Pagesが標準で対応してくれていることもあって、JekyllベースでWebサイトを構築することが多いです。そんなJekyllでちょっと面倒なのが、データ管理がすべてローカルOSのファイル管理頼りなことでしょう(それが良さでもあるのですが)。そこで使ってみたいのがJek...

List

  • 2019/10/23

Kanban Board - リッチなWebカンバンシステム

カンバンシステムはTrelloの登場以降、様々なシステムが作られています。シンプルなものもあれば、ものすごくリッチなものもあります。導入する場合には自分たちの組織にあったものを選定する必要があるでしょう。今回紹介するKanban Boardはタグやカレンダー連携などの機能を備えたカンバンシステムです。## Kanban...

List

  • 2019/10/22

jsmind - Webベースのマインドマッピング

マインドマッピングは考えを整理するのに便利なツールです。人によって会議の内容をマインドマッピングでまとめていたり、ブレインストーミング側に使ったりします。いずれにしても思考を広げるのに使えます。そんなマインドマッピングをWeb上でできるようにするのがjsmindです。## jsmindの使い方メイン画面です。!

None

  • 2019/10/22

goop - Google検索結果をスクレイピング

Googleの検索結果を取得して分析に使いたいと考える人は大勢います。しかし機械的に収集しようとすると、GoogleからCAPTCHA入力が求められます。そのため自動化しづらく、手作業で収集している人も多いでしょう。しかし裏道がありそうです。Facebookを経由するとそのトラップに引っかからないようです。その実証とし...

List

  • 2019/10/21

Exment - マスタ管理に便利なWebデータベース

Microsoft Accessはオフィスで活躍しています。ちょっとしたシステムであればエンジニアの手を借りることなく、作成できるでしょう。しかし最近ではmacOSも使われるようになっていたり、スマートフォンからも使いたいと言われるかも知れません。そこで使ってみたいのがExmentです。手軽に使えるWebデータベースシ...

List

  • 2019/10/21

ASS.js - 動画に字幕を表示

英語や中国語など、他言語で流れる動画には字幕が欲しいものでしょう。YouTubeやNetflixなど動画配信サイトでは字幕の表示、非表示を切り替えられます。あんな機能が欲しいと思ったことはないでしょうか。今回紹介するASS.jsはHTML5のvideoタグに対してASSフォーマットの字幕を表示できるライブラリです。##...

List

  • 2019/10/19

upload.express - React製のファイル共有サービス

インターネットを通じたファイル共有サービスはたくさんあります。日本でも幾つかあり、ビジネスでも使われていたりします(ユーザ情報漏洩して炎上したりもしていましたが)。それだけ需要が大きい分野なのでしょう。今回紹介するupload.expressはそんなファイル共有サービスの一つです。UIでReactを採用し、モダンな作り...

List

  • 2019/10/17

shiori - ターミナル/Webで使えるシンプルなブックマーク管理

ブックマークを管理するのはWebブラウザに付属のものを使うのが基本ですが、大量のブックマークをすると管理が煩雑になります。そこでソーシャルブックマークを使うようになりますが、データを公開したくないと考える人も大勢います。そこで使ってみたいのがshioriです。ターミナルやWebで使えるブックマーク管理です。## shi...

List

  • 2019/10/16

Textyle.js - シンプルなテキストエフェクトライブラリ

単純にテキストを表示しただけでは誰も気付きません。大事な文言であれば色やサイズを変えたりして、目立つ仕組みが必要です。それでももっと目立たせたい、ユーザの目に届けたいならばアニメーションしてみてはいかがでしょうか。あまり派手なものは嫌われるかも知れませんので、シンプルなものが良いという方はTextyle.jsを使ってみ...

List

  • 2019/10/15

Emoji Button - フレームワークに頼らない絵文字ピッカー

JavaScriptライブラリの多くが外部のフレームワークやライブラリに依存しています。そうした外部ライブラリを用いることで、コード量が減らせるメリットがありますが、依存性が発生してしまいます。そこで逆に依存性が一切ないライブラリに需要が出ます。今回紹介するEmoji Buttonは依存ライブラリのない絵文字ピッカーで...

List

  • 2019/10/14

Dark Mode Toggle - ダークモード切り替え用Webコンポーネント

macOSから始まったダークモードは一気に広がっています。デスクトップはもちろん、Webサイトにおいてもダークモードの需要が高まっています。しかし、単純に暗いCSSを用意すれば良いだけではありません。ユーザにとって使いやすいダークモードを提供するために使ってみたいのがDark Mode Toggleです。Googleが...

List

  • 2019/10/14

Looper - Webブラウザ上でループするアニメーションGIFを作成

アニメーションGIFはループする動画が簡単に作れるとあって、繋ぎが感じられないループアニメーションが映えます。アニメーションGIFを一から作るのは大変ですが、動画を使ったりプログラムで組んだりできます。今回紹介するLooperはそんなアニメーションGIFを生成するためのソフトウェアです。すべてプログラミングして作成しま...

List

  • 2019/10/11

TaskTreemap - プロジェクトのタスク規模と進捗をツリーマップで可視化

プロジェクト管理において可視化は大事な要件です。一覧にすると膨大に見えるタスク群も、規模を比べたり、その進捗を可視化することで全体像が見えてきます。定性的に「たくさん」ではなく、定量的に見なければなりません。そこで使ってみたいのがTaskTreemapです。タスクの規模と進捗をツリーマップを用いて表現します。## Ta...

List

  • 2019/10/11

VOIDCALL - 13KBという制限の中で作られたJavaScript製ゲーム

かつてのファミコンゲームがごくわずかなリソースを活用して作られていたりして話題になります。リソースが潤沢な現在ではなかなか思いつかないようなアイディアに溢れています。今回紹介するVOIDCALLはJavaScriptのゲームを13KB以下で作成する、そんなコンテストで作られた作品です。## VOIDCALLの使い方ゲー...

None

  • 2019/10/10

jsonbox.io - ユーザ登録不要で使えるJSONストレージサーバ

ただちょっとしたデータを保存したいだけなのに面倒なユーザ登録であったり、設定が必要となると気持ちが萎えてしまいます。せっかくの作ろうという熱量を維持するためには、とにかく簡単に使える仕組みが必要です。今回紹介するjsonbox.ioはまさにそのためのソフトウェアです。ユーザ登録も不要でJSONデータの送受信ができます。...

List

  • 2019/10/09

Web Radio Visualizer - Webラジオを音源としたビジュアライザー

オーディオのビジュアライザーをずっと見ていても飽きないという人は多いでしょう。ただ音楽を流すだけでなく、可視化することで別な楽しさが生まれます。そのため、幾つものパターンが作られています。今回紹介するWeb Radio VisualizerはWebラジオを音源としたビジュアライザーです。## Web Radio Vis...

List

  • 2019/10/06

Goodwork - ストレスないプロジェクト管理

システム開発に限りませんが、プロジェクト管理の有無が成否を分けるのは間違いありません。ステータスや新しい要望を適切に管理することで、スムーズな開発を実現できます。今回紹介するのはLaravel製のシンプルなプロジェクト管理、Goodworkです。## Goodworkの使い方ホーム画面です。並んでいるのはタスクです。!

List

  • 2019/10/05

Ackee - プライバシーへ配慮したアクセス解析

Webサイトのアクセス解析と言えばGoogleアナリティクスを使っているケースが多いですが、社内のセキュリティ上利用できないという場合もあるでしょう。そうした時には代替になるソフトウェアが必要です。今回紹介するのはnodeで作られたAckeeです。## Ackeeの使い方基本的にはページビューとリファラーが取れます。!

List

  • 2019/10/04

Sshwifty - Webブラウザ向けのSSH/Telnetクライアント

従来はローカルアプリケーションだったものが、どんどんWebアプリケーション化しています。開発環境においてもクラウドIDEが使われるようになっています。殆どの操作がWebブラウザ上でできるようになるでしょう。今回紹介するSshwiftyはSSHクライアントをWebブラウザベースで提供します。## Sshwiftyの使い方...

List

  • 2019/10/04

MarioHTML - Web製のマリオブラザーズ

マリオブラザーズは登場以来、世界中の人たちに愛されるキャラクターになっています。そして、開発者にとってはマリオブラザーズ風のゲームを作るのが楽しみの一つにさえなっています。今回紹介するMarioHTMLはWebブラウザ上で遊べるマリオになっています。## MarioHTMLの使い方ゲーム画面です。土管には入れませんが、...