こんにちは、はてなデザインチームの id:mazcoです。 2019年06月07日（金）に、デザイナー向けイベント「Hatena Design Hour #7」を開催します。今回は京都オフィスでの開催となります（約4年ぶり…！）。 はてな京都オフィスでの開催です、ぜひ遊びに来てください！ ▼ お申込みはこちらから hatenadesign.connpass.com Hatena Design Hourとは、Webサービスの開発に関わっている、Webサービスに興味がある、そんな、Webサービスが大好きなデザイナーのためのイベントです。このイベントでは、はてなでWebサービスの開発に関わるデザイナーが、自身の関わるプロジェクトからホットなトピックを持ち寄り、デザインの見どころや制作の裏話を、様々な角度からご紹介します。 イベント概要 イベント名：Hatena Design Hour #7 in

こんにちは、はてなデザインチームの id:swimy1113 です。はてなのマンガチーム所属で、京都本社に勤務しながらコミックDAYSや週刊少年マガジン公式サイトのデザインを担当しています。 私には現在2歳半の息子がいます。最近はお手伝いブームで、「〇〇ちゃんがやる！」と主張するようになった元気な男の子です。 3年前に産休、育休合わせて1年半を取り、2017年の4月に仕事復帰をしました。 仕事復帰から1年と3ヶ月が経ち、この1年を振り返ってみると色々あったなあと思うのでこの機会に振り返りのブログを書くことにしました。 1年半仕事を全くせずに育児と家事だけをしていたので、本当に前みたいに働けるのか？！という心配と、準備を進めるにつれ具体的にどうしようという悩み、先輩社員に聞いた保育園あるあるの心配事など。同じように仕事復帰の悩みを抱えている方に、少しでも参考になれば幸いです。 育児・家事しな

こんにちは。現在カクヨムのデザインを担当しておりますデザイナーの id:murata_s です。 先日、カクヨムでは縦組み機能をベータリリースしました。これは文字通りウェブブラウザ上で小説を縦組みで表示することができる機能です。リリース後書き手ユーザーの皆さまを中心に多くの反響がありました。 この機能開発では、基本的な組方向に関する変更に加え、画面のデザイン的にも新しい試みを行っています。そこで、今回はウェブにおける縦組みのデザイン事例としてこれを紹介します。 小説を縦組みで読みたい ウェブ小説を縦組みで読みたいという、シンプルなモチベーションで始まった縦組み機能の開発ですが、アイデア自体はサービスの立ち上げ当初からチーム内で挙がっていました。日本語で紡がれた物語を縦組みで読みたいという欲求は、小説文化に親しみのある者なら誰もが思うことだと思います。実際にご利用いただいているユーザーさんと

こんにちは。デザイナーの id:murata_s です。さる8月27日（木）に、はてな京都本社セミナールームにて、デザイナーイベント『Hatena Design Hour #2』を開催いたしました。 本イベントでは、『Hatena Design Hour #1』 で発表された内容に加え、はてなブログのプレゼンテーションも実施しました。弊社デザイナーによる各担当サービスのデザイン業務をバックグラウンドとした、デザインに対する考え方を紹介するイベントになりました。 たいへん有難いことに好評を頂き、全40席の会場はほぼ満席となりました。プレゼンテーション中の質疑応答やイベント終了後の懇親会では、想定以上の活発な意見交換がなされ、有意義な交流の機会となりました。ご来場いただいた皆さま、ありがとうございます。 また、今回のHatena Design Hourの開催にあたっては、毎年恒例となっているエ

こんにちは、はてな デザインチームの id:ueday です。 株式会社はてなは、Webデザイナーを志望される学生の皆さまを対象に、9月と10月に「Webサービスのデザイン」をテーマにした体験型ワークショップを京都・東京で開催します。詳しくは下記の募集ページをご覧ください。 はてなデザイナーワークショップ2014 - はてな 「Webサービスをつくる面白さ」を体験できます このワークショップでは、Webサービス開発の醍醐味である「自分達の考えた、オリジナルのサービスをかたちにする」工程を体験できます。Webサービスが好きな方や、Webデザインに興味がある方、Webサービスのデザインって何をしているの？ と疑問に思っている方は是非ご応募ください！ しかし、Webデザインには興味があるけどスキルには自信がない…という方も多いと思います。このワークショップではWebデザインの知識やコーディングス

2014年3月27日、はてなはニュースアプリPressoをリリースしました。様々なニュースアプリが登場し、市場が賑わいを見せる中、Pressoはどのような思いで開発されたのか。Presso開発メンバーの id:akawakami さんに開発の裏側を語って頂きました。 ――まずは自己紹介をお願いします。 デザイナーの akawakami です。Pressoのデザインを担当しました。 ――Pressoの紹介をお願いします。 Pressoは自分が興味のあるジャンルやタグをフォローすることで、ネットで話題になっているニュースやブログなどを手軽にチェックできるニュースアプリです。 https://itunes.apple.com/jp/app/presso-sosharunyusu-matomemoburogumo/id799334646?mt=8&uo=4&at=10l8JW&ct=hatenab

こんにちは。はてなデザインチームの id:kyabana です。 4/1はエイプリルフールだったので、いたるところでお祭り騒ぎのようでした。 エイプリルフールに便乗しているサイトまとめ2014年版 - GIGAZINE その日は、はてなにもエイプリルフールが訪れていて… 嘘をつきたい人と、気持ちよく騙されたい人をマッチングし、エイプリルフールにより年に1度行われるオンライン上のお祭り（マーケティング）を活性化して、嘘エコシステム（Ecosystem for Hoaxes）の循環を加速させる新サービス「はてなだまされまスター」をリリースいたしました。 嘘主と騙され手をマッチング！ 嘘エコシステムの循環を加速させる新サービス「はてなだまされまスター」をリリースしました - はてなの日記 - 機能変更、お知らせなど 自然と集まってくるエイプリルフールネタにだまされましたの気持ちを表す「だまされま

こんにちは、はじめまして！ はてなデザインチームのid:swimy1113です。 はてな京都オフィスでは、去年の年末くらいから社内に憩いの場を設置しています。 社員同士で、その場所を"カフェ"と呼んでいます。 休み時間や定時後、業務のちょっとした休憩時間に、本を読んだりコーヒーを飲んだり、雑談を楽しむ場として使われています。 今日はそのカフェの紹介をしたいと思います！ できた経緯 カフェは「社内に社員同士がゆっくり話ができるカフェみたいな場所があったら良いな」という想いから生まれた場所です。 若手(?)社員3人(id:moret,id:ueday,id:swimy1113)が発起人となって動き始めます。 コストをあまりかけずに最低限のプロダクトを作って顧客の反応を見る「リーンスタートアップ」という手法がありますが、今回のカフェ作りでもこの手法を参考にし、まずはスモールスタートで最低限の場所

こんにちは。はてな デザインチームの id:ueday です。 どうしたら会社（あるいはチーム）でのコミュニケーションを円滑に・楽しく行うか、というのは常に悩みどころですよね。私達も今までに色々なツールや方法を試していて、日々ベストプラクティスを探しているところです。 この記事では、はてなで実践している社内コミュニケーション方法についてご紹介しますが、常に試行錯誤しているので、これが最適、とは言い切れないところがあります。現時点の方法としてご紹介したいと思います。 東京・京都の2拠点を繋ぐ はてなでは、京都と東京の2拠点で開発をしています。そこで活躍するのが、「ポリコム」というテレビ会議システムです。打ち合わせや朝会はこのポリコムを通じて行うので、物理的な距離を感じずにコミュニケーションがとれるのです。詳しくははてなのカルチャーをご覧ください。 カルチャー - 株式会社はてな メールは使わ

こんにちは。はてなデザインチームの id:kyabana です。 デザインやコーディングをする上で、アイデアやスキルを画面に伝えるマウスなどの入力デバイスは欠かせません。ものによっては作業効率が上がったり、精神的ストレスから解放されたりなどの効果もありますよね。 そこでデザインチームに普段使っているマウスやペンタブ、スタイラスとその良いところを聞いてみました。それぞれ好みがあるようで、みんな違ってみんないい！というモノが出てきました。 id:murata_s 大学では紙のデザインを中心に学んでいた新人id:murata_sさんは、 Wacom プロフェッショナルペンタブレット ワイヤレスキット付属 Mサイズ Intuos5 touch PTH-650/K0 出版社/メーカー: ワコム発売日: 2012/03/16メディア: Personal Computers購入: 5人 クリック: 33

こんにちは、はてなデザインチームの id:murata_s です。年の始めといえば、お雑煮やビールや、それからやっぱり年賀状ですね。幼いころは特に、今年はどんな絵を描こうかなと毎年楽しみにしていたものです。 年賀状をつくるのも、はてなのデザイナーの仕事 弊社はてなも毎年しっかり年賀状をつくります。10月末頃にデザインチームから1人制作者が決まりますが、今年は年男がデザインチームにいるということで……！　わたくし id:murata_s が担当になりました。 1月も半ばではありますが、良い機会なので紹介したいと思います。 獅子舞のような馬です インターネットの会社のデザイナーというと、ずっとインターネット上のデザインをしているようにみえますが、たまにこういったインターネットではないお仕事もあります。もともと美術大学でずっと紙のデザインを中心に学んでいたので、私にとってはそれなりに慣れ親しんだ

こんにちは。はてな デザインチームの id:ueday です。 長時間机に向かうデザイナーにとって、椅子選びは超重要です。自分の体に合った椅子を選べば腰の負担が軽減されるだけでなく、作業に集中できて仕事が捗りますよね。 アーロンチェア派とバロンチェア派 はてなでは「デスクワークにはなるべく良い椅子を」という方針から、オフィスにアーロンチェアとバロンチェアが多く配備されています。はてなのデザイナーに現在どちらの椅子に座っているかアンケートをとったところ、こんな結果になりました。 アーロンチェア バロンチェア 4人 3人 アーロンチェアが若干多いようです。 そんなはてなのデザイナーはそれぞれ椅子にこだわりを持っているそうなので、どんな椅子がおすすめかアンケートしてきました。なお、自宅で使っているものでも可としました。 id:akawakami のおすすめ椅子 id:akawakami さんのお

あけましておめでとうございます。はてなデザインチームの id:tanemu です。 デザイナーが個人的に好きなフォントって気になりますよね。新年最初のエントリーは、お気に入りのフォントについてデザインチームに聞いてみました。どことなく人となりが感じられるチョイスになったような気がします。 id:ueday いつもフォント激安情報をIRCに流してくれる id:ueday さんのおすすめは、 salome めちゃくちゃおしゃれ、だけど使いどころが難しいから腕が問われる。 ITC Lubalin Graph スラブセリフかっこいいです。 uedayさんの資料で、数字部分におおきくsalomeをあしらっているのを目撃したことがあります。どちらもXハイトが高めの特徴的なフォントですね。 また、よく使うフォントも教えてもらいました。 見出ゴMB31 ツメて使うのが好み Lato Google webf

photo by wiccked こんにちは。はてな デザインチームの id:ueday です。 先日、はてなでは品川の日本マイクロソフトで「はてな エンジニアブロガー祭り」を開催しました。 そこで発表された、はてな アプリケーションエンジニアの id:hitode909 による 「高速にドッグフードを食べる方法」 のスライドが SpeakerDeck に公開されています。もうご覧になりましたか？ 高速にドッグフードを食べる方法 - Speaker Deck 高速にドッグフードを食べる方法 - hitode909の日記 はてなブログチームでは高速にドッグフードを食べながら開発していますが、この記事では 「エンジニアと一緒に高速にドッグフードを食べるデザイナー」 という視点から、はてなブログ開発の様子をご紹介します。 高速にドッグフードを食べるメリット 「ドッグフードを食べる」とは、実際にド

photo by Kaptain Kobold こんにちは、はてなデザインチームの id:chira_rhythm55 です。 新卒で入社して5年目。今年は、デザイナーからディレクターへキャリアチェンジしました。 デザイナーのキャリアパスを疑問に思っている人へ向けて、まだまだ新米ですが、はてなのディレクターについてまとめてみました。 ディレクターの仕事って？ はてなのディレクターは、概ねサービス（チーム）に対し1人いて、エンジニア・デザイナー・編集・企画などのメンバーをまとめ、サービスを牽引する役割です。 サービスの方針を決めたり、チームメンバーのマネージメント、スケジュールやその他の調整を行います。 サービスの方針を決める どんなサービスなのか 5W1H から、売上げはどうやって立てるか…など、上司にあたるプロデューサーと相談しつつメンバーへ向けて方向を示します。メンバーからのアイディア

photo by Abee5 こんにちは、はてなデザインチームのid:murata_sです。 人の家にあがったらやっぱり最初に本棚をみてしまいますね。どんな本読んでるんだろう？　何に興味があるのかな？　気になります。本選びには、その人の個性がすっごく出てきますね。 やっぱり気になるデザインの本 はてなのデザイナーは、普段ウェブのデザインをしていますが、ちょっと道端で話をしたりすると、ウェブ以外のデザイン情報にも造詣が深いんです。あれやこれや何でも出てきます。良い本知ってそう！　ぜひ聞きたい！　ということで…… 善は急げ、さっそくお気に入りのデザイン関連本を聞いてみました。いろいろ紹介したい人もいるようですが、今回は一人一冊です。 注：一見するとデザインとは関係のない本が並んでいるようにみえるかもしれませんが、いまデザイナーとして活躍している上で大きく影響を受けた本ということで選んでもらって

こんにちは。はてなデザインチームの id:ueday です。 フォント収集って楽しいですよね。特に欧文は実に多様なフォントが存在し、見ているだけで創作意欲が湧いてきます。フリーフォントでは物足りなくなってきて、そろそろ市販のフォントも買ってみようかな…と思っている方も多いのではないでしょうか。 定番フォントを買ってみたい まずは定番のフォントを揃えたいですよね。例えば、「Avant Garde Gothic」というフォントがあります。初代ファミリーコンピュータやAKB48のロゴタイプ、ヱヴァンゲリヲン新劇場版にも印象的に使われている、大変有名な書体です。 フォントのオンラインストアでは大抵1ウェイトからバラ売りされていますが、異なるウェイトをセットにしたお買い得なパックもあるので、そのお値段を見てみると… ITC Avant Garde Gothic Complete Family - d

こんにちは。はてなデザインチームの id:ueday です。 一発目の記事からデザインと全く関係なくてすみませんが、はてな社内の制度を紹介します。 はてなとお菓子 はてなではフリードリンク・フリーフードを採用しており、社内の飲み物やお菓子はすべて無料です。ランチについてはまかない制度がありますが、それはまた別の機会に紹介したいと思います。 社内にはお菓子棚があり、総務の方々がセレクトしたお菓子が定期的に補充されます。小腹が空いたときにはここからお菓子を持っていけるようになっています。 ちなみに、東京オフィスと京都オフィスでお菓子のラインナップが微妙に違うとか。 そんなお菓子のなかから、社内で人気の高いものを紹介します。あなたが好きなお菓子は入っていますか？ 「ぼんち 辛子明太子大型揚せん」 ピリ辛の揚げせんべいです。勢いのあるパッケージとジャンクフード感溢れる味が魅力で、若い男性が多い社内

こんにちは。はてな デザインチームの id:ueday です。 このたびデザインチームでは、「はてな デザイナーブログ」を開設することにしました。 はてなのエンジニアチームはHatena Developer Blogというブログで、定期的に情報発信を行っています。デザインチームもそれにならって、持ち回りで更新していきます。 学生さんなどは「Webサービスのデザイナーってどんな仕事をしているの？」といまいちピンとこない方も多いと思いますが、はてなのデザイナーによるサービス開発の舞台裏紹介や、デザインに関するちょっとした情報、はてな社内の様子などもお伝えしていく予定です。 気になる方は是非「読者になる」ボタンから購読してみてください。 よろしくお願いします。