知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ
最近になって急に盛り上がってきているZen-Codingをみなさんご存知ですか？ Zen-CodingはHTML/CSSをショートカット＋スニペットで簡略化してコードを書くことができるライブラリです。 独立したテキストエディタソフトではなく、既存のHTML/CSSエディタにプラグイン的に導入するものです。 Zen-Codingというのもがどういうもので、どんなすごいものなんだ、というのはこちらの動画を見てください。 ※音が出ますのでご注意ください。 Zen Coding v0.5 from Sergey Chikuyonok on Vimeo 一体何がおこわれているのか？という感じだと思われますが、今回の記事ではこのZen-Codingの導入方法と使い方の一例を紹介します。 Zen-Codingに対応しているエディタは色々あるのですが、今回は弊社の開発環境しているAptana Studio
英会話ならオンライン英会話のレアジョブ
※Webとスマートフォンアプリでは一部の仕様が異なります。 ※自動録音機能は一部の講師のみとなります。 ※自動録音機能は、一部の環境で音声が再生できない場合があります。詳細は こちらをご確認ください。 オンライン英会話で “夢が広がった”受講生 初級レベルから、短期間でレベルアップ 自分のレベルを理解することから始めて、毎日英語に触れるという簡単な目標の積み重ねで英語が話せるようになりました。レアジョブ英会話を継続し、いつか海外を自由に飛び回れるようになりたいです。 41歳で英語に目覚め、たった1年で海外移住 大学卒業後、20年ぶりに英語を学び直し、オンライン英会話をはじめて1年後にニューヨークへ移住しました。楽しく学べたことで短期間で英語を話せるようになり、今では念願だった海外で仕事をしています。 仕事と両立し、夢に描いたキャリアへ 25分のレッスンを習慣化できたことで、スピーキングが上
プロが独り立ちするためのたった一つの条件 : 404 Blog Not Found
2009年04月24日12:00 カテゴリArt プロが独り立ちするためのたった一つの条件 というわけで、期待にお答え。 新人プログラマーがプロのプログラマーとして独り立ちするための7つの条件 - ハックルベリーに会いに行く はてなブックマーク - 新人プログラマーがプロのプログラマーとして独り立ちするための7つの条件 - ハックルベリーに会いに行く s/プログラマー/プロ/g しても使えます。 天才!:成功する人々の法則 Malcolm Gladwell / 勝間和代訳 [原著:OUTLIERS] 一万時間続けよ なんと簡単で、なんと難しい条件。 これを指摘しているのが、Gladwell の"OUTLIER"。邦訳は5月13日発売なので、詳評はもう少し後に上げる予定なのだけど、あえて一言でまとめると、「才能は、授かるものではなく培うものだ」ということ。そして、その「天才」が独り立ちできる
世界の有名教授の授業がオンラインで聴講し放題！『Academic Earth』 - IDEA*IDEA
ドットインストール代表のライフハックブログ
Safari4 と IE8 で実装された DOM Storage とは何か - IT戦記
はじめに 皆様 JavaScript のスピード競争が激化し、 ECMAScript 3.1 の仕様の策定が進むなど、激動の JavaScript 時代をいかがお過ごしでしょうか。 さて今日は、今、ちまたで大ブレイクの兆しを見せている DOM Storage という仕様を紹介したいと思います。 DOM Storage とは何か まず、 DOM Storage とはどんなものなのでしょうか。 とても簡単に言ってしまえば、とてもたくさんのデータが保存できてサーバーに自動で送られない Cookie みたいなものです。 さらに、 Cookie とは違って JavaScript からとても扱い易く作られています。 では、この DOMStorage の具体的なソースコードを見てみましょう。 <!DOCTYPE html> <html> <head><title>DOMStorage の使い方</tit
[as]なにやらめちゃくちゃわかりやすいMatrixによる変形のこと [NUTSU]
今さらながら、flash.geom.Matrixによる変形のことで何か書いてみます。Matrixについてヘルプやマニュアルでは拡大やら回転やら移動やらの説明しかなくて何だかわかりにくく書いているように思える。学校で習ったアフィン変換としては素直な説明に読めるけど、変形したいだけの人からしたら何だかわかりにくい。この説明を読むとどうしても「回転」して「縦に伸ば」して「移動」、これらをconcatすればええのかなぁみたいな思考になってしまう。確かに行列として考えたほうが数学的には分かりはいいけど。あまり本とかサイトとかよく見ているほうではないので分かりませんが、Matrixについては大抵こんな説明なような気がする。(違ってたらごめんなさい)。というか「Matrixがいまいち」と言うとなりの人向けに書いているわけですが。 で、下のサンプルですが、白○をドラッグすると青いMovieClip(mc)
第1回 3D表現とは？ - MdN Design Interactive
ActionScriptを使った表現の中でも最もインパクトのある表現のひとつが3D表現だろう。奥行きを持たせた3D表現は平面のモニタ画面上でも立体的な空間を感じさせることができ、見る者を強力に惹きつける。3D表現といっても多岐にわたるが、Lesson3ではActionScriptを使った3D表現をめざしてみよう。
Rubyソースコード完全解説 / 青木峰郎
$Id: index.html,v 1.6 2004/07/20 23:08:12 aamine Exp $ この文書は書籍『Rubyソースコード完全解説』のHTML版です。 ただし初校段階の原稿をベースにしているため、 書籍では修正されている間違いが残っている場合があります。 予め御了承ください。 2004-02-16 に全章を公開しました。 目次 まえがき 序章 第 1 部「オブジェクト」 第 1 章「Ruby言語ミニマム」 第 2 章「オブジェクト」 第 3 章「名前と名前表」 第 4 章「クラス」 第 5 章「ガーベージコレクション」 第 6 章「変数と定数」 第 7 章「セキュリティ」 第 2 部「構文解析」 第 8 章「Ruby言語の詳細」 第 9 章「速習yacc」 第 10 章「パーサ」 第 11 章「状態付きスキャナ」 第 12 章「構文木の構築」 第 3 部「評価」 第
[Think IT] 【これならわかる！JavaScript/Ajax】やりなおしのJavaScript 第1回：そろそろ本気で学びませんか？ (1/3)
画面の一部を瞬時に切り替える方法 JavaScriptを勉強したいけど、プログラム構造がよく分からなくて、なんとなく使っている人は多いのではないかと思います。市販の本やWebサイトにはJavaScriptのサンプルがたくさん載っているので、必要なところをコピー＆ペーストしてしまうと、JavaScriptの文法が分からなくても動いてしまいます。 しかし、このような使い方をしていると、JavaScriptサンプルを少しだけ修正したいという時に対応できなくなります。これでは「JavaScriptを使える」とは言えませんよね。 そこで、本連載では、JavaScriptをもう一度やり直したい方々のために、勉強の切り口を変えて紹介していきましょう。 最初のトピックでは、JavaScriptを使ってHTMLのコンテンツを入れ替える方法について紹介してます。この技術は、最近話題になっているAjaxのベース
ほぼ日刊イトイ新聞 -どうせだったら、広告の勉強もしてやれ！
せっかく、「ほぼ日」は 東京糸井重里事務所でもあるんだから、 広告のことだって、勉強できるんじゃないかと・・・ カッ飛びメリーは、思い立ったら吉日だった！ 第14回 広告を手がける動機は、どこ？ 副田さんにうかがう話は、ひとまず今回までです。 アートディレクターの仕事、というか、 副田さんにとっての個人的なやりかたが、 少しずつわかってきたように思います。 そして、わかる前よりも興味がわいてきました。 今回は、企業から頼まれたあとに、 「この広告をひきうけよう」 と思うきっかけについてから、ききはじめてます。 「ぼく、苦手分野があるんですよ。 コンピューターの仕事がきても じぶんにわからないとアイデアもくそもない。 あとは金融とか、あ、これ最近多いんですよ。 今金融関係で１個きてるんですけど、 それはぼくがわかるような広告を つくらせてって言ってやらせてもらっているから、 他の専門的な広告
絵画教室あとれす横浜 駅から1分！ 横浜市神奈川区 月2回から（デッサン、水彩、油彩、パステル、中高生〜大人向け、未経験OK）
○JR東神奈川駅 徒歩1分 ○京急東神奈川駅 徒歩3分 ○東急東横線東白楽駅 徒歩9分 〒221-0822 神奈川県横浜市神奈川区西神奈川 1−6−15サクラビル608 営業時間： （月） 個別指導クラス 14：00 〜 21：00 （水） 個別指導クラス 10：00 〜 16：30 （金） 個別指導クラス 14：00 〜 21：00 （土） 個別指導クラス 10：00 〜 21：00 （日） 個別指導クラス 10：00 〜 12：30 臨時クラス 14：00 〜 16：30 定休： （火）（木） および 毎月29日、30日、31日 " Color - Water - Color " ＜3月、4月の営業日について＞ ＜祝祭日の営業に関して＞ 3月20日（水・祝） 通常通り営業いたします What's NEW - 新着情報 - 教室移転のお知らせ 2023年5月に横浜市中区の「日ノ出町」から
絵画教室あとれす横浜-カタチのとらえ方
ファインダーを使ったことがありますか？ 厚紙等に四角い穴をあけたものなら何でもファインダーになります。市販のデスケルというものでもOKです。もちろんカメラのファインダーでもOKです。 ：手作りファインダー ：デスケル 例えばテーブルの辺が画面に対して水平になるのは 1.テーブルの真正面から見ている または 2.テーブルの辺が目線と同じ高さにある ときだけです。 少しでも脇にそれて見るとテーブルの辺は画面に対して角度がつきますが、これが見落とされがちなのです。特に人物を描いているときなど、モデルに気をとられてモデルが座っている椅子や床がどう見えているかをいい加減に描いてしまうケースが多いのです。 「テーブルは水平だ」という事実（知識）は正しいのですが、「自分が描いている画面に対しては角度がつく場合がある」という知覚を受け入れるのは意外と戸惑うものです。ファインダーを使うことで実際にどれくらい
絵画教室あとれす横浜-トーンの考え方
ふたたびルーベンスです。 これまでに見てきた方法で、＜サムソンの上半身＞を模写をしてみましょう。 「茶色」の紙をベースとします。これより濃いトーン（主にシャドウ）を「焦げ茶」で描きました。 その上にベースより明るい明部のトーン「肌色２色」＋ハイライト「白」にてボリュームを表現しました。（右画像クリックで拡大） 上の模写に使った色数は紙の色も含めて5色です。これらの色は「混色」されるのではなく、画面の上で層状に重なっています。 「描けば描くほど絵が気持ち悪くなる」とお悩みのアナタ！ 表面上見える色を直接塗ろう（これはダイレクトペインティングまたはアラプリマと呼ばれます）とするのではなく、固有色→シャドウ→明部（+ハイライト）と、光の現象ごとに分けて描くことをお勧めします。 階調豊かなグラデーションをパレットの上で作り出すのではない ところがポイントです。あえて色数を制限し、ひとつひとつのプロ
絵画教室あとれす横浜-立体の基本形体
では球の立体感を出してみましょう。 球を「明部」と「シャドウ」に分けたらとりあえず「シャドウ」を一様に塗ります。そのとき足元の（投影された）シャドウを一緒に描きます。 明部を日傘に例えると足元のシャドウの形が理解しやすいと思います。 次に ボリュームを感じさせるには「明部」で勝負します。 視点を光源と重ねて明部を見るとトーンは中心から同心円上に広がるグラデーションとして観察されます。 明部を横から見ると、トーンは光軸に対して扇形に広がるグラデーションに見えます。 a点から明暗境界線までだんだん暗くするにはどうすればいいでしょう？ このグラデーションを表すには光軸に直行するようなストロークが合理的ですね。 シャドウには反射光が観察されるのがふつうです。 床や周りのものではね返った光がシャドウをボワ〜っと照らします。 つい明るくし過ぎですが反射光は控えめにしておきましょう。 以上のことををかな
知ってるだけで少し絵がうまくなる言葉:アルファルファモザイク
意識でもなんでもいい。 おれが知ってるのは身体の比。 有名だが足のサイズは肘の長さとほぼ同じ。 なんかいつも意識にしてる言葉教えろ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
特集：Firefox 3とFirebugで始めるJavaScript開発｜gihyo.jp … 技術評論社
deep_science | 目次
絵画教室あとれす横浜-デッサンのススメ
東大で学んだ卒論の書き方★論文の書き方