はじめましてこんにちは。 KRAYアルバイトの浅海です。 html5のcanvasを使ってお絵かき投稿サイトを作ってみようと思います。 初めてブログ記事を書くということで気合が入りました。 ちょっと長めですがお付き合い下さい。 機能 お絵かき投稿サイトの必要最低限な機能って？ ざっと下のような機能を入れてみます。 絵を描ける 絵を消せる 描画を一回分戻れる 線の太さを変えられる 線の色を変える 絵を投稿できる 投稿された画像の一覧を表示できる → 完成見本はこちら完成見本の公開は終了致しました。 絵を描ける HTML5のcanvasにマウスの軌道に線を引いていくわけです。 canvasでのマウス軌道の描き方は、 ・mousemoveイベント発生時に点をプロット という手段が真っ先に思い浮かぶと思いますが、これは、以下の様になります。 これではお話になりません。 なので、点ではなく線を引くこ

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

皆さん、Google Chrome の「シークレットウィンドウ」使ってますか？ Google Analytics を見る限り、このブログでは Google Chrome がトップシェアですが、周りの方に話を聞いてみると、残念ながら Google Chrome の「シークレットウィンドウ」機能はそれほど使われていないようです。 あれほど Web 開発に使える機能は他にないのに…と残念に思っていても仕方ないので、活用方法をまとめて記事にしてみました。 目次 まずは基本の使い方 Webサービスにログインしている状態としていない状態を同時に確認 Webサービスに2つのアカウントで同時にログイン Webページの表示がおかしい時は、まず「シークレットウィンドウ」で確認 検索エンジンでの順位チェックは「シークレットウィンドウ」で ニコニコ動画が何度もエラーになる時は「シークレットウィンドウ」で まずは基

どうも。生まれて初めて当たり付き自動販売機で当たりが出た@OZPA です。 さて、かねてより和洋風◎の@isloop くんより 「ブログのデザイン、テンプレートじゃなくて自分で作ったほうがいいよ」 とのアドバイスをうけていたのですが、phpやcssどころかhtmlすらろくに理解していなかった私。 プロフィールページを作るのに戸惑ったり、はたまたサーバを移転するのにしこたま苦労したりと本当に手のかかるお子様だったわけです。そんな私がWordPressのテーマですって・・・？汚らわしいっ！ [blackbirdpie url=http://twitter.com/#!/OZPA/statuses/64271506724757504] ですが今年の4月の終わりに上のようなつぶやきをしていることをふと思い出し、新しいことを覚える良いチャンスだなということで、WordPressのテーマを作るためにB

秋から冬へ、季節が変わることでわれわれの食生活もギアチェンジ。ついこの前まで冷たく冷えたキンキンのアイスコーヒーで目をスッキリさせようとしていた頃が嘘のよう、今は温かいコクのあるコーヒーをチビチビ飲みながら溜まった仕事をコツコツ片付けていくのが日課の方も多いだろう。そんな人にお勧めのエントリーがこちら。コーヒーの淹れ方だ。同じコーヒーでも淹れ方一つで雲泥の差になると言うから見逃せないはずだ。 ◆とにかく美味しいコーヒーを入れたい ■おいしいコーヒーの入れ方＆ドリップ式・コーヒーメーカー編 ■おいしいコーヒーのいれ方 | 知る・楽しむ ■挽いて淹れる　ペーパードリップの手順　厳選コーヒー生豆の販売と焙煎指導 ～横濱　自珈亭～ ■【ペーパードリップ・おいしいコーヒーの入れ方】 ◆インスタントでもいいんだ！とにかく早く安く手軽に ■コーヒーを手軽に美味しく飲むコツ【缶コーヒー・インスタントコーヒ

TOEICやその他試験勉強で使われる無味乾燥な英語ではなく、刺激的で感動的な英語に接してみませんか。 それには学術・エンターテイメント・デザインの著名人が集まるTED　http://www.ted.com/　がお勧めです。 この記事ではTEDを使った英語学習方法、また初心者にお勧めのTED動画についてまとめました。 続きを読む

前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体

1：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:37:15.17ID:At4mXUohO 部屋狭いからシングルでなるべく小さいものを買おうとしてるけど、 なにを基準に決めればいいのかわかんない… とりあえず部屋の雰囲気とあうフレームの種類とか？？ 2：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:40:58.15ID:Lz8UTn2VO 二段ベッドの下があいてるアレ 面積は稼げるよ http://www.google.co.jp/search?q=ロフトベッド 5：以下、名無しにかわりましてVIPがお送りします：2011/11/12(土) 17:42:21.93ID:At4mXUohO 狭い部屋に置いたら圧迫感すごくね？確かに広く使えるけど 10：以下、名無しにかわりましてVIPがお送りします：2011/11/12(

【レシピ】 マックの「チキンタツタ」を作ってみた！ 本家を超すレベルでマジウマだった件 2011年7月29日 0 マクドナルドの人気メニュー「チキンタツタ」が8月12日（金）から販売をスタートしますが、このチキンタツタを自宅でも作る方法があるのをご存じでしょうか。しかも、マクドナルドよりも美味しいチキンタツタを！ ということで、今回は自宅でできるチキンタツタのレシピをご紹介しましょう。 ■材料 キャベツ・・・4枚程 ダブルソフト・・・4枚 鶏肉（胸）・・・200グラム 生姜・・・1個 片栗粉・・・適量 醤油・・・適量 油・・・適量 マヨネーズ・・・適量 ケチャップ・・・適量 唐辛子・・・お好み 【1】、生姜1個をおろしたものと醤油で鶏肉を20分程度漬けます。 【2】、鶏肉を漬けている間にキャベツを切ります。キャベツはスジに平行して切るのではなく、逆らうように切るとシャキシャキになります。

「Webデザイナーのためのタイポグラフィと文字組... / Webデザイナー（私）によるタイポグラフィーレイ... / Illustratorで文章を扱うとき（文字組版...他...全9件

少し前から、大学受験やTOEIC対策の教材としても有名な「DUO 3.0」を使っています。 今回はこのDUO 3.0とiPhoneを使った私の英語の勉強法をまとめてみました。 尚、始めた時の英語のレベルは、S(主語)とV(動詞)が分かる程度。基本文型とかいわゆる基礎的な部分もあやふやな感じでした。 英語の勉強を始めた動機 私の場合、海外のニュースを英文のまま理解したいというのが事の始まり。なので、会話や書き、TOEIC◯◯◯点！というよりも、まず「読めること」を目標にしました。 ただ、興味のある分野でないと続かないので、まずはiPhoneやMacの情報を扱っているサイトを中心に購読。個別に挙げると長いので、Twitterのリストにして公開しておきます。 DUO 3.0とは？ 収録されている560本の英文に1572の重要英単語、997の重要英熟語を含んでいます。 単語とその意味だけが並んでい

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

ご飯のおかずが足りない！　お弁当に彩りが欲しい！　そんなとき大活躍してくれるのが「玉子焼き」や「だし巻き玉子」です。でも火を通している間は目を離せないし、焼きながら巻くのは意外と大変。 でも、たった3分で、しかも別の料理の片手間に簡単にだし巻き玉子を作る方法があるんです。早速ご紹介したいと思います♪ 【材料】 ・卵2個 ・塩　適量 ・めんつゆ、もしくは、ダシ＋醤油　適量 【道具】 ・耐熱容器（四角い形がベスト！） ・巻きす 【作り方】 1．まず、耐熱容器の中に卵を割って混ぜ、塩とめんつゆを好みの量入れよく混ぜます。 2.次に、容器ごとレンジに入れちゃってください。ラップをしないのがポイント。600ワットで1分30秒ほど。加熱時間はメーカーによって異なるので様子を見ながら加熱してください。2回に分けて加熱してもOKです。 3.レンジから取り出したら半熟卵ができています！ これくらいの半熟度だ

今日は2011/11/11、やたら「1」の並ぶ日付です。 11時11分にスクリーンショット撮り損ねてちょっとorzなhakoishiです。 いっそその時間に更新までしてしまいたかった！後の祭り。 さて、今回はソーシャルボタン設置のソースサンプルをいくつかご紹介。 今回取り上げるサービスは、「はてなブックマーク」「twitter」「facebook」「addthis」の4つです。 (2011/11/22)その2、アップしました。「google+」「mixiチェック」「mixiイイネ！」「evernote」編です。 引き続き、ソーシャルボタン設置のソースコードサンプルあれこれ。 はてなブックマーク <a href="【URL】" class="hatena-bookmark-button" data-hatena-bookmark-title="【サイト名】" data-hatena-book

小さいころから占いに興味があって、色々と勉強しているうちにどんどん好きになり、皆さんにも占いの良さを知ってほしくて記事を書いています。 知り合いに占い師や霊能力者、お寺の住職がたくさんいるので、その方たちにインタビューして記事を書いています。

ポトフといえば、フランス家庭料理の1つで、冬に食べれば体が芯から温まって最高ですよね。材料も基本的に冷蔵庫にある材料で作れるし、作り方も超簡単。誰でも美味しくできるレシピとしても、ポトフは有名なのではないでしょうか。 ということで、今回はフランス人シェフに教えてもらった『本当にウマイ！ポトフの作り方』を皆さんに伝授します。このレシピは私（記者）がフランス取材中、あるフランス人シェフに教えてもらったもので、今でも寒い夜に作って食べています（※このレシピはかなり日本人用にアレンジされています）。 ■材料（ポトフ） ・にんにく（丸まま） ・ウィンナー ・キャベツ ・じゃがいも ・にんじん ・玉ねぎ ・塩・胡椒 ・コンソメ ・パセリの茎 ・セロリの葉 ・ローリエ ・サワークリーム ■作り方 【1】お鍋にオリーブオイルを入れ、にんにく（丸まま）を炒め、その後、玉ねぎ、ウィンナー、ニンジンを順に入れ炒

1：名無しさん＠涙目です。(長崎県)：2011/10/31(月) 00:15:18.45 ID:j60WA86/0 1000円の歯磨き剤は贅沢品ではありません！ http://jbpress.ismedia.jp/articles/-/25707 歯磨き剤はスーパーマーケットやドラッグストアの売り出しの常連。誰でも頭に思い浮かべる定番銘柄なら、200円以下が実勢購入価格といったところでしょうか。 だから、歯医者の口車に乗せられて「1000円の歯磨き剤を買う」など、とてつもない贅沢か酔狂なことと思えるでしょう。でも、これを読んだからといって、1000円の歯磨き剤を買わなきゃいけないわけではありません。あくまでも選ぶのはあなたです。とりあえず、歯医者の言い分に耳を傾けて下さい。 汚れをこそげ落とすのは、もう古い？ 一昔前の洗濯機はガランガランと大音量で回っていましたが、最近は夜中の洗濯が近所迷

コミュニケーションが生まれるツイートまとめツール

私はお豆腐が大好き。好きな食べ物はと聞かれたらもちろんお豆腐！と答えるし、死ぬ前に何が食べたい？といわれたらもう絶対冷奴と答える ・・・って何の話かというと、昨日テレビで「究極の湯豆腐の作り方」というのをやっていて、そこでとても簡単で、かつ本当においしそうなお豆腐が映し出されたいたのだ。 もう急いでメモを取り、早速昨日の夕飯にチャレンジしてみましたよ。番組でも、出来た湯豆腐をゲスト達が「おいしすぎるー。もういつまででも食べていられる」と絶賛していたのだが、それはテレビ向けのリップサービスではなかったようで・・・自分で作ってもおいしかったのです～ さてその作り方はというと・・・ホントに簡単。 〔湯豆腐編〕 （用意するもの） 豆腐（プロによると木綿の方が良いとの事。これが柔らかーくなるのだ。）、昆布、塩 （作り方のポイント） ①豆腐は、なるべく30分位水につける（豆腐が出来た時の状態に近づくそ

「趣味はカメラです」とは口に出して言わないけれど、SNSに写真をアップしたり、何かと写真を撮るのが好きな男子って、けっこういますよね。身近に意外と多い、「カメラ男子」。 感性豊かな彼らは、自分に合ったオシャレが得意だったり、女子の微妙な変化に気付いてくれます。今気になるのは、「カメラ男子」！ 彼らのポイントをチェックしましょう。 １、オシャレ カメラ男子は一律でオシャレ。自分がキレイだと感じたものや、感動したものを撮影しているので、普段から感性が鍛えられています。そんな彼らは、当然自分の見た目も気にします。しかも「浮ついたオシャレ」ではなく、「自分に合ったオシャレ」が得意なのがポイント。 普段から、アングルや配置にこだわった写真を撮っているだけあって、自らのファッションも身の丈に「マッチしているか」を重視します。カメラ男子の中には、「イケメンじゃないけれど、雰囲気が好き」と感じるタイプも多

ここ数年、恋人に恵まれない人間やそういう人間ばかりのコミュニティを目にする機会が何度かあった。 彼（彼女）らは口々に出会いがないと言い、結婚の見通しを聞けば数年の内には、とかお見合いでもいい、と言う。 率直に言ってその「出会いがない」という言い訳はあまりにもナンセンス。「出会い」という、白馬の王子様がある日突然現れたり、お姫様が空から降ってきたりするようなイベントを期待するのが間違い。 そういう出会いから恋愛に発展し、幸せをつかむ人がいないわけではない。しかし、20年30年と生きてきた人間は人生の節々で何十人何百人という異性と出会ってきているのだから、その機会をこれまで見過ごしてきた人間が、今更次の出会いからチャンスをものにしようなどと考えない方がいい。次も必ず見過ごす。 ではどういう努力をすればいいのか？それは簡単、「1対1で気を許して会話できる友人を、性別問わず作る」ことだ。 これ自体