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

Webの記事一覧

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

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

もっと見る

List

  • 2020/01/24

Showdown - ポケモンバトルボット

ポケモンShowdown

List

  • 2020/01/22

SES - JavaScriptをセキュアに実行

JavaScriptを使えばWebページを自在にコントロールできます。ユーザにマクロを組ませて、より彼らのニーズに合ったサービスにしたいと思うこともあるでしょう。しかし自由にJavaScriptが実行できるのはセキュリティ上の問題にもなります。そこで使ってみたいのがSESです。セキュアにECMAScriptを実行できる...

List

  • 2020/01/22

git-story - GitのコミットメッセージをWebページ化

Gitのコミットメッセージは細かく書いていますか?CUIで管理していると長文が書きづらいのでついつい簡単なメッセージになってしまっていないでしょうか。どうせ、そんなに読まないだろうとなおざりになっていると尚更です。そこで使ってみたいのがgit-storyです。GitのコミットメッセージをHTMLにしてくれるソフトウェア...

None

  • 2020/01/21

2020 - OpenFaaSの使い方を学ぶFaaSサンプル

FaaS(Function as a Service)と呼ばれるサービスを使えばサーバレスでちょっとしたコードを実行できるようになります。AWS Lambdaが有名ですが、他のクラウドも同様のサービスを提供しています。今回はその一つ、OpenFaaSを使って作られた2020を紹介します。## 2020の使い方2020は...

List

  • 2020/01/20

Native JavaScript for Bootstrap - 脱jQueryしたBootstrap

Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外す

List

  • 2020/01/20

pongloader - アセンブラ製のピンポンゲーム

コンピュータが生まれた黎明期に作られたといっても過言ではないゲームがピンポン(pong)でしょう。平たい板を上下に操作して、ボールを跳ね返すだけのシンプルなゲームです。シンプルなだけに、プログラミングを学ぶ題材にもよさそうです。今回紹介するpongloaderはわずか512バイトで作られたピンポンゲームです。## po...

List

  • 2020/01/17

Kutt.it - 自分で立てる短縮URLサービス

短縮URLサービスは生まれては消えていったように思います。Googleでさえ短縮URLサービスは止めてしまいました(社内向けは残っていますが)。t.coや自社サービスで使うものばかりで、他はbit.lyくらいでしょうか。今後も恒久的に短縮URLサービスを使いたいならば自社で立てるのが良さそうです。そこで知っておきたいの...

List

  • 2020/01/16

EscherSketch - タイル状のシンメトリーデザインを簡単に作成

あるパターンを繰り返すシンメトリーデザインは万華鏡などでよく知られています。折り紙を折って、ハサミで切ったりして遊んだ経験がある人も多いでしょう。繰り返すことで新しい魅力が引き出されるのは面白いです。今回紹介するEscherSketchはWeb上でシンメトリーデザインを描けるソフトウェアです。## EscherSket...

List

  • 2020/01/15

Re:Backlogs - アジャイル開発に特化したプロジェクト管理

アジャイルなプロジェクト管理において、イテレーションごとのバックログは大事な情報です。ユーザストーリーをチケット化し、イテレーションの中でこなしてリリースする、この一連の流れを繰り返すことでシステムを徐々に大きく成長させます。今回紹介するRe:Backlogsはアジャイル開発に特化したプロジェクト管理になります。## ...

List

  • 2020/01/13

geoapi - IPアドレスを位置情報に変換するWeb API

位置情報はGPSからしか取れない訳ではありません。有名なところではWiFiやIPアドレスからも位置情報が取得できます。もちろん精度は高くないことも多いですが、スマートフォンは様々な情報を組み合わせて位置情報を取得しています。今回紹介するgeoapiはそんなIPアドレスベースの位置情報取得を簡易化してくれるWeb API...

List

  • 2020/01/12

vConsole - モバイルサイト用の開発者ツール

スマートフォンサイトをデバッグする際にはどのように操作しているでしょうか。多くの場合、macOSをUSBで接続したり、デスクトップのGoogle Chromeでデバッグするはずです。つまりデスクトップやラップトップが必須です。vConsoleを使えばモバイルだけでコンソールが使えるようになります。ちょっとしたデバッグな...

List

  • 2020/01/12

Ascii QR Code Creator - テキストで作成するQRコード

QRコードは世界中で使われています。特にスマートフォンやタブレットが流行始めてから、その利用範囲が拡大しました。システムからQRコードを出力して欲しいという話もよく出るでしょう。そんな時、画像ライブラリを入れることもできますが、マニアックな方式としてテキストでも使えます。それがAscii QR Code Creator...

List

  • 2020/01/10

Screenshot to Google Slides - スクリーンショットを撮影してスライドに貼り付け、スクリーンショットを撮影してスライドに貼り付け…

Googleスライドを使ってスライドを作っている際に、Webサイトのスクリーンショットを多数貼り付けたいと思うことがあるかも知れません。そのためスクリーンショットを保存して、アップロードするのは面倒です。何度も繰り返すと、心が折れてしまうかも知れません。そんな特定用途に限って使えるのがScreenshot to Goo...

List

  • 2020/01/10

Mammoth - WordをHTMLファイルに

Wordファイルは広くオフィスで使われています。様々なドキュメントがWordで作られていることでしょう。そんなWordにはHTML出力機能もありますが、すごいマークアップで出力されるので、あまり使っている人を聞いたことがありません。もしあなたがWordファイルをシステムに取り込んだりしなければならない時にはMammot...

List

  • 2020/01/09

unDraw - 自由に使えるフラットなイラストをダウンロード

最近、海外のWebサイトを見ると、フラットな人やオブジェクトを使ったイラストがよく使われています。日本であればいらすとやと同レベルかというくらい使われています。そんな雰囲気のイラストがSVGで無償公開されています。それがunDrawです。## unDrawの使い方こういう雰囲気、見ますよね。!

List

  • 2020/01/09

Aozorasearch - 青空文庫の全文検索エンジン

著作権の切れた書籍を管理、公開している青空文庫。お世話になっている人も多いことでしょう。古典を無料で、図書館などに行かずとも読めるのは素晴らしいことです。その蔵書は年々増えており、探すのも大変です。そこで使いたいのがAozorasearchです。青空文庫専用の全文検索エンジンです。## Aozorasearchの使い方...

List

  • 2020/01/08

Nonflowers - 世界中どこにも存在しない花を生成

最近、プライバシー保護の動きもあって、機械学習を使って人の顔を生成する動きがあります。自動生成された、世界中どこにもいない人であれば著作権を気にせず利用できるという訳です。それと類似技術を花に対して適用したのがNonflowersです。## Nonflowersの使い方アクセスする度に異なる花が生成されます。!

List

  • 2020/01/07

Nitter - 多彩な検索が可能なTwitterフロントエンド

Twitterのフロントエンドが大きく変更され、使いづらいと感じている人も少なくありません。かつてのTwitterではWeb APIの利用制限が緩く、誰もが自由にクライアントアプリケーションを開発できていましたが、今はそういったソフトウェアが大幅に減っています。今回紹介するNitterはそんな中、珍しいTwitterフ...

List

  • 2020/01/04

Offline Browser Communication - どんな使い道があるか。ローカルで立てるWebRTCサーバ

WebRTCはリモートと動画チャットをしたり、メッセージを送る際に使われる面白い技術ですが、サーバのセットアップなどに手間がかかるイメージがあります。もっと手軽に使えれば可能性が広がりそうです。今回紹介するOffline Browser Communicationはローカルで立ててすぐに使えるWebRTCサーバです。#...

List

  • 2020/01/04

アクセシビリティカラーヘルパー - Webアクセシビリティを考慮した色を提案

Webのアクセシビリティは大事な考え方です。誰もが使いやすいWebサイトを目指す上で、文字の大きさや背景色とのコントラスト、リーダー対応など様々な観点があります。今回紹介するアクセシビリティカラーヘルパーは背景と文字のコントラスト比を維持するためのカラーパレットになります。## アクセシビリティカラーヘルパーの使い方利...