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

Webの記事一覧

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

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

もっと見る

List

  • 2017/12/14

JS CMS - 管理画面が作り込まれた国産CMS

CMSは数多に存在しますが、それぞれ使い勝手が微妙に違います。それによって手に馴染む、馴染まないと感じることは多いでしょう。使ってみないと分かりませんが、そもそものコンセプトに現れていたりするものです。今回紹介するJS CMSはずばり、デザイナー向けのCMSとなっています。また、国産とあって日本人にとって使いやすいでし...

List

  • 2017/12/12

zimg-host - シンプルな画像ホスティングサーバ

画像をアップロードして共有したいと言う時はよくあります。社内などであればファイルサーバに送ってパスを共有すれば良いでしょう。しかし場合によって最適な方法は異なります。そこで使ってみたいのがzimg-hostです。シンプルな画像ホスティングサーバです。## zimg-hostの使い方画像はローカルのファイルをアップロード...

List

  • 2017/12/12

Image Picker - 画像を選択する入力コンポーネント

画像が並んでいて、そこから選ぶようなインタフェースを作る場合、どういうものを想像するでしょうか。画像の下にチェックボックスを配置するのが簡単そうですが、直感的とは言いがたいUIです。そこで使ってみたいのがImage Pickerです。画像をそのまま選択できるコンポーネントになっています。## Image Pickerの...

List

  • 2017/12/11

Cyborg Writer - 自然な文章を生み出すコンピュータ

近い将来、AIや機械に置き換わってしまう職業は多数存在します。タクシーやバスの運転も自動化されていくでしょう。創造的な仕事はなかなか置き換わらない、と言われていますが、それも分かったものではありません。Cyborg Writerはあくまでも実験的なものですが、自然言語処理によってテキストを生成します。## Cyborg...

List

  • 2017/12/10

Baby Buddy - スマート子育てシステム

子育ては大変です。夜泣きで起こされたり、遊んだり、さらに寝かしつけたり…。愛情があるからこそ乗り越えられるわけですが、それでも辛さは変わりません。プログラマにとっては、思ったような動きをしてくれない辛さを感じることでしょう。しかしそんな子育ても見方によっては楽しめるようになります。そのためのシステム、Baby Budd...

List

  • 2017/12/09

mofron - .NETやSwingのように画面デザインできるUIフレームワーク

Webは表現力が高い一方、その高さ故にゼロから作ろうと思うと手間に感じてしまいます。デザインをあまり気にしない業務システムであっても、素のHTMLままでは使う気にならないでしょう。そこで使ってみたいのがmofronです。.NETやSwingで作っているように、画面の設計をコードの中から行えるUIフレームワークです。##...

List

  • 2017/12/09

FixedLayout Epub3.js - 固定レイアウトのePub3ファイルを生成

日本の電子書籍で一番販売されているのはマンガだそうです。日本の誇る文化の一つでもありますし、読んでいる方も多いでしょう。そんなマンガを電子版にする上で大事なのがレイアウトです。通常、電子書籍は読み手の状況に合わせて文字サイズなどのレイアウトを自由に変えられるのですが、マンガの場合は逆に固定化されていないといけません。そ...

List

  • 2017/12/08

fullPage.js - フルスクリーンスライダー

最近のWebサイトでは一画面一コンテンツのページ構成が増えています。特にSPAやプロジェクトページなどで使われており、スクロールするとコンテンツ全体が切り替わります。Webページだけでなく、HTMLプレゼンテーションでも使えます。そうした表示に使えるのがfullPage.jsです。アイディア次第で色々な使い方ができるで...

List

  • 2017/12/08

blocks.js - 複雑なデータフローの可視化

システムには何らかの入力があって、それが処理されて出力されます。処理は一段階に限らず、複数のステップを経ることもあります。さらに入力ソースが複数名こともあります。そうした複雑なデータフローを表現するのに向いたライブラリがblocks.jsになります。## blocks.jsの使い方メイン画面です。各ノードが線でつながっ...

List

  • 2017/12/07

Dev Portfolio - 開発者向けポートフォリオテンプレート

フリーランス、個人事業主であれば自分のポートフォリオページを用意すべきです。そこでどんな技術を持っているか、職務経歴やこれまでに経験したプロジェクトなどをアピールしましょう。Dev Portfolioはそんなポートフォリオテンプレートの一つです。Dev Portfolioをベースに自分用にカスタマイズすれば簡単にポート...

List

  • 2017/12/07

Multi-Step-Form-Js - フォームをマルチステップに変換

入力フォームが長かった場合、幾つかのステップに分割することがあります。そうした時、都度サーバに飛ばす方式が選ばれることが多いですが、その度にデータの送信とレンダリングが行われて面倒です。そこで使ってみたいのがMulti-Step-Form-Jsです。jQueryでフォームをマルチステップに変換してくれます。## Mul...

List

  • 2017/12/06

stacks-cli - 気になるWebサービスで何が使われているのか調査

イケてるWebサービスではどんなフレームワークやライブラリが使われているのか気になる人は多いでしょう。やはりトレンドのフレームワークを組み合わせているのか、はたまた意外と枯れた技術を使っているのか。そんな調査ができるライブラリがstacks-cliです。気になるWebサービスで実行してみましょう。## stacks-c...

List

  • 2017/12/05

Rich FileManager - Webベースのファイル管理

Webアプリケーションが増えていくと必要になるのが、OSの基本とも言えるファイル管理です。サーバ上のストレージに入ったファイルを閲覧したり、編集は別なWebアプリケーションなど利用法は様々に考えられます。そんなファイル管理としてRich FileManagerを照会します。ファイルのプレビューもできる多機能なファイルマ...

List

  • 2017/12/04

jquery-bubble-text - テキストアニメーションのjQueryプラグイン

アニメーションはただ静的に書かれているのに対して何倍も見た目のインパクトがあります。ともすると見逃されてしまいがちなテキストもアニメーションすることによってユーザに見てもらえるようになります。そんなアニメーション、特にテキストを動かしてくれるライブラリがjquery-bubble-textです。## jquery-bu...

List

  • 2017/12/03

datasette - SQLiteをJSON API化

社内システムであればMS Accessの代わりにSQLite3にデータを入れても良いでしょう。MS Accessと同じように単一ファイルで動きますし、多彩なプログラミング言語から利用できます。さらにそのデータを閲覧するのであれば、datasetteを使ってJSON API化すると便利です。## datasetteの使い...

List

  • 2017/12/02

adminMongo - WebベースのMongoDB管理

MongoDBはNoSQLのドキュメント型データベースとして最も有名な存在になっています。実際の開発でも使われるケースが増えているのではないでしょうか。そして開発している際に必要なのが管理画面です。今回紹介するadminMongoはWebベースのMongoDB管理システムです。## adminMongoの使い方ダッシュ...

List

  • 2017/12/02

RainLoop Webmail - PHP製のシンプルなWebメーラー

Webメーラーの利点はデータをサーバに置いておけることでしょう。それによってクライアント側のストレージを消費しないで済みます。また、検索もサーバ側の強力なパワーで行えますし、メールチェックも自動で行ってくれます。自社でWebメールのサーバを設置するのであればRainLoop Webmailを使ってみてはいかがでしょう。...

List

  • 2017/12/01

Jskomment - Ajaxの簡易的コメントシステム

ブログなどには必須のコメント機能ですが、静的なブログシステムでは実現できません。そこでよく使われるのがFacebookのコメントボックスなどですが、データを自分たちで管理したいというニーズもあるでしょう。そこで使ってみたいのがJskommentです。Ajaxを使ったコメントシステムです。## Jskommentの使い方...

List

  • 2017/11/30

bitaddress.org - Web上でBitcoinウォレットを生成

Bitcoinは未来の通貨として登場し、すでに一定の地位を築きつつあります。Webブラウザベースで採掘する仮想通貨もあったりして、それで広告の代わりに収益をあげるなど新しい使い方も生まれています。今回紹介するオープンソース・ソフトウェアはbitaddress.org、Webブラウザ上でBitcoinのウォレットを生成す...

List

  • 2017/11/28

js2flowchart.js - JavaScriptのコードをフローチャート化

複雑なコードはバグを含みやすくなります。インデントは浅い方が良いですし、関数は短く機能は単機能になっている方が良いでしょう。そうした複雑性の基準はどうやって設けたら良いでしょうか。一つのアイディアとして使えそうなのがjs2flowchart.jsです。JavaScriptのコードをビジュアル化し、フローチャート化してく...