茶鏡のブログ

駆け出しのWebデザイナーが文句ばっかりぐちぐちぐちぐち言う日記です。

Firefox OSをおさわりしてきたよ。

みんなでおさわりFirefox OS」ワークショップに参加してきました。
たいしたことができないデザイナーの目線で、感想をじゃじゃっと書きます。
(おもに、FirefoxOSのおどろきと、初めて体験したハッカソンの感想)

FirefoxといえばWebブラウザですが、Firefox OSとは、Firefoxと同じくMozillaのプロジェクトの1つで、スマートフォンのOS。

iPhoneだからとか、プラットフォームに依存しない、Web標準の技術(HTML5など)でアプリどころかOSまでさわれてしまう「Webがおーえす!」の精神に惹かれて、「Boot 2 Gecko」と呼ばれていたときから興味を持っていました。
あと、私はFirefox信者なのです。

こちらの写真は、参加者の方が連れてきた、Firefoxのキャラ、フォクすけ
フォクすけ、かわいい。

続きを読む

個展告知サイトの制作で、やってみたこと

 DMに先駆けて、個展の告知Webサイトを作りました。

「透明な心」坂上 綾 絵と言葉の展覧会

展示のことについては、告知サイトをご覧いただくとして、この記事ではサイトを作るにあたって、やってみたかったことを、タラタラと書いてみようと思います。
「いかにもTwitter Bootstrapをつかいましたっ!」という急造感漂うデザインからお察しのとおり、手を抜くところは手を抜いております、便利に頼りまくった私のWeb制作の実態をご紹介できればと思います。

おしながき

  • Twitter Bootstrapでレスポンシブデザイン
  • Facebookアルバムの写真入れたかった
  • Google先生さまさま…Webフォントと地図
  • 忍者おまとめボタン
続きを読む

世界のマクドナルドのiPhoneアプリを集めて遊んだよ

世界のマクドナルドのiPhoneアプリを集めて遊んだら、けっこうおもしろかったので報告してみます。

もともと、お友達とスマホアプリを利用した販促について話をしていて、なぜ販促のアプリって必要なんやろうと気になり、真っ先に思いついたのがマクドナルド。で、APP Storeで「mcdonalds」といれたらいろんな国のが引っかかったのて入れてみたのです。

アプリを開いて、最初に出た画面をご覧ください。遊んでたのが少し前なので、情報が古くてすみません。
最初に出た画面で、アプリの役割が見えてきます。

上段が、フィンランドアイルランド、ドイツ。中段が、香港、トルコ、オランダ。下段が、ベルギー、エジプト、チェコ

続きを読む

抜歯

神経まで侵した虫歯を、(注射が怖いから)麻酔なしで治療して、という無茶ブリをお願いしたのはいつのころだったろう。十何年、銀色の被せ物を載せていたその歯の容体が急変、ついに抜くことになった。

 

「残念ながら、今日は歯を抜きます。」

冒険の書が消えてしまったかのような物言いで、女性スタッフが今日の治療内容を告げる。大人なので、大人しく麻酔を打ってもらう。意識がふわふわとすると、先生がやってきて、私の口の中を金属の道具でゴリゴリと掘り始める。掘られている、ということをつかむ手がかりは音だけだというのが、不思議だった。終わりました、と起こされて右を向くと、台の上には、被せ物と、無残に割れた歯根のかけらが転がっていた。

 

綿を噛んで医院を出る。口が半分しか開かずふわふわしたまま、買い物をして、家に戻る。口が9割くらい開くようになり、噛んでいた綿を吐き出すと、口の中には、自分が思っていた歯の大きさ以上の、大きな穴が空いていた。自分の身体の一部を失う喪失よりも、十何年も持っていた悪玉をとりはらった、風通しのよさにスースーしている。

 

当然、力一杯噛めない。けれど、そのおかげか変に力が入らなくなって「なんでも簡単でいいか」ってなりはじめた。肩の力入りすぎとかいわれたり、歯ぎしりするくせがあるからなあ。そんなわけで、この記事も簡単に書いている。しょうもないことで、すみません。

琵琶湖ぶらり

そりゃちょっと行くの迷ってたのは認めるけれど、鶴橋のJR乗り換え改札をくぐるのをミスし、環状線を270度まわるのは痛すぎる。大阪出る前に珍道中とかいらん…。

そもそも、思いつき旅。理由は、海が無理なら湖、あるやん。
背中を押したのは、朝方コンビニで見かけた旅雑誌です。巻頭には、津田直さんの写真。津田さんの写真は、近景でも遠くを見ているようで、きっと被写体の向こう側のずっーーと遠いところに、彼にしか見えないものがあって、その存在がわかるようなところがすごく好きです。

正午に長浜駅に着くなり、街に向かう人々を背に、長浜城が見下ろすきれいに計画された公園を抜け、琵琶湖に向かいます。湖のそばは、緑の芝生です。水質が違うので当たり前ですが色が違います。どこからが空かわからなくて、湖面が空の色と混ざり合っています。そしてこれも当たり前ですが、山。

続きを読む

まにフェスにいってきたよ

ぽちぽちとコーディングやサイトの更新をしているのでありますが、Webデザイナー(きどり)といいながらWebのことをなんにも知らないことに危機感を覚えるあまり、どこから勉強すれば良いのかわからんようになってたときがありまして。

そんなときそんなとき、もう先月の話になりますが、大阪で「まにまにフェスティバル」というWebのセミナーイベントがありまして、若作…いや舐められ防止に化粧してビクビクしながら潜入。

Webデザイナー、サーバー会社のひと、ブラウザベンダーのひと、解析のプロと、ウェブにまつわる様々な立場の方が講演をされています。知らないことだらけで、全部新鮮で、こりゃまいった。Webこそがプラットフォーム(via:Mozillaの浅井氏のスライド)なんて、びっくりしたわ。

どんな職能や業界でもそうですが、ひとくちにWebといってもいろんな立ち位置があります。それぞれの領分がキッチリわかれているわけではなくて、とりまく状況が多様化、1個のサービスだけでもころころ変わるので、どんな風に変化についていくかが大事で。

たとえば、FlashHTML5のどちらかでインタラクティブコンテンツをつくる、という話でも、どちらにもメリットデメリットとあって、要望や条件、時間の中でベストなものを作るにはどれがよいか。いつからとか、何が正しいんやろう…というものではないのだなと、結構当たり前なことに気づく。

いちばんの収穫は、どなたかのツイートにあった、Webにどんな未来をみるか?という視点です。それによって立ち位置も決まってくる。

雰囲気もギョーカイ人ばっかり内輪な感じじゃなく、和やかで良かったなあ。

お土産は、この本です。

IAシンキング Web制作者・担当者のためのIA思考術

※著者の方によるFacebookページにリンク。Amazonへのリンクはあとではります。

IAというのは「情報アーキテクチャ」のこと。(Wikiの説明わかりやすいからリンク~)

前々から、ビジュアルデザインは超美しいのに、Webサイトとしては、よりわかりやすく使いやすく、骨の部分からもっと良くなるはずだ!という感触を覚えることが多くて。

だけど提案したくても説明ができず、ヒントを求め建築設計の本買ってわからんくなった私、知りたい考え方はコレにちがいないと、勇んで買いました。頭爆発しそうになりながらちょいちょい読んでる最中です。社内に7年くらい熟成された秘伝のタレサイトがあるので、課題だと思って分析の練習しようかと。

IAも勉強していきたいテーマですが、まず時代についてくために、デザインと実装の地力!がんばろうー。

そのうちハッカソンもしてみたい。そのためにも地力。

Togetterも良い言葉満載なので、イベントの様子を見る感じでどぞ。

http://togetter.com/li/287931/

Less but Better.

某ブラウザベンダーWebデザイナーの求人を読んだ時、パタと思ったのは、
「これからWebデザイナーとしてなにを作っていきたいか、なにを学ぶべきか」

私は今のバイトに入るまで、エディトリアルデザイナー志望だったので、HTMLのコーディングからWebの世界に入りました。業務内の疑問や考えがもやもや、と溜まっていくのですが、さて自分で作ろう、となったときどうしょう!と。そこでなぜか思い出したのが、インダストリアルデザイナーの、ディーター・ラムス氏。どんなデザインをしたかというと、例えば、一切ムダな装飾のない、真四角で真っ白な筐体に、赤いボタン。この赤いボタンを押せばいいのか、と一発でわかるデザインにひとつの手がかりを見出しています。この思い切りのよさがすべてにおいてベストではないですが、ラムスさんの「グッド・デザインの10の原則」は常に覚えときたいなと、メモ帳に書き写していました。

そういえば、むかしちょっとやっていたブログに書いた、2008年にサントリーミュージアムでやっていたディーター・ラムス展を観た時の感想が残っていたので、続き欄で紹介します。決してブログのネタがないからとお茶を濁しているわけでも、この下の恥ずかしい記事をなんとかして埋めたいわけでもありません!

続きを読む