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

Webの記事一覧

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

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

もっと見る

List

  • 2017/04/27

Mastodon - 分散型SNS

ソーシャルと言えばFacebookとTwitter、後はLINE、Instagram、WhatsApp、LinkedInなどがメジャーで、新しい芽は出づらいと考えられてきました。ソーシャル系はユーザ同士のコネクションが密で、他に出て行きづらいからです。しかし最近になって新しいSNSが注目を集めています。それがMasto...

List

  • 2017/04/27

nunuStudio - Webベースの3Dコンテンツ開発環境

3Dコンテンツは作成が難しいイメージがあります。特に作る環境を整えるのが難しく、専用のソフトウェアも高かったりします。作るためのテクニックも必要など、素人には非常に高い敷居がある分野と言えるでしょう。そんな3DコンテンツをWeb上で作成できるのがnunuStudioです。## nunuStudioの使い方nunuStu...

List

  • 2017/04/26

codewich - Web上でTypeScriptを記述して実行

Googleが社内の標準言語にTypeScriptを決定するなど、TypeScriptに対する人気が高まっています。型が決められ、各種IDEとの親和性も高く、コードを事前にチェックしたり候補を出したりと便利な機能が使えます。そんなTypeScriptをWeb上で試せるのがcodewichになります。## codewic...

List

  • 2017/04/25

Cosmo - SPA用CMS

最近はSPA(シングルページアプリケーション)が流行っています。Ajaxを使わなかったとしても一つのページだけで表現されているのは閲覧者にとっても利便性の高いものになるでしょう。そんなSPA用のCMSがCosmoになります。## Cosmoの使い方デモページです。大きな写真が印象的です。!

List

  • 2017/04/25

Financier - Ruby製のビジネス管理プラットフォーム

ビジネスではデータとステータスを適切に管理するのが大事です。顧客データや商品データはもとより、作業タスクなどもきちんと管理されていなければなりません。一元的に管理されているとすぐに利用できます。そんなビジネス管理のプラットフォームがFinancierになります。## Financierの使い方基本的に全体として似たよう...

List

  • 2017/04/23

Planck.js - JavaScript製、2D用物理エンジン

Web向けにゲームを作ったり、ユーザの操作に合わせてオブジェクトが動くようにしたりするのに必要になるのが物理エンジンです。単に横滑りするのではなく、他のオブジェクトや重力の影響を計算することでよりリアルなゲームになります。そこで使えるのがPlanck.jsです。2D向けの物理エンジンです。## Planck.jsの使い...

List

  • 2017/04/21

across-tabs - クロスオリジンをサポートしたタブ間通信ライブラリ

Webシステムを開発していて、ボタンを押したりリンクをクリックしたらタブが開くようにすることは多々あります。しかし無尽蔵に開いてしまうとメモリを食いますし、ユーザに嫌がられます。そこで使ってみたいのがacross-tabsです。タブ同士の通信を可能にするライブラリです。## across-tabsの使い方新しいタブを開...

List

  • 2017/04/19

BigPicture - YouTubeやVimeoにも対応した画像/動画表示ライブラリ

画像や動画は見せ方が大事です。単にリンクを貼って、クリックしたら画像だけが表示される…なんてのはよくありません。最近は画像の解像度が上がっているので、サムネイルと実際の写真とをうまく見せる必要があります。今回紹介するBigPictureはWebベースの画像、動画表示ライブラリになります。## BigPictureの使い...

List

  • 2017/04/18

Furikaerin - KPTを使って業務を改善しよう

KPTという活動があります。アジャイル開発のバックログと一緒に語られることが多く、KEEP(良かったこと)とPROBLEM(問題点)、TRY(次に試すこと)の3つを書き出すというものです。書き出すのがキーで、それによって今回の活動の振り返りと次に向けてやることが可視化されます。そんなKPTをWebベースで手軽に行えるよ...

List

  • 2017/04/17

nanogallery2 - 多彩な表示をサポートした写真ギャラリー

スマートフォンやデジカメによって写真コンテンツは爆発的に増加しています。しかしそうやって撮りためた写真も見せなければストレージの肥やしになってしまいます。単なる一覧ではよくありません。そこで使ってみたいのがnanogallery2です。クラウドサービスにも対応した写真ギャラリーです。## nanogallery2の使い...

List

  • 2017/04/17

Backgammon - Webベースのバックギャモン

バックギャモンというゲームを知っていますか。サイコロを振って、コマを自分の陣地まで移動させるゲームです。簡単なだけに奥が深く、非常にファンの多いゲームとなっています。そんなバックギャモンをWeb上で、コンピュータ相手に楽しめるのがBackgammonです。## Backgammonの使い方こちらがゲーム画面です。!

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