サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
会話術
tikeda.hatenablog.com
先週、平成最後の13日の金曜日という恐怖の日に40代に突入した。せっかくなので近況や心境をすんごい久しぶりにブログに書いた。ただの日記みたいなものだが、最近は自分の考えややっていることを整理する機会もないので デザインアンドライフ社について 前職を退職してから去年4月に作ったデザインアンドライフ社(DAL社)も2018年3月決算で1年半近く経ち2期目に突入した。おかげさまで色々とやっている。「会社を作りました」的なことを言うと「起業したんですか?」と聞かれることもあるが意識的にはそういう感じではない。ずっと続けてきた事業会社のデザイナーをやめ、事業会社と一緒にデザインをはじめとする業務を一緒にするための法人。という感じ。なので、自分で作りたいサービスがあったり、何か大きな規模感で成し遂げたいことがあって会社を作ったわけではないと正直に書いておく。 というのも、自分自身ずっと事業会社で働いて
先日、「スマートフォンのためのUIデザイン」を執筆したことについて書きましたが、3月30日の発売以来色々な方に手に取っていただき、ご感想も多数いただいております。ありがとうございます。このような機会をいただけることも多くないと思うので、少し執筆の舞台裏を書いておきます。 執筆は休日に「武蔵野プレイス」で 執筆期間は半年弱かかっていますが、執筆のほとんどは休日でした。自宅以外の方が捗るため、場所を探していたのですが、自宅から比較的近い武蔵境に「武蔵野プレイス」という居心地のよい素敵な図書館があることが分かりました。期間中、ほとんどの休日をここで過ごしました。図書館といっても特徴的です。 ドリンクなどの持ち込みができる カフェがあるのでコーヒーや食事がとれる 無線がある(FREESPOT) 結構切れるのでネットを使った本格業務は無理なレベル 電源のあるワーキングデスクがある(有料) 午前、午後
UIデザインの入門書「スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン」を執筆させて頂き、3月30日に発売になりました。ユーザーが見慣れて使い慣れたUIをルール(デザインガイドライン)や、UIコンポーネント毎のパターンにすることで、分かりやすく使いやすくできるのではないかという考え、iPhoneやAndroid、スマートフォンサイトとプラットフォームを越えUIデザインを捉えて解説しています。 スマートフォンのためのUIデザイン ユーザー体験に大切なルールとパターン 作者: 池田拓司出版社/メーカー: ソフトバンククリエイティブ発売日: 2013/03/30メディア: 大型本 クリック: 117回この商品を含むブログ (5件) を見る UIデザインやスマートフォンのサービス開発に興味を持っている人や、仕事をしてみたいと思っている方の気持ちの後押しや原動力になればいいと
先週木曜日4/12にパソナテックさんにて、モリサワさんのWeb Fontsサービス「TypeSquare」とのタイアップセミナーで講演させて頂きました。内容としては、Web Fontの概要から実践まで広い内容になり特にTypeSquareをはじめJapanese WebFontについての内容が多くを占めております。遅くなりましたが資料を以下に公開しました。 Web Fonts with Web Design // Speaker Deck 一部、プレゼン資料だけで説明なしでは、文脈的に解釈が難しいと思う内容も含んでいますが、少しでも役に立つならと思い公開してきました。ご興味ある方はご覧ください。
4/1付けでクックパッド株式会社に入社いたしました。 料理は誰もが楽しめる、生活の中にいつもあるクリエイティブな活動だと思っています。そんな料理をより便利で気持ちよく楽しめるよう、様々なデザインのアプローチをもって、クックパッドらしいサービスを作っていく事に努めていきたいと思います。 また個人的にも家族が最も使っているサービスでもあるので、自分達の頑張りをもって食生活が潤い、またそれが仕事に還元できるというサイクルを楽しみに思っているので、そんな世界観がより多くの家庭でおこる事を想像しつつ、これから力になっていけるよう頑張ります。
2005年より勤めさせて頂きましたが、昨日最終出社日を終えて、株式会社はてなを退職いたしました。 はてなロゴやうごメモはてな、はてなトップ、ダイアリーテーマやハイクなど書けばきりがない程、様々なサービス開発、デザインに取り組んできました。特に社長のid:jkondo、はてなに声をかけて頂いた元スタッフのid:naoyaをはじめ、一緒に仕事をしてきた様々なスタッフ、そしてユーザーの方々にたくさんの助けをもらってここまでやってこれたと思っています。リリースの際はいつもディスプレイの向こうにいるユーザーの方々の表情や反応を想像してサービスを作る事が何よりも楽しかったです。本当にありがとうございました。 はてなを退職はしますが、今後もインターネットをより素敵なモノにしたいという思いは全く変わりません。4月からは新しい環境で、自分らしくまた頑張っていくつもりですので、今後とも1人のユーザーという事で
去年の春から多摩美術大学の社会人向け講座「●●とデザイン」を1年間位かけて受講していました。講義は毎回「ビジネスとデザイン」「音とデザイン」「独自の文化とデザイン」といったようにあるテーマとデザインという形式でテーマを変えて進みますが、それぞれ、佐藤可士和さん、ヲノサトルさん、コシノジュンコさん、のように第一線のデザイナーを招いての講義でした。普段の専門分野から一歩離れてデザインを見つめるよい機会となったのですが、テーマのなかに「禅とデザイン」「仏壇とデザイン」といったように普段デザインという観点で直視しないジャンルの講義も多く、身の回りの暮らしにはこんなにデザインが考えられ、囲まれて暮らしているんだと改めて感じるいい機会でした。 たくさんの興味深い点はありますが、2つの印象深かった点を書いておくことにします。 ●●の部分の専門性 受講を通して面白かったのは、●●の部分の専門性のように思い
こんばんわ、tikedaです。Hatena::Staff Advent Calendarもいよいよ終盤ですね。 何を書こうかずっと決めていなくて、今やっている仕事についてや、スマフォビュー系の話を書こうかとか思いましたが、気乗りしなかったので、自分とはてなの出会いを書こうと思います。 僕がはてなと出会ったのは2004年位で、その頃自分はポータルサイトの運営に関わっていました。そのポータルには更新を外部委託している複数のサービスを統合するような役割を担っており、一緒に働いてたスタッフが「はてなアンテナ」を使っていて、それを見てなんて便利なサービスがあるもんだと思って、こっそり使い始めたのがきっかけでした。その後、使っていくうちに、あの文中にリンクだらけのページは、はてなダイアリーだったんだというのを知りました。そんな感じで自分は身近な人がきっかけに、はてなのサービスに辿り着いたのを覚えていま
※このHTML構造は結構古いので、私のエントリーではなくてスタッフであるid:kyabanaさんのエントリーの方を見てください! 現時点でのHTML構造の概要メモ。CSSいじる用にどうぞ。 <body class=""> <div id="globalheader-container"></div> <div id="container"> <div id="container-inner"> <header id="blog-title"> <div id="blog-title-inner"> <h1 id="title">ブログタイトル</h1> <h2 id="blog-description">ブログ説明</h2> </div> </header> </div> <div id="content"> <div id="wrapper"> <div id="main"> <div
今年の7/15は、はてな10周年という事で、記念ロゴを作ったり色々制作させて頂きました。10年の記念とこれからの思いも込め、はてなロゴの菱形の塊をサークル状に1つに繋ぎ直して再構成し10年を祝うエンブレムっぽく仕立て直してみました。 ノベルティ用には、エンブレムの周りを、はてなでよく使われる四角形だけで花火を打ち上げ彩ってみています。Tシャツは今ならプレゼントもやってますので、よかったらご覧ください。 はてな10周年! #hatena10th - はてな 10年と言えば、7/30(土)に開催される新宿エイサー祭りも今年で10周年。僕も今年も声をかけて頂いたので、撮影スタッフとしてその日は一日カメラぶら下げ走り回る予定です。真夏日が続いていますが、当日は少し日が和らいでくれる事を祈っています! 興味のある方は当日、是非新宿に遊びにきてください。 琉球舞団 昇龍祭太鼓 そしてまた、今年は友人の
Google Web Fonts!! はてなダイアリーは、今のところ多くのWeb Fontサービスが使えないのですが、Google Web Fontsは、無理やり使う事ができました。このブログでも一部使ってみています。 使い方 Google Web Fontsから使いたいフォントを選択 ページ中の「Use this font」を選択 ページ内のCSSファイルのパスをコピー はてなダイアリーの管理ページ→「デザイン」→「詳細デザイン」→「スタイルシート」欄で以下のようにCSSを@importで指定 @import "http://fonts.googleapis.com/css?family=Lobster"; 上の@import指定をした、下の行あたりに、フォントを変えたい部分にfont-familyを指定 @import "http://fonts.googleapis.com/css?
先日、はてなカウンティングのアプリがリリースされました。結構前に合宿で作ったラボサービスのiPhone版です。id:chris4403に乗っかってオフの時間に作ってました。 アプリ開発はウェブアプリと違ってエンジニア・デザイナーの協業を効率よく進める方法も勝手が違い、スタイルシートなので、デザイナー側でのちょっとした調整が難しく、画像をグリッドに沿って書き出したり、画像と画像の距離の支持が必要など、社内での統一や分業もウェブアプリと勝手が異なります。そこで今回の開発ではTitanium mobileで開発するとどう変わるかを体感しました。 結果としては、開発スタイル的な部分を取り上げると、ウェブと近い形での開発を進められるメリットがある事を認識できました。デザイナーも自分の手物にTitaniumの開発環境を作っておくことで、画像の書き換え、スタイルの調整をする事は可能そうですし、手元のPC
はてなココのカテゴリーアイコンが全てできた(計62個)ので、無料で使えるデザイン素材ということでCCライセンスにて公開しました。先日オープンした、Hatena Developer Centerのはてなココのページからダウンロードできます。ダウンロード、ライセンス詳細については以下のページでお願いします。 はてなココスポット API 第1版 - Hatena Developer Center 「カテゴリー情報取得」という項目内です データ自体はイラストレーター形式(ai,eps,png)ですし、パスの数も少なくベーシックな機能だけ使っています。その分ちょっと安易などころもありますが、カスタマイズしやすいデータになっていると思います。例えばサイズの拡大やモノクロ2階調に変更など都合に合わせて改変して頂いてかまいませんし。もちろん、はてなココAPIを使ったサービスはもちろんそれ以外のデザイン素材
スマートフォン用サービスを作る時に必要な画像を用意する際、よくサイズを忘れがちな為、社内用にドキュメントを最近まとめてました。内容が一般的なのでダイアリーにも書いておきます。Androidはひとくくりにするには、不明確な点も多いし、今後アップデートも多そうですが、参考までという事で。ちなみにファイルはPNG。 アプリケーションアイコン iPhoneAndroid - 3GSw57xh57 4w114xh114 w72xh72 ※2.0。割と細かいので以下参考 Icon Design Guidelines, Android 2.0 ヘッダー画像 iPhoneAndroid - 3GSw320xh44 4w640xh88 x1w480xh45 x2w960xh90 タブにのせるアイコン iPhoneAndroid - 3GSw40xh33 4w80xh66 ※selectedはauto eff
先日、PC版のはてなココ用にスポットのカテゴリを表す為のアイコンを作りました。久々にこの手の仕事をすると、のめり込んでしまいます。 リリース時はグルメ、文化・歴史といった大カテゴリだけ作ったのですが、その後、毎朝仕事の前に1個か2個づつ作り続けてみています。このままのペースでいくと年内には全てのスポットのアイコンが完成しそうです。 アイコンはイラレで描いてるのでスマートフォン・PC問わず色々な場面で使え重宝しそうな為、スポット用が全て完成したら、その後はtypepadのフリーの絵文字のベクターデータ版という所を目指し、数が揃ったらCCライセンスとかで公開しようかと思いますがいつになるだろう。
tikeda's ココ PHOTO CALENDAR 先日、はてなココのフィードページがリリースされ、本人のイマココ履歴のフィードが使えるようになりました。カレンダーぽいビューが個人的に好きなのですが、ICSを使った表示が面白そうで試したところ、写真がないのがつまらないので、ATOMフィードを使って、簡単にカレンダーっぽいビューを自分用に作ってみました。 ココのポラ風写真を、コルクボードに刺してるっぽくしてみてます。秘密スポットじゃない場合は日別ページもあり、こっちはGoogle Mapをちょっとセピア調に表示して、こっちも貼り付けた感じにしてみてます。自分のは今は結構歯抜けなので、普段写真を使ってる人はもっと楽しいかもしれません。なるべく自分も歯抜けにならないようにしてみようと思います。 ちなみに Webkit,Firefoxだと日別ページで地図の右上にアナログ時計を入れてみたんですが、
はてなの新しい京都オフィスには、鉾の名前から取ったガラス張りの会議室があります。柱に続いて今度はこの会議室のルームサインを作りました。 デザインは鉾の紋を元にしており、順に「菊水」「舩」「長刀」「月」です。壁面のガラスのサイン部分だけを曇らせるよう、カッティングシートを直接会議室のガラスに貼り付け、サイン部分だけが残るようにカッターでカットしていきました。id:tomomiiに手伝って頂きなんとか仕上げました。 試作 以下、3種類の素材を使って、難易度の一番高そうな「菊水」で試作品を作りました。 カッティングシート サンド 採用されたものです。ガラスはカッターでは切れないので、カッティングシートを最初に張っています。シート自体がやや分厚いので、上からの光の入り具合が断面で微妙に変わったりするのがちょっと気になります。 カッティングシート マットホワイト 上と同様にカッティングシートなんです
金沢21世紀美術館 - スイミング・プール 金沢21世紀美術館 - カラー・アクティヴィティ・ハウス 白川郷 輪島朝市 輪島千枚田 ヤセの断崖 千里浜なぎさドライブウェイ 先週、14日、15日と北陸を回ってきました。石川には何度か行っていたのに、金沢21世紀美術館に行った事がなかったので、それにあわせて、白川郷に訪れ、和倉温泉に泊まり、輪島の朝市を見物、能登の海岸を走り、久しぶり一人でのんびりしました。
はてな京都本社が3倍に増床!改装の一部始終をレポート - はてなブックマークニュース はてな京都オフィス増床にあたり、フロア中央の3本立つ柱のデザインをしました。京都を感じる風景を描いています。 元になったのは、はてなココをデザインした時に作っていたこのテイストなのですが、このままのラフなタッチで、床面に近い色のラインのみであまりオフィスの邪魔にならないようにしていて、机の少し上の面に地平線がくるよう地面も加えた絵に改めました。 柱はそれぞれサイズも幅も異なりいびつな形です。一番大変だったのは、この柱全ての始点と終点を合わせて繋がった絵に見せること。風景なので、接合部が綺麗じゃないと360度美しくありません。接合部は空のジョイントを減らす事でずれを軽減しているのですが、施工まではミニチュアや合成を作って何度もシミュレーションを行いました。 また、3本それぞれの柱の絵を1面ずつずらし、オフィ
2008年に会社が京都に移転し、2008年4月より京都で単身赴任をしていましたが、7月末で2年4ヶ月の単身赴任生活を終え東京へ戻り、8月からは在宅スタッフとして働いてます。京都で過ごした期間、色々な出会いもあり、得たものも多く、それをこれからも忘れることなく励んでいこうと思います。 また、東京に戻りまもなく、8/7に長男が産まれました。妊娠期間中は、奥さんのサポートをほとんどできませんでしたが、最後で一緒に出産を迎えられて、よかったです。がんばってくれた奥さんに感謝感謝。 開発組織のある京都を離れる事で、役割や求められる事など変化もありますが、新しいチャレンジをさせてもらいながら、新しく産まれた家族の為にも、気持ち新たに日々精一杯やろうと思います。
http://www.hatena.ne.jp/company/intern2010/ 本日より、2010年度のインターンの募集が始まりました。この募集ページ一見普通のページですが、大きく分けて5カ所に分かりやすい遊びを仕込みました。Safariなどでアクセスして、気になる所をクリックするとお楽しみ頂けます。動きはhtmlのclass名を変化させる事によるCSSで実現させてます。場所毎に少し具体的に解説しておきます。 右上のバッジ 単純回転です。最初1周5秒にしてたら、酔うとの意見を頂いたwので倍の10秒になっております。Chromeでも回ります。 h1 img.sun{ -webkit-animation: sunRoll 10s infinite linear; } @-webkit-keyframes sunRoll { from { -webkit-transform: rotat
まだ少し先で8月なのですが、京都の恵文社一乗寺店のギャラリーで1週間、植物や京都の風景を織り交ぜた色鉛筆画と夏の植物をテーマにした展覧会をやります。 普段の業務はWEBサービスのデザイン中心ですが、京都でしかやれないような事をやってみたいなーと思ってたりチョコチョコ描いてた絵がたまってきたのと、インターネットと逆で、限られた期間で、京都のあるギャラリーに来ないと見る事ができない限られた場所でのコンテンツってのもいいかな。って事で一人よがりのものですが一目に触れさせてあげようと思い、去年の半ばくらいにギャラリーとも話がついて以下で決まってました。 日時 2010/08/17(火)-2010/08/23(月) 10:00 - 22:00(最終日のみ -18:00) 場所 恵文社 一乗寺店 ギャラリーアンフェール 〒606-8184 京都市左京区一乗寺払殿町 叡山電車一乗寺駅下車して商店街を西へ
GWから一足先にiPadを手に入れて使っています。会社でのMTGや家でのちょっとPCを使いたい時は極力iPadを使うようにしていてどういう事に使えるか、利用が定着するかなんか探ってみてます。特にiPadはノートサイズなので、自分としてはノート的な物の代用品としてという使い方がしっくりきてます。SmartPhoneも使っていますが、そこが一番の使い分けになってます。いくつか使ってるアプリを紹介です。 Simplenote 普段の文字入力はこれを使ってみてます。仕事でのTODOやちょっとした事は全部ここに書いてます。デフォルトのメモでもよいのですが、新しい物を試してみたかったのと、なんとなく真っ白が好きで選んでいます。TODOアプリもデ「Taska」というアプリを買ってみましたが、あまりきっちり管理するのが下手なので、これくらいがちょうどよいです。 Simplenote 無料 Penultim
1週間程前 3日程前 4/1 0:00 4/1 0:10 ※全世界のセレブが夢中!ゴージャスを極めた「はでなスター」遂にリリース - はてなブックマークニュース
最近社内では、パソコンの利用だけを想定したページだけではなく、スマートフォンや携帯用ページなどデバイスを越えてデザインをする機会がとても増えており、社内の各チームに所属するデザイナーは、それぞれアイコンや絵文字など利用する機会がもちろん増えるのですが、デジタルカメラやオーディオ機器など、工業製品でよく利用されるアイコンは、ハードウェア、時代、メーカーの枠組みを越えて一部標準化が行われています。その内容がどういう物で、どんな具体例があるかといった勉強会を先日社内で行いましたので、少し書いておきます。 例えば、チューリップのアイコンを見れば「マクロ撮影」という感覚はカメラを使った事がある人であれば何となく分かっている人が多くいるように思います。仮に自分の仕事に置き換えると「クローズアップのアイコン作って!」と頼まれた場合「虫眼鏡とかでなんか一部が拡大されてる感じで..?」みたいにどうしても説明
はてなトップとMyはてなを刷新しました - はてなの日記 - 機能変更、お知らせなど 今日、モバイル版はてなのでトップページやMyはてな関連のページが刷新されました。少し前まではまさか自分がモバイルのデザインやるなんて正直あまり考えてなかったのですが、ここ最近はモバイル漬けになっており、キャリア振り分けだの・容量オーバーやらに頭を悩ませていました。おかげでこれまで携帯でネットをする習慣はなかったのですが、時間があれば携帯をいじっている昨今です。特にMyはてなアンテナやプロフィールが携帯から使えるようになったのが便利です。 とは言ってもプライベートで使ってる携帯は上のようにdocomo HT-03A(Andoroid)です。そんな事もあり、専用のviewではないものの、AndroidやiPhone用からアクセスした場合は多少タッチしやすくなるような余白・文字の調整などをしてたりしています。ま
夕方は逆光 コアファイター 迫力満点。踏まれそう 緑の陰で宇宙を見上げる 人多すぎ。地球大混乱 数週間前にお台場に行って来た時の写真ですが展示は確か明日まで?だったはず。解体する時は頭を外して右腕を宇宙にかざしてあのポーズにして欲しいです。
求人情報:募集要項:インターンシップ - はてな 久しぶりの更新です、こんにちは。 昨年同様に今年もデザイナーインターンも募集を開始しました。期間は8/3日〜8/14でエンジニアと開始日は同じですが、半分の期間になっています。実施日も学生の方は夏休み中と思いますので、昨年よりも参加しやすくなっているかと思います。 内容は、ウェブサービスに関係するデザインについてはもちろん、今回は、サービスやコンテンツをどのようにデザインして伝えるかという部分の課題も含んでいて、2週間の間にもりだくさんの内容となっています。もちろん、期間中はスタッフの人達と同じ会社での生活を送って頂きます。ご興味のある方は、是非ご応募ください。お待ちしています! 以下は、昨年デザイナーインターンに参加した人のダイアリーです。内容や感想を読むことができます。興味のある方は是非読んでみて雰囲気をつかんでみてください。 インター
うごメモはてな 気づいたら3ヶ月ぶりになります。久々です。 ちょうど前回の日記を更新した頃からうごメモはてなのプロトタイプ作成が始まったのですが、プレサイトがオープンしました。 まだ、正式リリース前ですが少しだけデザインの話に触れようと思います。周囲に、今回のデザインは「はてなっぽくないね」と何度か言われたのですが、プロトタイプを作っている頃は、どんなサービスになるかも、それがはてなブランドでリリースするのかも決まっていなかったので、サービスそのものを楽しんでもらえることを最優先してデザインし、既存サービスとの整合性は後から調整を加えました。 また、ブックマークやキーワードと同じく背景が変更できるのですが、うごメモはてなの場合、背景色でなく背景シチュエーションです。id:jkondoからの「芝生とかどう?」という提案で、デフォルトが芝生ということが決まったのですが、その他に、子どもたちが普
次のページ
このページを最初にブックマークしてみませんか?
『tikeda::Diary』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く