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

Webの記事一覧

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

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

もっと見る

List

  • 2017/07/29

BotUI - Web上で作るボット対話UI

ボット系サービスにおいて大事なのはボットとの対話インタフェースです。何かこちらが疑問を投げかけると、それに対してボットが答えます。最近の質はAIによって急激に向上していますが、対話インタフェースはずっと昔から変わりません。今回紹介するBotUIはそんなボットとの対話インタフェースをWeb上で手軽に実装できるライブラリで...

List

  • 2017/07/28

gpu.js - WebブラウザでGPUを手軽に扱えるようにするライブラリ

GPUは単純な計算処理などを行うのに適しています。アニメーションのような処理も得意です。最近ではAIのモデル作成などにGPUが注目されていますが、CSS3アニメーションなどWebブラウザでも利用できる場面が数多くあります。今回紹介するgpu.jsはそんなGPUによる計算処理を手軽に実現できるようにするJavaScrip...

List

  • 2017/07/27

Comicbed - ブラウザベースのコミックリーダー

電子書籍は様々なデバイスで表示できるようになっています。DRMが使われているとWebブラウザで表示するのは難しいですが、PDFであれば殆どのWebブラウザで表示できますし、PDF.jsのようにPDFをJavaScriptから扱えるライブラリもあります。今回はそんなPDFが使えるコミックリーダー、Comicbedを紹介し...

List

  • 2017/07/26

repost - みんなで投稿する日報システム

日報が日本独自のシステムなのか分かりませんが、日々の作業記録をつけるのは大事なことです。記録しておかないと後で振り返ることもできず、自分の成長を知ることさえできなくなります。蓄積は日々行わなければなりません。そこで使ってみたいのがrepostです。repostは日報システムになります。## repostの使い方repo...

List

  • 2017/07/26

CrankStarter - Kickstarterクローン

Kickstarterで出資をしたことがあるでしょうか。まさに未来のプロダクトや作品が並んでおり、ついつい参加したくなってしまいます。納期が遅れるのは当たり前で、むしろ予定を過ぎてからが本番とさえ言えます。中には破綻して届かないものもありますが…。そんなKickstarter風のサイトを立ち上げてみたかったらCrank...

List

  • 2017/07/25

Propeller - レスポンシブ/マテリアルデザイン対応の管理画面テンプレート

最近のWebデザインのトレンドはどんどんアプリ風に、複雑になっています。レスポンシブWebデザインによって、画面幅を意識したデザインになり、さらにマテリアルデザインによってユーザのアクションを意識するようになっています。これをすべて実装したサイトのデザインはとても難しいでしょう。そこで使ってみたいのがPropeller...

List

  • 2017/07/24

jquery-rsSlideIt - 2D/3Dでダイナミックなスライド切り替え

よりインパクトのあるスライドを目指すならば一つ一つのスライドはもちろん、そのスライドの切り替えにもこだわると良いでしょう。ダイナミックなアニメーションがあると目を引くプレゼンテーションにつながるはずです。今回紹介するjquery-rsSlideItはjQueryプラグインとして作られたスライド切り替えライブラリです。#...

List

  • 2017/07/22

SchemaSpy - 既存のDBスキーマからドキュメント生成

システム開発ではデータベースを使うことが多いです。開発のはじまった段階でしっかりしたER図を作っている場合、開発が進んでいる中で生じた仕様変更を常にドキュメントに反映していかなければなりません。これは大きなコストです。そこで使ってみたいのがSchemaSpyです。SchemaSpyは現在のデータベーススキーマを取得して...

List

  • 2017/07/21

jQuery Images Compare - 二つの画像をスライダーで比較

JPEGなど圧縮率によって画像の粗さやサイズが変わるフォーマットの場合、実際にその保存方法によってどう変わっているか比較してみないと分かりづらいでしょう。その時、ウィンドウを切り替えながら比較しても画面がチカチカしてしまってははっきりと分かりません。そこで使ってみたいのがjQuery Images Compareです。...

List

  • 2017/07/21

eCards - 送ろう!Web上でeカード作成

誕生日やクリスマスなどに、西洋ではグリーティングカードを送ります。日本でも売られてはいますが、年賀状ほど有名ではないでしょう。そして、最近ではもっと手軽にeカードが使われるようになっています。今回紹介するeCardsはWeb上でeカードを作成できるソフトウェアになります。## eCardsの使い方メイン画面です。テーマ...

List

  • 2017/07/19

Ketchup - シンプルなGo製CMS

様々なプログラミング言語でCMSが作られていますが、その多くはWeb開発に向いた言語やフレームワークになっています。例えばPHPやPerl、Ruby on Rails、Django、Tomcatなどを使って作られます。そんな中、一風変わっているのがKetchupです。なんとGoで作られたCMSです。しかもバイナリとして...

List

  • 2017/07/18

Flarum - PHP製。すっきりしたデザインのフォーラム

インターネットの基本とも言えるのがフォーラムや掲示板と言われるサービスです。これによって双方向性のコミュニケーションが生まれました。元々ニュースサーバにつないで読み書きしていましたが、徐々にWebブラウザ上で行うのが主流になっていきました。そんなフォーラムシステムの最新版としてFlarumを紹介します。多彩な機能を持っ...

List

  • 2017/07/15

php-excel2html - ExcelファイルをHTMLのテーブルタグで表示

業務システムでExcelファイルを扱う機会は多いかと思います。CSVファイルにしても良いですが、ユーザに一手間かけさせるのも面倒ですし、CSVと指定しているのにExcelファイルを送信されることもよくあります。であれば元々Excelファイルに固定してしまう方が手軽そうです。そこで参考になりそうなのがphp-excel2...

List

  • 2017/07/12

React Native Web Player - React NativeをWebでプレビュー

ReactはWebだけでなく、スマートフォン開発においても使えるフレームワークになっています。一度書けばすべての環境で動作する、という訳ではありませんが一度Reactの書き方に慣れてしまえば様々な環境に対してソフトウェアが開発できるようになります。そんなReactのスマートフォン版であるReact NativeをWeb...

List

  • 2017/07/10

share-this - Medium風にテキストをシェアする

オンラインのコンテンツはシェアされることで広まっていきます。Facebook、Twitter、Redditなど様々なサイトでシェアされ、さらに拡散されていきます。しかしシェアするというのも多少なりとも面倒なものです。そこで使ってみたいのがshare-thisです。Webサイト内に仕込んでおくことで、シェアが手軽になりま...

List

  • 2017/07/09

ecola - タッチスクリーン用のツリーエディタ

この操作は新しい!デスクトップとタブレット、スマートフォンではユーザ体験が全く異なります。同じ操作を行うにしても、デスクトップらしい操作、タブレットらしい操作があります。特に大きな違いとしてタッチディスプレイが当たり前な操作かどうかがあります。今回紹介するecolaは特にタッチスクリーンを対象としたツリーエディタになり...

List

  • 2017/07/08

decaffeinate - CoffeeScriptからES6へ変換

CoffeeScriptはJavaScript代替言語として一世を風靡しましたが、言語トレンドの移り変わりは非常に速く、今はECMAScript 2015(ES6)やTypeScriptで作るのが流行になっています。もうあまりCoffeeScriptを使う人はいないのではないでしょうか。そうした中にあって扱いに困るのが...

List

  • 2017/07/08

EpisoPass - 自分だけが知っている質問を使ってパスワードを生成

パスワード管理ツールは無数に存在します。個人的には1Passwordを使っていますが、多くのパスワード管理はマスターパスワードを使って他のパスワードを管理します。つまりマスターパスワードを忘れてしまうと大変なことになるので、ついつい簡易的なものを設定してしまったりします。そうならないための仕組みとしてEpisoPass...

List

  • 2017/07/04

appr-wrapper - Apple Payを手軽に実装できるJavaScriptライブラリ

Appleの提供する決済システムApple PayはiOS、macOSユーザにとっては便利な決済方法となっています。通常Webサービスレベルで提供されるところが、OSと関連した形で使えるのが特徴です。また、決済に対して障壁の少ないApple IDが使えるのも利点です。そんなApple PayをWebシステムで手軽に使え...

List

  • 2017/07/04

snack - まずいレベルで似せすぎているSlackクローン

良いサービスにはクローンが存在します。クローンが本家を乗っ取ることは殆どありません。ごく限られたニーズであったり、社内で利用すると言ったところで小さく利用される程度です。しかし利用者にとってはぴったりと当てはまるニーズが存在するでしょう。Slackについても同様で、多数の類似チャットサービスが存在します。今回はその一つ...