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

Webの記事一覧

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

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

もっと見る

List

  • 2020/02/28

Work Time Logger - 作業前にクリックするだけの時間管理

仕事中は何らかのタスクを行っています。例え、それが休憩中だったとしても休憩というタスクにあるといえるでしょう。つまり、タスクの変わり目を記録し続ければ、自分がどんな時間の使い方をしているのが分かるはずです。そんな時間管理ツールとしてWork Time Loggerを紹介します。作業開始時にクリックするだけの簡単な時間管...

List

  • 2020/02/28

shhgit - 危険なセキュリティ情報を含んだコードを調査

GitHubではオープンソース・ソフトウェアを扱うので、アップロードされているコードは基本的にオープンです。そして、その中には危険な内容が含まれる場合があります。いわゆるシークレットキーに属するものです。そういった危険な情報だけを専門的に扱う検索サービスがshhgitです。## shhgitの使い方基本的に能動的に検索...

List

  • 2020/02/27

terminal.js - Web上にターミナル風UIを

開発者用のドキュメントなどでターミナル風のUIを用いることはよくあります。ユーザに何か入力してもらい、その内容に応じて出力を変えたりすると、インタラクティブでユーザビリティの高いドキュメントが実現します。今回はそんな面白い仕組みを作るのに使えそうなterminal.jsを紹介します。## terminal.jsの使い方...

List

  • 2020/02/26

drop.lol - WebRTCを使って任意の相手とファイルの送受信

ファイルを送受信というのは意外と面倒です。特に目の前の相手にファイルを送りたい時です。メールアドレスを聞くのも面倒ですし、そのためにソーシャルメディアを交換するのも手間です。ファイル共有サービスを使おうにも、そのURLを通知するのはどうしたらいいでしょうか。そこで使ってみたいのがdrop.lolです。共通のURLを介し...

List

  • 2020/02/25

Userbase - 静的サイト向けのBaaS

Netlifyをはじめ、静的なWebサイトシステムが人気です。しかしすべて完全に静的ではなく、一部に動的な機能(コメントや認証など)を追加したいと考えることもあるでしょう。一部を動的にするためにすべてをサーバサイドで開発するのは面倒です。そこで使ってみたいのがUserbaseです。静的サイトにも動的機能を追加できるバッ...

List

  • 2020/02/24

Muino Time Accounting - 時間管理と会計システムを一つに

フリーランスで、時間単位で働いている場合、請求書にその稼働実績を載せるよう依頼されることがあります。また、弁護士や会計士のように時間毎の報酬を決めている職業でも同様のレポートが必要になるでしょう。そうした人たちに使ってみて欲しいのがMuino Time Accountingです。プロジェクトとタスク毎の時間管理、会計シ...

List

  • 2020/02/23

TuneIn - 新しい音楽と出会える音楽プレイヤー

20年以上昔はCD屋にいって探し回ることで新しい楽曲との出会いがありました。今はYouTubeなどで探すこともできますが、レコメンドエンジンは類似したものを紹介するので、自分ではまったく知らなかった音楽と出会うことは多くないように感じます。そこで使ってみたいのがTuneInです。新しい音楽を見つけられる、そんなWebサ...

List

  • 2020/02/23

rÊg - 数字を並べる対戦型パズルゲーム

世の中にはゲームがたくさんありますが、個人的には複雑なものよりもパズルのようなシンプルなものが好きです。自分でじっくり考えるのもいいですが、対戦式も好きです。ルールがシンプルであればすぐに覚えて遊べるので特に楽しいです。今回紹介するrÊgは数字を並べる対戦型パズルゲームです。## rÊgの使い方数字を順番に並べていきま...

List

  • 2020/02/21

Locomotive Scroll - マルチプラットフォームで動作するパララックス・エフェクトライブラリ

パララックス・エフェクトを使うと、インパクトのある表現が実現します。Webページは縦長のサイトが多いので、スクロールで見た目のインパクトが与えられればユーザの目を引きつけられるでしょう。今回紹介するLocomotive Scrollはパララックス・エフェクトとDOMの表示されるタイミングを合わせたスクロールライブラリで...

List

  • 2020/02/21

Web Video Capture - Webブラウザでスクリーンキャプチャ

HTML5のAPIはどんどん追加されており、多くの機能がWebブラウザ上で実現できるようになっています。例えばWebカメラを使ったチャットの最中に、自分のデスクトップやアプリケーションの画面を共有することもできます。今回紹介するWeb Video Captureは画面をキャプチャし、動画として保存するデモです。## W...

List

  • 2020/02/20

MMDLoader-app - THREE.MMDLoaderを使ったMMDサンプル集

3Dモデルによるアニメーション、ダンスなどを行うフォーマットとして有名なのがMMD(MikuMikuDance)です。同名ソフトウェアで作ったデータを読み込めばWeb上でのMMDを動かせます。そのためのライブラリがMMDLoaderです。今回紹介するMMDLoader-appは、そんなMMDLoaderを利用するThr...

List

  • 2020/02/20

CSSLive2d - Live2dをCSSだけで動かすチャレンジ

2Dのイラストをまるでアニメーションのように動かしてくれるのがLive2Dです。ノベルゲームなどで使うと、より臨場感が生まれることでしょう。最近ではVTuberなどでも活用されているようです。公式で提供されているリソースを使い、何とかCSSとJavaScriptでLive2Dのデータを動かしたのがCSSLive2dにな...

List

  • 2020/02/18

Jira clone - React製のJiraクローン

JiraといえばAtlassian社が提供している課題管理、プロジェクト管理になります。大規模な開発をサポートし、企業規模の大きなところで使われているイメージがあります。他のAtlassian製のサービスと連携できるのも強みです。そんなJiraのクローンを目指すのがJira cloneです。新しいテクノロジーを使ったモ...

List

  • 2020/02/17

html-vault - HTML内に暗号化コンテンツを埋め込む

Webサイトでパスワードを知っている人しか見られないコンテンツを作ろうと思うと、サーバ側でデータを管理して、認証したユーザにだけコンテンツを返すというのが一般的です。これを静的サイトでも可能にするのがhtml-vaultです。暗号化されたコンテンツをHTML内に埋め込めるソフトウェアです。## html-vaultの使...

List

  • 2020/02/17

Keys - Safariでキーボードブラウジングを可能に

Webブラウジングはキーボードから手を離すことが多いので、一旦Webサイトを見出すとついつい時間を忘れてマウスを動かし続けてしまったりします。これは開発生産性を大いに下げる行為です。そこで使ってみたいのがキーボードブラウジングをサポートしてくれるソフトウェアです。あなたのメインブラウザがSafariであれば、Keysを...

List

  • 2020/02/16

Short - Google Chrome機能拡張も備えた短縮URL

短縮URLの使い方というと、メールやソーシャルサービスで使う人が多いでしょう。大抵、ランダムな文字列でURLが生成されるので、覚えるのには不向きです。短くするのに特化している分、URLに特に意味は持たせないのが一般的です。Shortは短縮URLにしつつ、そこに意味を持たせられるソフトウェアとなっています。これは新しい使...

List

  • 2020/02/14

Padloc - 個人/チームに対応したパスワード管理

パスワード管理はどのように行っていますか。個人であればGoogle Chromeのパスワード管理やキーチェーンなどで管理できますが、チームになると別物です。他の人が分かりやすいようにと安易なものを設定したり、チャットなどで共有していないでしょうか。今回紹介するPadlocは個人はもちろん、チーム管理にも対応したパスワー...

List

  • 2020/02/13

commuter - 多彩なフォーマットに対応したノートビューワー

メモ的に使えるサービスは多数あります。有名なところではMarkdown記法が使えるメモアプリがありますが、Jupyter Notebookのように目的が特化したメモもあります。それらを目的によって使い分けていると、どこに必要な情報があったのか分からなくなります。そこで使ってみたいのがcommuterです。様々な記法に対...

List

  • 2020/02/13

linkding - 個人で立てるシンプルなブックマーク管理

日本の開発者であればはてなブックマークを使っている人も多いですが、海外ではあまりいいブックマークサービスがありません(Deliciousがあったのも遠い過去のことです)。プラットフォームを横断してブックマークを管理したい人も多いでしょう。そのためには管理をWeb上で行うのがお勧めです。そしてlinkdingであれば自分...

List

  • 2020/02/12

Free email template builder - HTMLメールをビジュアル的に作成

HTMLメールを作成する方法は幾つかあります。Webブラウザで表示するHTMLと基本的には変わりませんが、JavaScriptや外部ファイルが使えないと言った違いはあります。メールアプリケーションによって表示が多少異なるので、その点も注意が必要です。そこで使ってみたいのがFree email template buil...