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

Webの記事一覧

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

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

もっと見る

List

  • 2017/06/07

YouPHPTube - PHP製のYouTubeクローン

YouTubeを使えば動画の配信がとても簡単にできる一方、動画は自分たちのコントロール下で配信したいと考える企業も多くあります。ネットワークリソースなどが潤沢であれば、もちろんそういった選択肢もありでしょう。そんな時に使えるのがYouPHPTubeです。PHPで作られたYouTubeクローンになります。## YouPH...

List

  • 2017/06/07

Naumanni - 日本製のMastodonクライアント

Mastodonが一気に注目を集めています。ブームは去った感がありますが、残った人たちが使い続けていくことでTwitterとは異なる生態系が形成されていくことでしょう。そんな中必要になるのが専用クライアントです。元々MastodonではTweetDeck風のUIが提供されていますが、より便利に使えるようになるのがNau...

List

  • 2017/06/05

Kaleidoscope - Webサイトに埋め込める360度写真/動画ビューワー

THETAなどのデバイスと、各ソーシャルサービスが対応したことで360度写真、360度動画が使われるようになっています。スマートフォンの写真とは違って、普段は見られない部分まで自分で自由に視点を変えられるのが魅力です。しかしフォーマットが特殊なので、専用のビューワーが必要になります。今回紹介するKaleidoscope...

List

  • 2017/06/04

FireEdit - Firebaseを使ったリアルタイム同期エディタ

リアルタイムに同期してくれるエディタは意外と便利です。会社で議事録を取っている場合、ペアプログラミング、ちょっとしたメモであっても同じディスプレイを見ずに共有できていると情報伝達が素早くなります。今回はFirebaseを用いることでサーバレスでリアルタイム同期できるエディタ環境を提供するFireEditを紹介します。#...

List

  • 2017/06/04

Mavo - Webアプリケーションを作る新しいアプローチ

最近、ReactやVueなどのビューエンジンに人気が集まっています。双方向更新が可能で、データをアップデートすれば自動的にUI側も更新されます。これにより、DOM周りのステータス管理から解放されるようになります。今回紹介するMavoもビューエンジンですが、半分ロジックも加わったような作りになっています。## Mavoの...

List

  • 2017/06/03

Apache Allura - Apache製のGit管理サーバ

GitHubやGitlabなどGitリポジトリを管理するサービスは多数あります。そんな中、企業内部でGitリポジトリを管理するサーバを立てたいという声もあります。Gitlabは良い選択肢になりますし、GitHub Enterpriseを使う手もあります。そんな中、別な選択肢としてApache Alluraを紹介します。...

List

  • 2017/06/02

Total.js Messenger - Node製のSlackクローン

Slackはテック業界ではデファクトといっても良いくらいのシェアになってきています。会社全体で使っていなくともプロジェクトでは使っているという企業は多いのではないでしょうか。そんなSlack風のチャットアプリは幾つかありますが、今回はnodeで作られたTotal.js Messengerを紹介します。## Total....

List

  • 2017/06/01

KanbanDown - Markdownからカンバン風リストを生成

Markdown記法は十分に認知されています。そのためMarkdown記法をベースにソフトウェアを作れば、開発者はすぐに使い方を覚えてくれるようになります。これは大きなメリットです。今回紹介するKanbanDownはMarkdown記法からカンバン風タスクリストを生成してくれるソフトウェアです。## KanbanDow...

List

  • 2017/06/01

maildown - Markdownを日本企業で使えるメール文面に変換

Markdownが便利な記法であってもすべてに使える訳ではありません。まだまだ個人間でやり取りされるメールはテキストが一般的で、HTMLメールが使われることはほぼありません。となるとMarkdownの出番がありません。そこで作られたのがmaildownです。Markdownで書かれた文章を日本企業で使われるメール風の体...

List

  • 2017/05/26

GanttPad - テキストからガントチャート生成

プロジェクト管理と言えばガントチャートと言うくらい必要としている方は多いです。少なくとも一覧では分からなかったタスクの関連であったり、今後のタスクの予定が可視化されるようになります。それによって無理が来るポイントなども掴めるようになるでしょう。今回紹介するGanttPadはテキストで書いたタスクをガントチャートに展開し...

List

  • 2017/05/26

PictShare - 画像加工Web APIを搭載した画像アップローダー

友人に写真や動画を送りたいと思った時に、サイズや量が多いと意外と面倒なことがあります。チャットでは強制的にファイルが送られてくるので受取手にとっては嫌なタイミングなこともあります。Gmailではファイルのサイズ制限があります。そこで使ってみたいのが画像や動画専用のアップローダーPictShareです。ちょっとしたWeb...

List

  • 2017/05/25

Bemuse - ハマらないよう注意。Webベースの音ゲー

音ゲーは根強い人気のあるゲームジャンルです。やり方も手を使ったりバチを使う、足で行うなど様々な種類があります。手で行うものであればパソコンで再現されたソフトウェアも数多く存在します。好きな方はハマってしまうことでしょう。そんな音ゲーをWebブラウザベースで楽しめるのがBemuseです。HTML5で作られているので幅広い...

List

  • 2017/05/25

Progressive Image.js - ぼかし画像を使う画像遅延読み込み

写真コンテンツは見せ方が大事です。単純に一覧として表示しているだけではよくありません。より印象づけるための手段として、ユーザアクションと関連づけるという方法があります。そうすることでオンデマンドな情報提供ができるようになります。今回紹介するProgressive Image.jsはFacebookやMediumにインス...

List

  • 2017/05/24

Embed - Webサイトのメタ情報を取得

ソーシャルサービスなどの発展に合わせてWebサイトには多くのメタデータが埋め込まれるようになっています。それらのメタデータを用意することでよりリッチなコンテンツをユーザに提供したり、意図しない情報共有を防げるようになります。今回はそうしたWebサイトに埋め込まれた各種情報をピックアップできるEmbedを紹介します。##...

List

  • 2017/05/23

notable - Go製のシンプルなWebノートアプリ

ノートアプリケーションは世の中に多数あります。毎月のように新しいサービスが作られており、それぞれに特徴があります。どれか一つに定まらないということは、それぞれ理想とする世界が異なるためでしょう。今回紹介するのはnotable、シンプルなWebノートアプリケーションです。## notableの使い方最初にノート一覧が表示...

List

  • 2017/05/22

codepan - オフラインでも動作するJSFiddle/CodePenクローン

JSFiddleやCodePenといったサービスはとても便利です。Web上の基本要素であるHTML/CSS/JavaScriptを書いて、その場ですぐに実行できます。そのまま残しておけるので、動くデモを人に見せるのが簡単です。しかし問題はオンラインサービスゆえにインターネット接続が必要ということです。そこで使ってみたい...

List

  • 2017/05/20

Print.js - Webで任意のコンテンツを印刷できます

Webが苦手としているものの一つに印刷があります。Webサイトを印刷しようとしてデザインが崩れてしまった経験はないでしょうか。また、ごく一部だけ印刷したいのにそれもままなりません。そこで使ってみたいのがPrint.jsです。印刷対象を細かく指定できるソフトウェアです。## Print.jsの使い方一例です。PDFファイ...

List

  • 2017/05/19

Wobble window jQuery plugin - HTMLの枠がプルンプルンに

人の目を引くデザインは奇抜なものばかりではありません。普段何気なく使っているものが別な場所にも出てきたりすると驚かれることもあるでしょう。特にコンピュータ内で自然に存在するものを再現すると興味を持つ人たちがたくさんいます。今回紹介するWobble window jQuery pluginもそんなライブラリの一つです。柔...

List

  • 2017/05/18

Spotify For Everyone - Spotifyの埋め込みタグを簡単に生成

日本にも上陸したSpotifyでは音楽を手軽に楽しめます。定額制なのでいくらでも音楽が楽しめるのは便利です。基本的に会員向けのサービスではありますが、人に紹介したいと思うこともあるでしょう。Spotifyでは埋め込み用のタグを提供していますが、もっと簡単に埋め込めるようになるのがSpotify For Everyone...

List

  • 2017/05/18

Prettier - JavaScriptのコードを見やすく整形

JavaScriptは人によって書き方が変わる言語でもあります。企業によっては基準を設けたりしますが、それでもLint系で注意するのが精一杯でしょう。見づらいコードはそれだけバグをはらみやすく、システムの品質を低下させます。そこで使ってみたいのがPrettierです。JavaScript用のコード整形ツールです。## ...