aoiro_moonのブックマーク - はてなブックマーク

HTML5カンファレンス2012の資料まとめ

HTML5カンファレンス2012の講演資料のまとめです。 HTML5カンファレンスは非常に有意義なものでした。講演頂いた方、スタッフの皆様ありがとうございます。 HTMLとかCSSとかAPIとか -2012秋編-（矢倉眞隆さん） HTML5 や CSS3 の新しいタグやプロパティについての解説。でもその前に、W3C と WHATWG についての話。一部のメディアで、W3C と WHATWG が決裂したかのような報道がされたが、実際は問題ないとのこと。 W3C と WHATWG の Editor を務めていた Ian Hickson氏は WHATWG の HTML に集中し、バグ修正が加速しそうです。セッションでは紹介されていませんでしたが、こちらの記事に Ian Hickson氏からのメールの邦訳など載っています。 HTML5仕様をめぐるW3CとWHATWGについて、Ian Hick

aoiro_moon 2013/09/25

リンク

[連載]Webデザイン入門（2:スケッチしよう） | Stocker.jp / diary

私は、職業柄（？）プログラマー・SEの方などに「これからWebデザインもやりたいけど、どうすればいいか」と相談されることがあります。そういう時、私はまず「優れたデザインのサイトを見て、それをスケッチする」ことを薦めています。たった1度やって頂くだけでも、明らかにデザインに対する見る目が変わるのでお勧めです。なぜスケッチが必要か？多くのPCスクールやWebスクールでは、Photoshop などの「ソフトの使い方」を中心に教えているようですが、それだけだとWebサイトをデザインするのは難しいと思います。なぜなら、Photoshop などのソフトは「頭の中にあるもの」を制作することはできますが、「頭の中にないもの」を制作することは難しいからです。デザインは、ソフトが自動的にやってくれるものではありません。自分の力で1から作る必要があるのです。そのために、「良いデザイン」とされてい

aoiro_moon 2012/03/02

web制作

リンク

WordPressテーマ制作チュートリアル

この記事は、はじめてブログ用のオリジナル WordPress テーマを制作される方向けに書いたチュートリアル記事です。なぜこの記事を書いたかというと、「WordPress でブログを作ってみたい、でも作り方がわからない」とおっしゃっている方が想像以上に多いことと、私が Webデザインスクールで WordPress ブログテーマの作り方を教えていると、想像以上にテーマ制作の基礎を理解していただくのが難しかったからです。おそらく、HTML+CSS コーディングができる方であれば、この記事を読めばブログ用のWordPressテーマを制作できるようになるはずです。このチュートリアルでできるテーマのサンプルファイルも以下からダウンロードできます。実際のファイルを見ながら（あるいは作りこみながら）読むと理解が深まると思います。 WordPressのインストールまだレンタルサーバを借りていない

aoiro_moon 2012/02/13

wordpress

リンク

新MacBook AirはWeb制作のメインマシンになり得るのか

この記事は、2011年版の MacBook Air について書いています。2012年版の MacBook Air については以下の記事をご覧ください。 MacBook Air 2012のレビューとWeb制作者のための設定など先日、新しい MacBook Air（13インチ・SSD 128GB）を購入しました。私は Web制作のメインマシンにするために購入したのですが、購入するまでは正直「こんな薄いマシンをメインにして大丈夫かな…」と不安でいっぱいでした。結論から言うと、私の使い方（Web閲覧・Web制作・PhotoshopによるWebデザイン・動画閲覧等）であれば全く問題なく、今まで使っていた MacBook Pro 13インチ（2010年モデル・2.4GHz・メモリ8GBに増設）や、昨年使っていた DELL のデスクトップPC（Core 2 Duo・メモリ4GB）よりも明らかに動

aoiro_moon 2012/02/09

リンク

知らないと損する賃貸マンションの探し方 :: Stocker.jp / diary

来年１月末で今住んでいる賃貸マンションの更新月なので、この機会に渋谷の近くに引っ越そうと思い、物件探しを４日間集中してやったところ、なんと下北沢駅の近くで鉄筋コンクリートの広めのワンルームが共益費込みで月８万、初期費用は敷金礼金仲介手数料など込みで実質８万（家賃無料期間1ヶ月付き）というかなり破格な物件を見つけることができました。この記事では、私が物件探しの際に気をつけたことを12のポイントとしてまとめています。皆様の物件探しのお役に立てれば幸いです。 Photo by (c)Tomo.Yun 日本全国、賃貸の相場が最も下がるのは11月都内だけでなく、以前熊本で物件探しをしたときも11月は安かったのでこれは間違いないと思います。なぜ１１月かというと、２月や３月は家を探している方が多いので、必然的に相場が上がりますが、逆に３月まで期間が開いていて、引越する方が少ない時期は相場が下

aoiro_moon 2011/12/31

リンク

Chromeの「シークレットウィンドウ」はWeb開発にとても使える

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

aoiro_moon 2011/11/14

リンク

MacのKeynoteでプレゼンする際に気をつけていること

先日の WordCamp KOBE では、Mac の「Keynote」というプレゼンテーションソフトを使ってプレゼンしたのですが、その際「なつきさんは iPhone をタップしながらプレゼンしてる？」など気になるツイートがあったため、どうやってプレゼンしていたかここで回答させていただきます。 Keynote は、Apple 社製のプレゼンテーションソフトで、Steve Jobs 氏が Mac や iPhone などの新製品の発表の際に使用していることでも有名です。 Mac 版と iPad 版がありますが、ここでは Mac 版について書いています。どちらも、App Store でダウンロード版を購入するか、Amazon などで購入できる iWork パッケージからインストールすることができます。 PowerPoint との違いプレゼンテーションソフトといえば Microsoft の

aoiro_moon 2011/09/15

Mac
仕事

リンク

HTML/CSS/PHP等のコーディングに、無料のNetBeansが快適過ぎる件

私は結構エディタ難民で、HTML/CSS/PHP等をコーディングする際のエディタをWindows・Mac含め色々試してきましたが、最近は NetBeans IDE に落ち着いています。 NetBeans IDE は厳密にはエディタではなく、Windows・Mac・Linux用の無料で利用できるIDE（統合開発環境）の一種です。ちなみに、↓のキャラクターは NetBeans IDE 日本語コミュニティの公式マスコットの「ねこび〜ん」です。私はWordPressのテーマファイルを作成しているときに、PHPで独自のCMSを開発されている @kawagooch さんに勧められて使い始めたのですがとてもしっくりきたので、以後 HTML/CSS/PHP などWebサイトのコーディングには NetBeans IDE をメインで使っています。私自身、NetBeans IDE を使うようになってからサ

aoiro_moon 2011/08/05

web制作

リンク

年末年始にWebデザインを学び直すための3つのステップ

この記事は、以下のような方を対象にしています。現在Webデザインを仕事にしていて、さらにデザイン力をつけたい方今はプログラマー、ディレクター、コーダーなどデザイン以外の仕事をしていて、来年はデザインも手がけたい方 ※この記事は、2010年末に公開したものを、文章と参考サイトなどのリンク先を修正し、2019年末に再公開したものです。私は元々Webデザイナーなのですが、デザイン以外の仕事が連続したときなどデザインスキルの低下が心配になってくるので、年末年始など時間があるときは自己流のWebデザイン勉強法をしています。もしかしたら他の方にも役立つかなと思い、公開しました。今回は、主にWebデザインの中でも「レイアウト」について書いています。まずは「知る」こと私がWebデザインについて基礎からきっちり勉強したいと思い、Webデザインスクールに見学に行ったり「Webデザイン」と名の付く