undefined

bokuweb.me

3月に見つけたWEBサービス等作ってみた記事まとめ

作ってみた系の記事3月分をまとめました。

サクサクひける!ポップアップ辞書Chrome拡張(英和/英英辞典)を公開しました

easyramble.com

つくったもの

chrome.google.com

どんなもの?

Google Chrome ブラウザで、ウェブページの英単語にマウスオーバーすると、ポップアップ辞書が表示され英単語の意味を調べられます。英和辞典または英英辞典をご利用できます。

使用技術

  • html
  • css
  • javascript

AngularJSを使ってタグベースのはてブビューアを作ってみた

hogesuke.hateblo.jp

つくったもの

Skimii

どんなもの?

タグベースのはてブビューアを作りました。ウォッチしたいキーワードをタグとして登録すると、ブックマークされたエントリをタグごとに一覧表示します。

使用技術

  • フロントエンド:AngularJS1.3、Bootstrap3
  • バックエンド:Ruby + Sinatra
  • サーバ:さくらVPS 1G
  • DB:MySQL
  • HTTPサーバ:Nginx
  • APサーバ:Unicorn

Web Components フレームワーク Polymer を使って付箋メモアプリを作ってみた

Web Components フレームワーク Polymer を使って付箋メモアプリを作ってみた - rakuishi.com

つくったもの

github.com

memol

どんなもの?

付箋メモアプリ memol.というわけで、付箋メモアプリを練習がてら作ってみた。

使用技術

  • Polymer
  • indexedDB

socket.ioで書いてもすぐ消える落書きアプリを作ってみた

qiita.com

qiita.com

つくったもの

github.com

どんなもの?

perlin noiseでいびつな線を描ける 線は一定期間で消える 描いた線をsocketをつないでいる各端末と共有できる

使用技術

  • ec2インスタンス (Amazon Linux AMI release 2014.09)
  • node.js (v0.12.0)
  • socket.io (1.3.5)

 過去の関連記事

bokuweb.hatenablog.com

bokuweb.hatenablog.com

bokuweb.hatenablog.com

Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus)

Webサービスのつくり方 ~「新しい」を生み出すための33のエッセイ (Software Design plus)