SOHOカアチャン通信 http://msg.nattydesign.com/ ja Copyright 2011 Wed, 05 Jan 2011 23:04:18 +0900 http://www.sixapart.com/movabletype/ http://www.rssboard.org/rss-specification jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践 jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践」を、ちら読みしました。 ]]> http://msg.nattydesign.com/2011/01/jquery-web.html http://msg.nattydesign.com/2011/01/jquery-web.html 本 Wed, 05 Jan 2011 23:04:18 +0900 福袋中身公開ドクターシーラボ編 去年とくらべてお得感ダウン。 ]]> http://msg.nattydesign.com/2011/01/post-55.html http://msg.nattydesign.com/2011/01/post-55.html ぷらいべーとなこと Mon, 03 Jan 2011 14:49:59 +0900 福袋中身公開ルピシア編 ルピシアの福袋、梅(1,500円）をふたつ購入。（3,000円以上の組み合わせにすることが条件） 緑茶・烏龍茶（フレーバード）と、ティーバッグ（フレーバード）を選択しました。 http://msg.nattydesign.com/2011/01/post-54.html http://msg.nattydesign.com/2011/01/post-54.html おいしいもの ぷらいべーとなこと Sun, 02 Jan 2011 17:58:17 +0900 あけましておめでとうございます あけましておめでとうございます。 本年もよろしくお願いいたします。 昨年は、本業のマークアップの他、この年で遅いかとは思いましたが、厳しい私の条件を許していただける会社があり、ディレクション修業で外勤を始めました。 チビっ子を抱えての外勤はやはり大変で、フルタイムで働いている人ってすごいなぁと思いました。 http://msg.nattydesign.com/2011/01/post-53.html http://msg.nattydesign.com/2011/01/post-53.html お仕事 ぷらいべーとなこと Sun, 02 Jan 2011 17:31:07 +0900 HTML5+CSS3で作る　魅せるiPhoneサイト HTML5＋CSS3で作る 魅せるiPhoneサイト iPhone/iPad/iPod touch対応を読み終えました。 ]]> http://msg.nattydesign.com/2010/12/html5css3iphone.html http://msg.nattydesign.com/2010/12/html5css3iphone.html 本 Fri, 10 Dec 2010 22:07:12 +0900 健康を考える キュートボディ ピンクをつかっての脚マッサージ。 寝る前にころころ、とにかくヒマさえあればころころやっています。前にテレビで特集やっていて、速効東急ハンズに行ったんだけど、売り切れてたので、ネットで購入。マジ、いい！ マッサージする場所は特に決めてないけど、脚やせPUSHダイエット--1日1エクサで脚が細くなる!キレイになる!を参考程度に読みました。要はいつも凝っているところだったので、読まなくてもよかったんだけどw。 あと、トルマリア 血行を促進 イオントゥ T322をお風呂上がりに足の指に挟んで、そのままごはん食べたりします。 で、一番効いていると思うのが「塩ミルク」マッサージ--やせる!美脚になる!の【塩みるく】をつかったお風呂でのマッサージ。アトピーの私には、【塩】はキズがある部分にはちょっと痛いんだけど、辛抱してつかっています。 冷えにもいいみたいで、お風呂でても明日冷たくなりません。始める前はお風呂から出たら即靴下はいていたんだけど、いまでは寝るまで靴下要らず。 上記は、ここ1週間くらいのお試しなのですが、【塩みるく】は、食品しかつかっていないので添加物が心配な私には安心だし、低価格で、マッサージのあとは洗い流しちゃうので、痛みが続くこともありません。 あとは、もう少し体重を落として、膝の負担を軽くしないと。 オバチャンだけど、やっぱりオバチャンって呼ばれたくない！ もう少し体力もつけて、ひ孫！を見るまでがんばりますwww ]]> http://msg.nattydesign.com/2010/12/post-52.html http://msg.nattydesign.com/2010/12/post-52.html ぷらいべーとなこと 本 Fri, 03 Dec 2010 13:07:32 +0900 CSSNite LP9.2へ行ってきました 各セッション 前回のものに少しプラスされたものがほとんどでしたが、 前回はなかった基礎編もありました。 それでも、一度聞いた内容が多かったので、私としては理解度は高かったと思います。 そして、ずっと使ってみたかったCSS3を、ほんのちょっとですが昨日実務でも使ってみました。 ああ、なんてすばらしい！！！ 角丸に使ったのですが、簡単すぎて涙が出ましたw。 早く某黒幕さんのように、がしがし使いたいなーと思いましたです。

マークアップエンジニアの明日はどっちだ！

最後のコーディングコンテストの解説のセッションで@kotarok大先生から、 マークアップエンジニアのこれから的なお話がありました。 これを聞けて、ホント行ってよかったと思いました。 コーダーは、マークアップエンジニアと名を変え、最近ではフロントエンドエンジニアという名称にもなってきています。名称の変更と共に、作業内容も高度な技術を必要とし、責任ある立場へと向上していっているように思います。 遅すぎるかもしれませんが、私もこの先の方向性について悩んでいるところでした。 若くもなく、徹夜作業が続くようなことは体力的にきついし、家族もいるのでそうムリはできません。だからといって、このままでいるのもイヤだし、前へ進みたいと思いつつ、何もできていない自分に腹が立ってもいました。 このセッションを聞いて、自分の進みたい方向がちゃんと見えたような気がします。それに進むためには、またハードルが高いんだけどw。

懇親会

イケメン@5509とつるみつつ、これが本編とばかりにたくさんお話しさせてもらいました。 前回と違って人数も少なく、場所もお座敷1カ所だったのと、途中席替えがあったりしたので、 大御所も含め、名刺交換をさせていただいたり、MT vs a-blog　CMS　的な お話に混ぜていただいたりして、楽しい時を過ごしました。 その後2次会では、前回大失言を浴びせてしまった益子さんと@5509と20年後の自分をテーマに？熱く語りましたw。 ちょっと早めに店をあとにしましたが、本当に楽しかった。 セミナー、勉強会に参加するのはもちろん、こうやっていろいろな人と話すのってすごく刺激になりますね。 実は前日まで、精神的に少しまいっていたことがあったのですが、若いパワーをたくさん吸収して元気になりました！

将来の自分

5年後、10年後、20年後。自分がどうなりたいか、どうしていたいのかを考えることはとても大事ですね。一番下が成人するまで18年。これは最低でも元気でいたい年月です。 前述のこれからの自分がなりたいものも含め、母としてどうやって生きていきたいかその辺も考えてみたいなぁと思います。]]> http://msg.nattydesign.com/2010/06/cssnite-lp92.html http://msg.nattydesign.com/2010/06/cssnite-lp92.html CSS セミナー、勉強会 Tue, 08 Jun 2010 09:48:26 +0900 タニタのお料理本 体脂肪計タニタの社員食堂 ~500kcalのまんぷく定食~」です。 前評判は上々。タニタでの社食のメニューが31献立載っています。 他にも裏メニューと称して、簡単なお料理も載っています。 ただ、作り方がちょっと面倒だとか、野菜がすごいとか、ちょっと心配していました。 すでに4メニューくらい作りましたが、下ごしらえなども入れて30〜40分くらいでしょうか。 そんなに苦になることはありません。 時期的にとか、天候不良で指定の野菜が高いときには、違うもので 代用したり、調味料もちゃんとはからない、と結構いい加減ではありますが、 家族にはどれも好評です。 いろいろな献立本を買って、試してきましたが、3日連続でOKがでたものは まだないので、我が家の好みに合っているのだと思います。 適当味付けなので、ちゃんと減塩にはなっていないと思いますが、 本当に野菜がたっぷりなので、ボリュームあり。満腹になります。 しいて欠点をあげるとすれば、にんじん、キノコが毎日のように使われることでしょうか。 キノコ類はあんまり子どもが好きでないのです。 あと、牛乳のみそ汁などは、オットが牛乳がダメなので作れません。 本を元に、家族や季節、お財布wにあわせた調理にすれば 毎月この献立でも行けるのではと思っていますw（超手抜き） ダイエットに効果があるかは、秋頃の私をお楽しみに？ ]]> http://msg.nattydesign.com/2010/06/post-51.html http://msg.nattydesign.com/2010/06/post-51.html おいしいもの ぷらいべーとなこと 本 Tue, 01 Jun 2010 16:05:24 +0900 iPadキターーーーーー! IMG_0121.JPG お気に入りが見つかるまでと純正ケースを購入したので 横置きです。 まだまだですが、とりあえず現時点で入れたアプリなど。

電子書籍

i文庫HD 日本語の本を読むためのアプリです。 iBooks 同じく本を読むためのアプリです。

ユーティリティ

LCD Clock HD 時計とカレンダー。 セールで安かったからw Bangumi HD テレビの番組表です

ミュージック

Soundrop Free 朝のテレビでやっていたんだけど、雨粒みたいなものをラインを引いて音を出すもの。 主に子ども向けw

お子様用

Wheels on the Bus 簡単な動く絵本です。 お絵描きパッド 書くものを選べるのもはもちろん、車や飛行機などぺたんと貼ることもでき できた作品はメールで送ったり、Twitterに投稿できたりします。 Twitterのアプリなど、これからまだまだ入れて遊んでいきたいと思います。 あ、仕事用に買ったんですよ、仕事用www ]]> http://msg.nattydesign.com/2010/05/ipad.html http://msg.nattydesign.com/2010/05/ipad.html iPad Fri, 28 May 2010 16:40:22 +0900 30代最後の年 みんなありがとう。 そうそう、たくさんメッセージを頂きました。 日記を書いたわけでもないのに、mixiのカレンダーチェックしてたのかな。 同級生から、mixi経由のおめでとうメッセージ。 こういうのはうれしいよね。 TwitterやSkypeなどを経由しても、たくさんのメッセージを 頂きました。いや、うれしいね。ホントに。 「おめでとう」とか「ありがとう」ってたった5文字なのに人を シアワセにする魔法の言葉だなぁと思います。 些細なことでもちゃんと感謝の言葉、お礼の気持ちを大事にしていきたいなと 思いましたです。

アラフォーだってがんばるぞ。

アラフォーといってはいますが、まだ30代。でもそれももう1年を切りました。 ステキな40代になるために、今年もいろいろがんばりたい。 産後ほったらかしでたるんだこのハラもどうにかしたいし、 体力なさ過ぎなのも何とかしたい。長男と一緒のスイミングにでも通おうか。 貧乏だから、多摩川でも歩くかなw あと、オットには大変な負担をかけるけど、今年はできるだけ 外に出て行きたいと思っている。 この業界、セミナーや勉強会は始まり遅めな夜が多い。 あとは週末。さすがに日曜日は...と思うので、土曜日であれば 興味のあるものはどんどん参加していきたいな。 いつもありがとう。これからもよろしくね♪ ＞ オット 実は昨日、ある勉強会にすごく行きたいものがあった。 でも金曜夜の開催。その月は土曜日1回まるまる出かける日がある。 できたら、もう一回でたいと思っている飲み会まである。 それなのに、もうひとつとはさすがにいえないと思いあきらめてしまった。 朝になって、やっぱりと思ったらもういっぱいで、補欠登録も多くなっていた。 Ustしてくれるようですが、録画してくれるのかなぁ。 主婦にはその時間帯、家族タイムなのでリアルタイムで見ることは難しいのですよ。 「あーあ。10年若くて、独身だったらなぁ。」と思うことはたくさんあるけど めげていられません。オバチャンパワーで、突っ走るんだから。 自由に使える昼間の時間帯、外に出るのは難しい夜の時間帯。 区別をして、それぞれ有効に使っていきたいな。 すき間時間も有効活用したい。

ランチ会やろうよ！

近いうちに、ランチ会を催そう。時間の使い方とか、勉強方法なんかをお話ししたいなぁ。 梅雨時だから、駅近、駅ナカでいいところがあったら教えてくださいな。 できたらUstとかもしてみたいぞ。 ]]> http://msg.nattydesign.com/2010/05/30.html http://msg.nattydesign.com/2010/05/30.html ぷらいべーとなこと Thu, 27 May 2010 14:54:03 +0900 ランチ会をしました WIRED CAFEで「コーダーランチ会」なるものを開催しました。 WIRED CAFEは電源はありませんが、無線LANがあり、少しですが マシンの貸し出しもしてくれます。 でも、やっぱり電波は弱めです。がっつりやりたいなら、自分で用意していくことを お薦めします。 さてさて、メンバーは @nagomuさん、@hikosさん、＠myamya1022さんと私の4人。 がんばる30代チームw マークアップな話題はもちろん、＠myamya1022さんに、アプリを作ってもらおう！とか、子どものネット利用などの話までいろいろお話ししてきました。楽しかったー！！！ 私は夜の外出は頻繁にできません。 でも、同じような状況の方ってたくさんいると思うのです。 たいていはSOHOなお母さんかなと思いますが、子どものいない間なら ちょこっと外出できるよ。という感じの方。 そういう方と何がしたいという明確な何かがあるわけではありません。 でも、集まって、顔を合わせて話をしていけば何か見つかるかもしれません。 勉強会でも、ただの雑談でも、とりあえずなんかやってみたいなーと思ったのでした。 ]]> http://msg.nattydesign.com/2010/04/post-50.html http://msg.nattydesign.com/2010/04/post-50.html ぷらいべーとなこと Fri, 23 Apr 2010 23:42:41 +0900 CSSNite LP9「Coder's Higher」 に行ってきました。 CSS Nite LP, Disk 9「Coder's Higher」 先週の土曜日、CSSNite LP9へ行ってきました。 すごくすごく楽しみにしていたのに、前日夜にチビが熱を出し、かなりどきどきで迎えた土曜日でした。 この日のつぶやきは twilog とか ちゃんと、ちゃちゃっと。 を見て頂くとして、印象に残った部分の感想をつらつらと。

キーノート：マークアップエンジニアのキャリアパス

マークアップエンジニアの名付け親である森田さんの基調講演。 こちらでスライドを確認できるようにしてくださっています。 荷物が片付かないうちに始まってしまって、最初の方は聞き逃したのですが 「マークアップエンジニアの職能」というお話がありました。 詳細はスライドを見て頂ければと思うのですが、これ見て、私はマークアップエンジニアを 名乗っていてもいいのかなぁと思ってしまいました。 これらを完璧にこなすことはできないかもしれない。 でも、できるようになりたいと思いました。いくつになっても日々勉強ですな。

XHTML&CSS超高速コーディング術 LIVE!

XHTML&CSS超高速コーディング術についてはこっちでもかいていますが、 実際にこの手法を見てみたかったので、1番楽しみにしていました！ 印象的だったのは、クセのように記述されるIE対策と思われるCSS。 floatしたら、かならずdisplay: inline;　というような感じです。 本にも書かれていたとおり、手戻りを最小限にするために、工夫されているんだなぁと 思いました。 モジュールはまとめて1枚のpngに作ってしまうのも斬新と思いました。 モジュールをまとめたテンプレートページはよく作りますが、デザインを まとめてしまうということはしたことがなかったので、驚きでした。 しかし、疑問。 psdのデータをレイヤー情報なしにpngにしてしまってスライスするとなると 透過したいとか、重なりがある部分とかそういうのはどうしているんだろう。 そういうのは別途作成しているのかな。 その辺お伺いしたかったんだけど、エレベーター前でご挨拶しただけで 懇親会ではお話できず残念。もし、これ読んだら教えてくださいw

Coding with jQuery

超イケメンの登場！ はい、目の保養させてもらいましたw 普段使っている47都道府県のセレクトメニューありますよね。 あれって、スクロールし過ぎちゃったり、九州とか下の方に表示される方には 面倒！って思われる方多いと思うのです。 アレをぱっと見開きで作っちゃたのがこれです。 jQueryが担う分野はクロスブラウザ対策。 ユーザーのことを考え、かつ制作者にも優しいとお話されていました。 こんなことやりたいんだけどどうすればいいんだろう？と困っていると やさしく相談に乗ってくれる、ステキなお兄ちゃん。 まだまだな私ですけど、もっと勉強してjQueryってこんなにおもしろいんだよ！と 紹介できるようになりたいなぁ。

実例に学ぶ！コーディングから参加するUI設計

ハムさん登場！ 私もおそろいのTシャツ着ていました。 実例を挙げての紹介。何がよかったって、普通なら隠しておきたい 失敗も紹介するという大物っぷり。 ををーこれすげー！と思っても、実際にはこんな理由でボツになりましたという話が、 実務的でいいなぁと思いました。 実装前に決めておくこと：動作、jsオフの時、対象ブラウザ、操作する部分をどこに記述するのか こういうこと大事。 こういうことが決まらずに要望だけが一人歩き的な制作をしたことありますが 本当に大変でした。 技術はいろいろあるけれど、ちょっとした気遣い、優しさ。誰が使うのか考えて 実装を検討するというお話が、ハムさんの人柄を現していたような気がします。

Webパフォーマンス最適化のためのコーディング手法

またもイケメン登場。 通常、私はデザインをもらって、コーディングするだけですから パフォーマンスを考えてどうのこうのなんていわれたことがありません。 制作方法もほとんど自己流です。 昔、光通信なんてなくて、ぴーひょろろーな時代には 大きな画像は読み込みに時間がかかるから、とにかく小さく小さくと 切り刻んだものでした。 その頃からくらべたら、最近は格段に速くなっています。 でもだからこそ、数秒の読み込みの遅さが気になるんだろうなと思います。 マシンの性能だけでなく、ブラウザによっても読み込み速度が違いますが それをクリアするためにいろいろ工夫をしているというお話でした。 衝撃的だったのは「パフォーマンスを考え、コスト意識を説明して デザインを変えるという案もある」いうこと。 私のような外注末端の状況でそれをやるのはほぼムリだけど、 デザイン絶対じゃないところに驚きを覚えました。

CSS3 for tomorrow [ver.LP9]

先月の銀座でも思ったのですが、もうおもしろいったらない。 デモを手元で見ることができるので、より理解が深まりました。 @Takazudoさんのスライド @sigwygさんのスライド　 今回時間がなくて完成できなかったコーディングコンテストですが、 このスライドを見ていて、あの部分にこれを、あっちにはアレを などと想像がふくらみました。 ここでも「でしゃばりすぎない」という言葉が出ました。 できるようになることはたくさん増えるし、簡素化されるけど どこまでそれをやるのか、そしてそれをどの役割の人がやるのかなど 考えさせられました。

ノリとツッコミで進める HTML5 ライブコーディング

まさにノリ突っ込み感じでテンポよく進められていました。 実際、ソース表示の部分などもよく見えたし、分かりやすかったと思います。 実際にあり得そうなシチュエーションのxhtmlからHTML5への移行を デモしてくださいました。 いっぱい書いてあるものをばっさり消していくのは、気持ちがよかったです。 事前にもっとよく資料を見ておけばもっと楽しめたと思いました。

今日から使えるHTML5 API

目をキラキラさせて、ものすごく楽しそうにお話をされている姿は、 まるで少年のようだと思いました。 私にはまだまだ難しいレベルのお話でしたが、HTML5の 可能性をたくさん教えて頂けました。 HTML5のAPIはJavascriptが必須だとのこと。 これからもこの業界にいるなら、もっともっとがんばらなくては。

懇親会

こんな機会に名刺を無くすという大バカもの。 家に帰ったら持って行くのを忘れただけでした。 ご心配頂いたみなさま、ごめんなさい。 絶対これだけは忘れちゃいけないと思っていたのに、おっちょこちょいの助です。 ちょいの助のくせに、オバチャンパワーで、図々しくもたくさんの方と お話しさせていただき、名刺もたくさんちょうだいしました。 ありがとうございます。 自己紹介リストの2番のやる気満々のオバチャンです。 本当はもっと行動的に他の階にも行きたかったのですが、何せ名刺がないので お伺いするのも恥ずかしく、ずっと3階にいました。 久しぶりにあえたお友達もいて、ほんとよかった。 もっともっと時間があったら、名刺も忘れなかったらよかったのに。 オバチャンというのは、あちらは自分のことなんか全く知らない有名人でも こちらはなんだかよく知っているという気になってしまうのですね。 お酒も入って、テンション高く、そんな失敗をしてしまい、アレはすごかったと @cremaちゃんをはじめ、周りの方々にひかれてしました。 @cremaちゃんもごめんなさい。 益子さん、ごめんなさい。この場で失礼をお詫びします。 初めて言葉を交わしたのに、挨拶もせず、カニがないだの、 あれこれ文句つけて申し訳ありませんでした。 帰り際に、鷹野さんにiPadさわらせて頂きました。 これまたちゃんとお話しするのは初めてだったのに、きちんと ご挨拶もせずに申し訳ありませんでした。 iPad、すごく欲しくなりました！

mukiオフ

ここからはまた別の集まりなんですが、この日の出演者@5509 @h2ham を含めた 数人である勉強会のコミュがあって、おそれながらそこに入れて頂いています。 おそろいのTシャツもこのメンバーで作ったものです。 せっかくなので、懇親会終了直前に抜けて、お店を変えておしゃべりしてきました。 ホントに楽しくて、時間が足りませんでした。 みんなありがとー！！！

で、最終的に感じたこと

今のキャリアであと10才若くて、子どももいなければなーと思うこともあります。 でも私は私。今の自分を受け入れ、努力するしかありません。 たまにしかこういう集まりに行けなくて、行くとうれしくてテンションあがってしまいます。 図々しいオバチャンです。ご迷惑をかけることもあるかもしれません。 ごめんなさいです。 あきらめたらそこで終わり。忙しくたって、時間は自分で作るもの。 固まってきた頭なので時間はかかるけれど、前に進むことをおそれず、忘れずに 夢を追いかけていきたいなと思った1日でした。 ]]> http://msg.nattydesign.com/2010/04/cssnite-lp9.html http://msg.nattydesign.com/2010/04/cssnite-lp9.html CSS コーディング、マークアップ セミナー、勉強会 Mon, 19 Apr 2010 11:27:48 +0900 みーつけた！ IMG_0931.JPG うちのそばにある桜の名所。 だいぶつぼみがふくらんできました。

IMG_0940.JPG あ！ ひとつだけさいてる！

IMG_0942.JPG 今年一番最初のさくら、みーつけたっ！]]> http://msg.nattydesign.com/2010/03/post-49.html http://msg.nattydesign.com/2010/03/post-49.html ぷらいべーとなこと Sat, 20 Mar 2010 14:54:34 +0900 Parallelsで印刷すると文字が抜ける 自分のために書いておきます。 Parallels上のやよいの青色申告を使って、初めてのe-Tax申告。 保育園用にプリントしたものが必要なので印刷。 画面ではちゃんと見えているのに、印刷すると不思議なことにあちこち文字が抜けている。 解決方法が見つかったので、書いておきます。 コントロールパネル　→　プリンタとFAX　→使っているプリンタを選択 右クリックか、プリンタのタスクからプリンタのプロパティの設定 全般　→　右下にある印刷設定をクリック　→　用紙/品質を選択 右下の詳細設定をクリック　→　PostScriptオプションをダブルクリック True Type フォント　ダウンロードオプション：ビットマップ　になるように修正 これを適用して再度印刷したらきれいに印刷できました。 http://msg.nattydesign.com/2010/02/parallels.html http://msg.nattydesign.com/2010/02/parallels.html Parallels Tue, 23 Feb 2010 23:43:56 +0900 ががーん、まとめて記入されちゃった! 合計記入」 という恐ろしい文字。 そうです。ずっと記帳していなかったために、まとめて記帳されてしまっていたのです。 当然この間の取引は一切分かりません。焦りました。 基本、ネットで行った銀行取引はプリントアウトしているのですが、 やはり足りなかったようで、どうにも金額があいません。 でも大丈夫でした。 窓口に行けば、少々待たされますが、その間の取引をプリントアウトしてくれます。 先ほど、銀行へ行ってもらってきましたが、今日は雪だったからか銀行もすいていて 5分ほどでもらうことができました。 銀行によるのかもしれませんが、私のようなポカをやってしまった人は 通帳をもって、窓口へ行ってみてください。 これに懲りて、今年からの分はMoneyLookで取り込むようにしました。 こちらは銀行のほか、カードなども取り込めます。 やよいの青色申告 10なら、カードの類は読み込めないようですが、付属ソフトで取り込みも可能です。 ]]> http://msg.nattydesign.com/2010/02/post-48.html http://msg.nattydesign.com/2010/02/post-48.html お仕事 Thu, 18 Feb 2010 11:06:33 +0900