rails3 + html5 canvasでお絵かき投稿サイトを作ろう！
はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ
こどもごころ製作所
見えないから美味しい。見えないから楽しい。見えないから広がる。大人が夢見る食卓へ、是非ともいらっしゃいませ。 運動選手としてはイケてないあなたも、「はかり」としてはイケてるかも…。世界一の「はかり」を目指して、いますぐ無料でダウンロード！ いつもの教室が、のはらに変身！トンボやカマキリに「なりきる」体験を通じて、一人一人の新しい魅力を発見できます。 おとなに相談できないことは、こどもに相談してみましょう。悩みの本質も、人生の真理も、澄み切った心なら見えてくる…。 地元に眠るワクワクを、こどもごころで掘り起こそう！誰もが見過ごしている風景の中に、たくさんのお宝が眠っています。 大人になればなるほど、迷いは減るどころか増える一方！そんなあなたは、無料アプリＮｏ.１に輝いたエンピツ君に相談を。 何百枚、何千枚と撮れる便利なデジカメ。でも、その中でいちばん大切な一枚を、果たしてあなたは選べるでしょ
webデザインにおける視線誘導のおはなし | 07design.blog
こんにちは。今回はレイアウトの記事を書きます。「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、・・・こんにちは。今回はレイアウトの記事を書きます。 「グーテンベルク・ダイヤグラム」という言葉をご存じでしょうか。 なんだかすごく中二心をくすぐられる言葉ですね。 「グーテンベルク・ダイヤグラム」とは均等に配置された同質の情報を見る際の、一般的な視線の流れのパターンを表した図式のことです。 簡単に言うと「人間の目は左上から右下方向へ、チラチラしながら遷移する」というものです。 こういった視線の流れのパターンは、エディトリアルデザインなどでは当たり前に使われている技法・考え方らしいです。 テキストをレイアウトする場合には、左上・右下に重要なコンテンツを配置す
iPhone・iPadユーザーの全てにオススメできる無料のメモアプリ「DraftPad」が超絶便利な10の理由 | なまら春友流
素早い起動 安定した挙動と万全のバックアップ 文字サイズの変更とテキスト内要素を表示 無限大の可能性「アシスト機能」について evernote保存 Dropbox保存 各種連携がとにかく便利すぎる iPhoneデフォルトカレンダーの入力が超絶便利 ブログエディタとしても超絶便利 最後に 1. 素早い起動 起動速度は私が常に使用するメモアプリに求める絶対的な条件。 全てのアプリに必須な条件でもあるのだがメモアプリには特に重要視する要素。 アプリを起動したらすぐに書き出せるようになっていることが望ましい。 私が愛している他のメモアプリ(FastEver)も起動した直後に書き出せるようになっている。 ちなみにDraftPadの初回起動時の速度はテキスト入力系アプリのなかで最速の部類に入る。 2. 安定した挙動と万全のバックアップ こちらも全てのアプリに言えることだが「書く」という行為においては安
Home | Plus Venture Capital
ENTREPRENEURS + EXPERIENCE IT ALL ADDS UP We know what it takes to make the numbers work. With over 200 transactions under our belts, we are one of the most seasoned investors in the MENA region, funding bright talent that are bringing the next generation of tech-enabled companies over the last 10 years. Apply Now BUILT TO HELP YOUR STARTUP GROW FIRST SLOW, THEN FAST We are truly founder focused;
なんとなく、Firefoxの環境をまとめてみたくなったのでまとめてみた。 - jumiDiary
(2010.01.28追記)古い記事なのでもっといいアドオンとかがいっぱいある気がします。 夏休みで暇だし！ごめん嘘、現実逃避！！ 入れてるアドオン２９種類 基本的なアドオン Adblock Plus いらない広告を表示しないためのアドオン。 NoScript スクリプトを禁止したりできる。 Tab Mix Plus タブ周りを快適にする。 お気に入りなアドオン Easy DragToGo リンクや画像をドラッグすると、ドラッグした方向によって保存したり、新しいタブに開いたりできるアドオン。 中クリックが使えないノートPCとかには必須のアドオンだと思う。Drag de Goってちょっと高機能なのもあるけどFirefox3では動かないっぽい…？ Vimperator いろんなスクリプトを動かせるキーコンフィグいじりアドオン。 Vim本家のキーとか分からないので、自己流にキーコンフィグいじった
背景画像に最適！超ハイクオリティな400以上のパターン画像集:phpspot開発日誌
400 High Quality Patterns | Design Reviver Patterns can be found every where. Most commonly we can see them in fabric and wallpaper, but they also make great visual elements for web design. 背景画像に最適！超ハイクオリティな400以上のパターン画像集。 単なる背景画像にしておくにはもったいないほど書き込みが細かくて、見ているだけでも楽しめます。 Damask Patterns Volume 2 ision Micro Patterns Vector Patterns 背景画像がいっぱいあって、色合いなんかもWEB上でかえられるようなサービスがあったらいいなと思いました。
プロっぽくて編集しやすいフリーのウェブサイト用テンプレート配布サイト「TemplateYes」 - GIGAZINE
最近はブログなどを使ったサイトが非常に多いのですが、やはりきちんと作り込まれたサイトも必要なわけで。だからといってゼロから作るのは大変。そこで使えるのが、あとから編集してカスタマイズしやすい商用利用可能なフリーのウェブサイト用テンプレート。元となるPSDファイルなども付属している場合があるので、それぞれのパーツをかなりカスタムすることが可能となっています。また、全部Flashでできたサイト用のテンプレートなどもあります。 ダウンロードは以下から。 Free Website Templates, Flash Templates, CSS Templates - TemplateYes.com まずは各ジャンルごとにサンプルを見てみましょう。 ・PSDファイルとフォントまで付属した通常のウェブサイト用テンプレート ダウンロードはここをクリック ダウンロードはここをクリック ダウンロードはここを
Youtube に動画をアップする方法 - gan2 の Ruby 勉強日記
最近Pose Maniacs: 30秒ドローイングを毎日のようにやっていて 30秒ドローイング部でひとこと - はてなハイクなんてスレッドも立てた。 それで、実際に僕がどんな感じで描いているのかを動画に撮ってみたのがこれ。 この動画を30秒ドローイング部でひとこと - はてなハイクに投稿したら どうやって撮ったのか気になってる人がいるようなので せっかくだから動画を投稿するまでの一連の流れを書いておこうと思う。 どこにアップロードするか まずは動画をアップロードする場所を決めることにした。 パッと浮かんだのは「Youtube」と「ニコニコ動画」。 ニコニコにアップしたら、もしかするとコメントで叩かれたりするかもしれないので それを嫌って「Youtube」にしようと思った。 Youtube のアカウント取得 Youtube に動画をアップするためにはアカウントが必要なので登録する。 とくに躓
MdN Design｜総合情報サイト
デザインする グラフィックアプリの使い方から、デザインの基礎、最新の表現手法まで、デザイナー、イラストレーター、写真家が知りたい情報が満載！
Firefox 3にインストールしているアドオン - soundscapeout (仮)
Firefox本体は、BeatnikPadさんとこの独自ビルドIntel版を使ってます。 Firefox 3 optimized builds for G4 / G5 / Intel: BeatnikPad Journal テーマは、GrAppleで、このテーマがなかったらFirefox使ってないかもしれないです。 GrApple Delicious (blue) :: Firefox Add-ons で、アドオンを。 ブックマークを入れたいフォルダにブックマークする Add Bookmark Here ² :: Firefox Add-ons 検索フォームから検索エンジンを追加する Add to Search Bar :: Firefox Add-ons ブックマーク同様、履歴をバックアップ、復元できる Backup Restore History :: Firefox Add-ons
シノビガミリプレイ シノビガミ弐 刃魔激突のCM動画:かわしまさんのオリジナルコマーシャル | コマーシャライザー
Click the button below to start levelling up your imagery game!
独学で極める “Webデザイン”の技と心：第10回 CSS Spritesでサイトを高速化｜gihyo.jp … 技術評論社
今日は、CSSを使ってサイトを高速化するテクニック「CSS Sprites（CSSスプライト）」についてのお話をさせていただきます。 サイトの高速化というと、プログラムの最適化を行ったり、サーバのチューニングを行ったりというイメージがあるかと思います。実はCSSを上手に使うことによっても、サイトの高速化を行うことができます。しかも、かなりの効果が期待できるのです。 CSS Spritesとは？ 通常、ウェブページを制作する場合、デザインファイル（psdやpngなどの画像）をスライスし、HTMLのimg要素として埋め込んだり、CSSの背景画像として指定していることと思います。 それらの画像を一つにまとめ、１度の読み込みでのリクエスト数を減らすテクニックのことを「CSS Sprites」と呼びます。 このテクニックは、以前からマウスオーバーメニューを実現する際にも使われていたものでもありま
WebColumn: 「ググれば分かることを質問する」を考える
「ググれば分かることを質問するな！」という趣旨のことは、日本中で１日に何回、言われたり書かれたりしているんでしょう？ 100回や1000回ではないと思います。10000あるいはそれ以上のオーダーではないかと思われます。 ここで言う「質問」は口頭ではなく、メールとか掲示板とかのことが多いです。質問する手間暇とググる手間暇では、ググる方がかからないと思われます。まして、答を得るまでの時間で言うなら、圧倒的にググるのが有利です。 でも、ググれば分かることを質問する人は後を絶ちません。 ググれば分かることを質問するのと、似ているような違うような話としては、正当な質問先があって、そこからは正確な回答が期待出来るのに、そこに質問せずに、SNSとか匿名掲示板とかに質問する人がいます。 例えば、クルマの調子が悪いのなら、購入元のディーラーに相談するのが筋ですし、ディーラーには専門家がいますし、その専門家は
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パスワード認証
矢印素材いろいろ - DesignWalker
紙copi Net
webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
『無料＋ブラウザ』で全部やってしまおう。webジェネレーターとサービス50個まとめ*ホームページを作る人のネタ帳
こくばん.in