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

Webの記事一覧

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

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

もっと見る

List

  • 2019/06/26

jlua - Web上で動作するLua

JavaScriptはWebブラウザ上で動くことが保証されている唯一のプログラミング言語ですが、素のままでは書きたくないという人たちはたくさんいます。型がないため、動作保証するのが難しい、言語体系が好きではないなど様々です。そこでLua好きな人に贈りたいのがjluaです。JavaScriptではなくLuaでWebアプリ...

List

  • 2019/06/25

LinShare - Webベースのファイル共有サーバ

社内にファイルサーバを置かないケースが増えています。DropboxやGoogle Driveといったサービスを使うことで、ファイルへのアクセスを制限したり、クラウドでバックアップを取ります。しかし、巨大なファイルをやり取りする際、これらのサービスは不向きです。そこで使ってみたいのがLinShareです。## LinSh...

List

  • 2019/06/24

CostBox - シンプルな支出管理

お金の管理はきちんとしていますか。貯金しようと考えている人は、ちゃんと支出、入金を管理しているそうです。その際、何か買った時にすぐにメモしておくのが大事でしょう。そうしないといつの間にか財布からお金が飛んでいってしまいます。今回紹介するCostBoxは支出管理に特化したWebアプリケーションです。## CostBoxの...

List

  • 2019/06/23

Uranus - Java製のメモ&Todo管理

仕事においてよく使われるのはメモ、Todoそしてカレンダーではないでしょうか。それらのデータは互いに連携し合うので、別々なソフトウェアよりも一緒になっている方が便利なはずです。実際、Googleカレンダーはタスク管理も付いています。今回紹介するUranusはメモとTodoが一緒になったWebアプリケーションです。カレン...

None

  • 2019/06/23

mr2.js - ローカルコンピュータをインターネットに公開

ローカルで開発しているものを人に見てもらいたいと思うことがあります。そんな時、インターネット上に公開されているサーバへデプロイするのは面倒です。ローカルをそのまま公開できれば良いのにと思ったことがあるでしょう。そんな時に使えるのがmr2.jsです。ローカルの特定のポートをインターネット上に公開できます。## mr2.j...

List

  • 2019/06/22

glfx.js - JavaScriptで画像を加工

画像を加工する場合、画像編集ソフトウェアが使われます。そして加工したファイルを保存し、Web上にアップロードするでしょう。しかしこの場合、再度編集する際に備えて元ファイルは保存しておかなければなりません。また、同じ加工を何十枚もの画像に施すのも大変です。そこで使ってみたいのがglfx.jsです。JavaScriptを使...

List

  • 2019/06/22

AsteroidsWasm - C#/WebAssembly製のアステロイド

WebAssemblyの魅力として、JavaScript以外の言語でWebアプリケーションを開発できるという点が挙げられます。LLVMに変換できる言語であればOKらしいですが、通常はC/C++/Rust/Goあたりの言語が使われます。Monoを使うことでC#も利用できます。今回紹介するAsteroidsWasmはC#を...

List

  • 2019/06/21

Try Puppeteer! - クラウド上でPuppeteerを実行

Puppeteerを使ってChromeをヘッドレスで実行することがあります。単純な自動操作はもちろん、テストなどにも使えるので便利です。しかし、環境構築を各ローカルコンピュータで用意しなければならないのが面倒です。そこで使ってみたいのがTry Puppeteer!です。Puppeteerのスクリプトをクラウド上で実行し...

List

  • 2019/06/20

mario.js - マリオをWebサイトに追加

デスクトップに小さなキャラクターを表示するデスクトップマスコットが知られています。ちょっとした機能もあり、目にも楽しい存在です。同様の存在をWebサイトにも付けてみたいと思ったことはないでしょうか。今回はその一例としてmario.jsを紹介します。あなたのサイトにマリオを表示できます。## mario.jsの使い方実行...

List

  • 2019/06/19

Encryptic - 暗号化して保存されるWebノートアプリ

Webサービスとプライバシーは常に相対する存在です。個人のデータを預けるというのは信頼がおけるサービスでないといけません。データ漏洩なども頻繁に発生しており、その度に個人情報が危険にさらされています。防ぐための手段として、サーバ側のデータを暗号化する方法があります。今回は暗号化に対応したノートアプリ、Encryptic...

List

  • 2019/06/19

Makepad - アニメーションが付いたIDE

AtomやVisual Studio CodeがJavaScriptなどを使ってエディタを実現していることもあり、Webブラウザベースのエディタも現実的になっています。コードをローカルに保存する必要もなく、コンパイルや実行はサーバ上で簡単にでき、メリットも数多くあります。そんなWebブラウザ向けのエディタとして紹介した...

List

  • 2019/06/17

Translate side by side - 翻訳前後の文章を横並びで表示するGoogle Chrome機能拡張

Google翻訳を使って英語ページを日本語にしている人は多いかと思います。そんな時、変な訳にぶつかって原文を確認したいと思うこともあるでしょう。Google翻訳ではページ全体の翻訳または原文表示の2パターンしかサポートされていません。これは不便です。そこで使ってみたいのがTranslate side by sideです...

List

  • 2019/06/16

WebGL Fluid Simulation - 流体の動きをシミュレーション

流体の動きは実に不思議です。そもそも私たちに最も身近である水ですら、とても不思議な特性を持ち合わせています。水の上に水彩絵の具を垂らして、それが広がっていく様子を楽しんだり、紙に写し取ったりして遊んだ経験は誰もがあるのではないでしょうか。そんな流体の動きをシミュレートしたのがWebGL Fluid Simulation...

List

  • 2019/06/15

Zdog - SVGやCanvasにドロー

Illustratorなどで描いたキャラクターも、そのままでは単なる絵と変わりません。SVGであれば、JavaScriptを使ってインタラクティブな操作が実現します。そうすれば、画像とは違った楽しみ方が生まれるでしょう。今回紹介するZdogはJavaScriptでイラストを描き、3Dのように回転もできるライブラリです。...

List

  • 2019/06/14

CSS Grid Generator - CSSグリッドを簡単に作成

CSS3ではグリッドが簡単に作れる機能が実装されていますが、テキストできちんとした設計を行うのは大変です。左右の関係を考えながら組むのですが、入れ子になっていたりするとすぐに破綻してしまいます。最初の設計をきちんと行わなければなりません。そこで使ってみたいのがCSS Grid Generatorです。Webブラウザ上で...

List

  • 2019/06/13

CSS-Only Chat - JavaScriptを使わないWebチャット

技術の凄さを感じるのはどんな時か。一見すると無理と思えるようなことを実現できてしまっている時もその一つです。最近では機械学習を用いて粗い映像を高画質化するプロジェクトもあります。SFと思わんばかりの世界が実現しようとしています。今回紹介するCSS-Only Chatもすごいです。JavaScriptを使わずにリアルタイ...

List

  • 2019/06/12

Automatic App Landing Page - アプリ用Webサイトテンプレート

個人または企業でアプリを作っている人は多いですが、それらのランディングページはちゃんと作っているでしょうか。アプリを作るのに必死で、Webサイトは適当になってしまっているケースは多いようです。それではダウンロードにも結びつきづらいでしょう。今回紹介するAutomatic App Landing Pageはアプリ用のWe...

List

  • 2019/06/12

Tetris - Zig製のテトリス

最近、あらゆるプログラミング言語でテトリスを作る試みが行われいるのでしょうか。かつてはWikiや掲示板が作られていましたが、テトリスもシンプルなルールですし、ゲームとしてのインタフェースの面白さもあります。今回紹介するTetrisはZigというプログラミング言語を使って作られたテトリスです。## Tetrisの使い方画...

List

  • 2019/06/11

Uguu.se - テンポラリファイル共有

ファイルを共有するというのは、何らかのサービスを使っていれば簡単なのですが、繋がっていないもの同士だと非常に面倒です。Apple同士であればAirdropがありますが、異なるOSだとさらに面倒になります。そこで使ってみたいのがUguu.seです。一時的なファイル共有として使えるサービスです。## Uguu.seの使い方...

List

  • 2019/06/10

konstellate - Kubernetesの設定をビジュアル化

Kubernetes(以下k8s)は設定ファイルを記述してアーキテクチャを指定しますが、慣れるまでは設定が抜けてしまったり、うまくリンクできなかったりします。さらに設定が複雑化すると、全体を俯瞰的に確認したいと思うことでしょう。そこで使ってみたいのがkonstellateです。k8sの設定内容をビジュアル化します。##...