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

Webの記事一覧

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

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

もっと見る

List

  • 2017/12/17

Fuck-Youtube - 見られないYouTube動画を見る

YouTubeを見ていて時々出くわすのが「この動画は、お住いの国では公開されていません」というメッセージです。これは動画の設定で公開範囲を設定している場合に表示されますが、何とかして見たい動画もあるでしょう。VPNを使ったりして回避する方法もありそうですが、もっと簡単なのがFuck-Youtubeをインストールする方法...

List

  • 2017/12/17

Geist - 関連性に重点を置いた個人用ナレッジベース

個人のナレッジはきちんと積み重ねていかなければなりません。日々のインプットを書きためておく場所を用意しておかないと、あっという間に頭の片隅から抜け落ちてしまいます。そこで使ってみたいのがGeistです。個人のナレッジについて、関連性を用いて描けるソフトウェアです。## Geistの使い方メイン画面です。主な機能はノート...

List

  • 2017/12/16

PaintCoin - オリジナルのゴールドコインを作る

海外製のコインを集める人や、記念コインをコレクションしている人たちがいます。コインには通常の貨幣としての価値以外にも、怪しい魅力があるのでしょう。貨幣を表すアイコンや、リッチな雰囲気を出す場合などでもコインはよく使われます。今回はそんなコインをオリジナルで作れるPaintCoinを紹介します。## PaintCoinの...

List

  • 2017/12/15

Codenvy - Web上の開発&実行環境

Cloud9を買収したAWSが、Web上でIDEを提供することを発表しました。これによってWebブラウザさえあれば開発を行って、さらにデプロイまでできる世界が実現します。開発環境を整えたり、エディタを用意する必要もなくなります。同じような開発、実行環境をオープンソースで作りたいならばCodenvyを使ってみましょう。#...

List

  • 2017/12/15

Gorilla Dropdown - ドロップダウンをリッチに

HTMLの入力UIの中で非常に貧相に感じるのがドロップダウンです。単数選択、複数選択のいずれもシンプルで使い勝手もよくありません。テキストエリアはWYSIWYGにするライブラリが多数ある中、ドロップダウンはなかなか進化しません。そこで紹介したいのがGorilla Dropdownです。ドロップダウンを格好良くしてくれる...

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の使い...