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

Webの記事一覧

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

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

もっと見る

List

  • 2017/04/15

Chessboardjs - JavaScriptで制御できるWebチェスボード

チェスは将棋に並んで人気がある、全世界で楽しまれているゲームです。それだけにプレイヤーも国内だけでなく世界中に存在します。むしろ海外発祥なのもあり、レベルが高いのは海外の人たちになるでしょう。世界中の人たちとチェスを楽しもうと思ったらWebブラウザを使うのが一番手軽です。そんな時に使えるのがChessboardjsにな...

List

  • 2017/04/15

Polr - PHP製のシンプルな短縮URLシステム

短縮URLのシステムは一時パブリックなものが多数出ましたが、今では新しいサービスが出てくることは殆どありません。しかし自社のサービスに組み込んで使いたいというニーズはとても強くあります。メールやソーシャルで利用できるのがポイントです。そこで使ってみたいのがPolrです。PHPで作られたシンプルな短縮URLシステムです。...

List

  • 2017/04/14

AsciiMath - テキストを数式に整形

学術的なものに限らず、Web上で数式を扱いたいと思うことは多々あります。Webの標準における表現力はとても乏しいので、括弧や^などを使った数式の組み立てではとても分かりづらいでしょう。そこで使ってみたいのがAsciiMathです。テキストベースの数式を見やすく整形してくれます。## AsciiMathの使い方デモです。...

List

  • 2017/04/13

ZOMEKI - Rails製。地方自治体向けのCMS

誰でも使いやすいWebサイト、というのは誰もが考えるものですが、なかなか実現するのは難しいものです。特にITリテラシーの低い層まで含んで考えると新しいデザインや技術には取り組みづらくなるでしょう。今回は広くあまねく考えざるを得ない自治体向けのCMS、ZOMEKIを紹介します。## ZOMEKIの使い方利用者向けの画面で...

List

  • 2017/04/12

Leanote - Evernote似のWeb/デスクトップメモソフトウェア

ノートアプリは数多あります。しかしすべて同じではなく、ちょっとした使い勝手が違ったり、コンセプトが異なったりします。そのため、自分の使いやすいものを試して、確かめる必要があります。今回はLeanoteというソフトウェアを紹介します。サーバ連携型のメモソフトウェアです。## Leanoteの使い方メイン画面です。なんとな...

List

  • 2017/04/10

jExcel - Webに埋め込んで使えるExcel風表計算

業務システムなどで一覧表を表示する場合、主に2パターンあると考えます。一つは画面全体に表示する検索結果的な画面、もう一つはマスター管理など小さな表を幾つか並べる場合です。今回紹介するjExcelはどちらかというと後者の、小さな表を埋め込み表示するのに便利なライブラリです。## jExcelの使い方こんな感じに表示できま...

List

  • 2017/04/08

jQuery File Browser - Webベースのファイルブラウザ

ユーザ向けにストレージに開放しているサービスの場合、ファイル一覧やファイルを開くような機能を提供したいと思うでしょう。かといって使い勝手の良いインタフェースは難しく、ツリービューを使ったりします。もっとインタラクティブなファイル管理機能を提供したいならばjQuery File Browserを使ってみましょう。## j...

List

  • 2017/04/07

PDFAnno - WebベースのPDF注釈ツール

PDFは基本的に編集できないようになっているので、何か指摘したい時には注釈やコメントという手段になります。macOS標準のプレビューではPDFに注釈を付ける機能があったり、多くのソフトウェアにそういった機能があります。今回紹介するオープンソース・ソフトウェアはPDFAnno、WebベースのPDF注釈ソフトウェアです。#...

51925?type=list&url=http%3a%2f%2fimages.moongift.jp%2f2017%2f03%2fopen-source-frame+player-3.e52945e92d3ab47666a373fcf0a7d2c7

  • 2017/04/06

Frame Player - 画像を使った動画風プレイヤー

Web上で再生できる動画と言えばMPEG4やWebM、さらにアニメーションGIFがあげられます。基本的に流れている動画はそのまま使われ、制御できるのは再生や音量くらいとなっています。もっと細かく制御できる動画(のようなもの)を使いたい時にはFrame Playerを使うというテクニックがあります。## Frame Pl...

List

  • 2017/04/03

HexoPress - Googleドキュメントを使ったブログシステム

ブログエンジンで必ず必須になるのが管理画面ではないでしょうか。コンテンツをためておいて、一覧したり編集できる仕組みが必要です。静的なブログエンジンの場合はローカルのフォルダが管理する機能になるでしょう。そんな中面白いのがHexoPressです。なんとGoogleドキュメントをコンテンツを蓄積する場としています。## H...

List

  • 2017/04/02

Redaxscript - モダンなデザインと軽量さが売りのPHP製CMS

CMS(コンテンツ・マネジメント・システム)はWebの黎明期はもちろんのこと、現在でも多種多様に新しいソフトウェアが登場する分野です。トレンドも変わっていますし、新しいキーワードを取り込んで進歩し続けています。今回はモダンで軽量さを謳ったCMS、Redaxscriptを紹介します。## Redaxscriptの使い方イ...

List

  • 2017/04/01

Alloy Editor - 多機能でWYSIWYGなMarkdownエディタ

Markdownは覚えやすい記法だと思いますが、それでも一定の書き方を覚えないと使いこなせません。そのため多くのMarkdownエディタでは2画面のプレビューがある(間違っていないかすぐに確認できる)ものとなっています。個人的には2画面があまり好きではないのでWYSIWYGなものがないかと思っていました。そこで出会った...

List

  • 2017/03/31

Key Surfer - Google ChromeのWebブラウジングを高速化

Webブラウザはマウスやタッチパッド操作が基本です。リンクをタブキーで辿ることはできますが、何回も入力したりするのは面倒に感じる人も多いでしょう。その結果、プログラマであってもWebブラウザを使うときにはマウスを使い続けることになります。そんな操作が嫌だという方はKey Surferを使ってみましょう。リンクを辿るのが...

List

  • 2017/03/30

OpenPGP.js - JavaScriptで使えるOpenPGP

今、セキュアに情報を管理しようと思うと採用したいのが秘密鍵/公開鍵ではないでしょうか。ビット数によりますが、十分に長ければおいそれと解除されることはないでしょう。問題は一般ユーザに普及していないことです。もしWebサービスで導入したかったらOpenPGP.jsを使ってみてはいかがでしょう。JavaScript上でOpe...

List

  • 2017/03/29

Gutenberg - Webページの印刷用フレームワーク

Webの印刷機能は貧弱です。そのため多くのレポートはHTMLではなくPDFなどに出力されます。日本の業務システムは特に印刷内容の細かい制御が求められるのではないでしょうか(経済合理性はさておき)。もっと手軽に印刷指定を行いたい、という方はGutenbergを使ってみましょう。モダンな印刷を実現するためのフレームワークで...

List

  • 2017/03/28

HTML5 Bombergirl - HTML5製のボンバーマン

最近のゲームはやり方を覚えるまでにそれなりに時間がかかります。そのため、時間がない人は遊びたくともなかなかできません。その点、昔ながらの古典的ゲームであれば操作もシンプルですぐに遊べます。今回は昔懐かしいボンバーマンをWeb上で再現したHTML5 Bombergirlを紹介します。## HTML5 Bombergirl...

List

  • 2017/03/28

Clappr - 機能拡張できるWeb用動画プレイヤー

動画コンテンツが一気に広がっています。スマートフォンやアクションカメラ、360度動画など様々な撮影デバイスも登場しており、今後もますます利用が広がっていくことでしょう。そんな動画コンテンツで必要なのがプレイヤーです。今回紹介するClapprは機能拡張がサポートされた動画プレイヤーになります。## Clapprの使い方使...

List

  • 2017/03/27

Resumable.js - HTML5 File APIを使ったリジューム付きファイルアップローダー

Webで面倒に感じるのがファイルのアップロードです。特に途中でネットワークが切れた時には大きなストレスになります。1回で数百MB、数GBの大きなファイルをアップロードするとなればリジューム機能が欲しくなるはずです。そこで使ってみたいのがResumable.jsです。HTML5のFile APIを使ってリジューム機能を実...

List

  • 2017/03/26

Smart Answers - インタラクティブに進めて答えが得られるシステム

世の中には計算が若干面倒という場面が多々あります。例えば通貨の換算であったり、カロリーの計算なども面倒でしょう。そうした時、ロジカルに考えていく方法が分かっていれば、考えるプロセスはとてもシンプルになります。そうした思考プロセスを補助してくれるソフトウェアがSmart Answersになります。## Smart Ans...

List

  • 2017/03/25

WebPack Playground - WebPackをWeb上で体験しよう

JavaScriptの利用範囲が広がるのに合わせてライブラリを使ったり、ソースコードが分かれているのを統合したりする必要が出てきました。その際に使われているのがBrowserifyであったり、WebPackです。今回はWebPackをWebブラウザ上で体感できるWebPack Playgroundを紹介します。## W...