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

Webの記事一覧

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

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

もっと見る

List

  • 2017/08/03

DoppioJVM - JavaScriptで作られたJavaVM

JavaといえばかつてはWebブラウザ上でも動いていました。Javaアプレットと呼ばれる技術で、とんでもなく遅かったり、セキュリティホールになったりと悩みの多かった存在ではないでしょうか。HTML5になり、プラグインが軒並みなくなっていく中でJavaアプレットも動く機会がなくなっています。そんな中、安全にJavaが実行...

List

  • 2017/08/02

Chameleon.js - 画像からカラーパターンをピックアップ

Webサイトのデザインを考える上で色彩は重要なパーツです。それだけに慎重に選ばざるを得ません。同系色でまとめれば良いという訳でもなく、一見すると合わないような色合いでも意外とマッチするケースもあります。そんなカラーパターンを既存の画像からピックアップしてくれるのがChameleon.jsです。## Chameleon....

List

  • 2017/08/01

p5.js - Processingライクに使えるグラフィックスライブラリ

Processingといえばグラフィカルなアート作品を生み出す言語として知られています(またはArduinoで使える言語として知っている方も多いでしょう)。しかし専用の言語を覚えないといけないという点において利用を躊躇してしまっている方も多いはずです。そんな方に使ってみて欲しいのがp5.jsです。グラフィックス、インタ...

List

  • 2017/07/31

Sirius UI - Bootstrap/Vue.jsを組み合わせたUIデザインテンプレート

UIライブラリは幾つ知っておいても役立つものです。Webサイトの雰囲気に合わせてピックアップしたり、機能によって差別化もできるでしょう。すべての要件を一つのUIフレームワークで達成できる訳ではありませんので、色々知っておくとぴたりと当てはまる場面があるはずです。今回はSirius UIというUIフレームワークを紹介しま...

List

  • 2017/07/31

ExportToExcel - Web上でデータをExcelにエクスポート

Webブラウザでデータをダウンロードしたいというニーズはよくあります。データフォーマットとしては幾つもありますが、特に要望が多いのはExcelフォーマットではないでしょうか。CSVでも良いですが、より使いやすいフォーマットのはずです。そこで使ってみたいのがExportToExcelです。クライアントサイドでExcelフ...

List

  • 2017/07/30

pell - 1KBの軽量なWYSIWYGエディタ

Webでコンテンツを公開するのが当たり前になっている一方、HTMLを習得している割合はそれほど高くありません。そのため、コンテンツを作成する負荷を軽減するためWYSIWYGエディタの存在は大事になっています。今回はpellというエディタを紹介します。わずか1KBという軽量なライブラリです。## pellの使い方こちらが...

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...