userskudakurage.hatenadiary.comこんにちは、Spinnersの元山@kudakurageです。出張で札幌に行くことになったので、ついでに少し長めに滞在してワーケーション的なトライをしてみることにしました。今まで札幌に行ったことはなかったので、定番の観光スポットを回りつつお仕事をしました。お仕事は基本的にPCとインターネットと健康な精神と身体があればできるので、いつもと違う場所で仕事する場合は「インターネット」と「健康な精神」が大事ですね。userskudakurage.hatenadiary.comこんにちは、Spinnersの元山@kudakurageです。今回は普段から色々と考えながら試し続けてきた、(世間一般では)習慣化と言われることについて書いてみようと思います。自分なりに考え、自分のスタイルに合わせて工夫してきた考えなので、一般的な考え方(がどういうものか知りませんけれど)とは違ってくるかもしれません。今まで実践し考えてきた記録として、振り返られるように書いておきます。これは、現状私が考えている習慣化のためのコツのようなものです。詳しくは順次理由などを書いていきますが、習慣化するための一番の方針は「とにかく継続する」こととしています。userskudakurage.hatenadiary.comこんにちは、Spinnersの元山@kudakurageです。ここ最近はデジタルプロダクトのデザインばかりしているわけですが、仕事をし始めた頃には印刷物を始めとした物理的なもののグラフィックデザインなどもよくしていました。これも今のような仕事をし始めて1年目にやった仕事ですが、限られたものの中で制限のある中でアレコレと考えたり工夫したりしながらやった楽しかった思い出です。ちなみにこのお酒は数量限定で生産した梅酒なんですが、バーで飲んでてもおかしくない大人の梅酒を目指して、シェリー酒の樽を使って香り付けしたりしていて、アルコール度数高めなのに飲みやすいというかなりやばいお酒でした。userskudakurage.hatenadiary.comこんにちは、くだくらげです。Symbolsとの関係が大きいのではないかと睨んでいます。Featureを使うことができませんでした。この頃Sketchも一応利用できるという程度でした(正直現状も使いやすいとも思えないですが...)。Featureサポートし、Sketchもその辺りの改善を加えてきました。userskudakurage.hatenadiary.comこんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。PEAKSさんから出版しており購入できますので、ご興味ある方はぜひ手にとってみていただけると嬉しいです。FigmaにもようやくPlugin機能が公開されましたね。公開直後からいろいろと便利なPluginが出てましたが、まだまだ数は少ない印象です。個人的にどうしても欲しいプラグインがあったのですが、探してみても見つからなかったので作りました。そんなの必要?!と思う方もいるかも知れませんが、私は作って使ってみて本当に良かったです。現状Figmaではテキストのコピー&ペーストができますが、テキストだけをコピー&ペーストすることはできませ。userskudakurage.hatenadiary.comこんにちは、くだくらげです。今年のはじめにはじめてのUIデザインという本を共著で書きました。他の著者さんの章もとっても勉強になって面白い内容になっています。読んでいただいた方からのコメントも嬉しいです。PEAKSさんから出版しており購入できますので、ご興味ある方はぜひ手にとってみていただけると嬉しいです。今回はUI/UXのためのSoundとHapticsのデザインについてです。人間はおよそ8割以上を視覚からの情報に頼っていると言われています。目から入ってくる視覚情報は確かに重要ですが、一方で印象に影響を与えたり、記憶に残りやすい情報というのは聴覚や嗅覚、触覚といった別の感覚が強く影響すると言われています。iOSやAndroidといったスマートフォン端末にはスピーカーやHapticsエンジンが組み込まれています。userskudakurage.hatenadiary.comこんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。おかげさまでたくさんの人に読んでいただいて、コメントをもらえたりして嬉しいです。PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。2019で新しく発表されたiOS13でOSレベルでのDarkMode設定が搭載されることになりました。MacOSの方は以前より追加されていましたが、iOSではなかったので個別のアプリが各々対応していました。今回、iOSにもDarkMode設定が標準搭載されたことによって、iOSアプリのダークモード対応が必然的に迫られることになって来るのではないかと思っています。ダークモードを好んで使う人は一定数存在していて、かく言う私もダークモードを好んで使っています。userskudakurage.hatenadiary.comこんにちは、くだくらげです。最近ははじめてのUIデザインという本を共著で書きました。おかげさまでたくさんの人に読んでいただいて、頑張って書いたかいがありました。PEAKSさんから出版しており購入できますので、よろしければ手にとってみていただけると嬉しいです。今回は、デザイナーもWWDCのセッションを見ると良いよ!という紹介をしたいと思います。Conference)は、Appleが毎年開催している開発者向けのイベントで、近年では新しいOSの発表が行われています。有名なのはKeynote(イベントの初日に行われる基調講演)で、そこで最初に大まかなトピックについて発表されるため注目されることが多いです。近年はSketchのようなUIデザインツールがたくさんあって、それらが出てきたというだけでなく、実際に利用しているユーザーも増えてきましたね。戦国時代という感じです。XDやFigmaなどそれぞれに注目して試して見たりとすることもあります。いえ今回は皆さんそんなことも書くだろうと思い、最近のSketchの使いで試してみたことというベタなことを書こうと思います。エンジニアや新規のデザイナーと協業するにあたって、最近ではSketchファイルを直接見てもらうということも多くなってきました。エンジニアと協業するにあたってSketch関連で使われるツールの代表格としてはZeplinがありますが、今回の話はZeplinを使うことでもできるような話だと思います。userskudakurage.hatenadiary.com外部ディスプレイをつないで2画面で作業をしていたり、膝の上にMacを置いて1画面で作業をしていたりを繰り返すと、何らかの条件でアプリによっては画面の外にアプリのWindowが出てしまって、マウスでWIndowを掴むことができず戻せなくなることがあります。CCのソフトを使っているとたまにこういう症状がでて、困ることがよくあります。画面外に出てしまったWindowを戻す方法はアプリを使うなどいろいろあるようですが、今回はmacOSに標準で搭載されている「VoiceOver」という読み上げ機能を使って、キーボード操作でもとに戻す方法を書いておきます。F5キーを押すことでVoiceOverがオンになります。userskudakurage.hatenadiary.com最近ではWebサービスやスマートフォンアプリにおいてもアニメーションの重要性は認識されつつあります。Live(イチナナ)」や「CASH」のSplashのようにロゴやブランドのイメージを強く印象づけたり、楽しませたりと使い方は様々です。アニメーションをWebやアプリに組み込む方法は様々ありますが、今回は「Lottie」を使ってアプリにアニメーションを組み込む方法やメリットなどについて書こうと思います。いえ今回はデザイナー編でして、AfterEffectsで簡単なアニメーションを作ってLottie用にデータを書き出すというところまでをご紹介します。userskudakurage.hatenadiary.com昨今ではデザイナーの間でも、アプリやサービスに使われる色やテキストなどをまとめた「スタイルガイド」や、デザインコンポーネントをまとめた「パターンライブラリ」、さらにそれらを全てまとめてドキュメント・原則・思想なども含めた「デザインシステム」などを作りながら効率よくより良い体験を提供できるように開発できるようにしようという取り組みがよく見られます。DropboxやAirbnbなどをはじめとして積極的に自社サービスの「デザインシステム」を公開している企業も多く見られるようになってきました。それにともなって、自分たちでも作ってみよう・開発現場に取り入れてみようと取り組み始めているという話もよく聞くようになってきましたが、どんな風にどんなところから手を付けて良いか?というのは良く聞く質問です。userskudakurage.hatenadiary.com引っ越して2ヶ月ほどの新しい自宅で試したDIYやスマートホーム関連のIoTデバイスなどを実践して試したことについて4回にわたって書いていこうと思います。Miniを設置して運用しています。そこまで使い込んでいるわけではないので、マイナーなおすすめスキルを紹介するような事はできませんが、私が実際の生活の中で利用するシーンや普段の暮らしにどのように溶け込ませているのかなど、私の趣向的な感想も踏まえながら書いていこうと思います。userskudakurage.hatenadiary.com引っ越して2ヶ月ほどの新しい自宅で試したDIYやスマートホーム関連のIoTデバイスなどを実践して試したことについて4回にわたって書いていこうと思います。スマートホーム関連の製品はいくつかありますが、今回私が使っているのはHomeKit関連の製品です。強いこだわりがあったわけではありませんが、Apple系のデバイスを使っていることが多いとかそれくらいの理由です。今回はHomeKit関連の製品を中心に実際に使ってみて感じたことやわかったことなどを書いていきます。userskudakurage.hatenadiary.com東京に引越してきた最初に借りた部屋は、仕事から帰って寝るだけの部屋で決して住みよいと思えるようなところではありませんでした。それからと言うもの、少しでも住みやすい部屋というのを引越しの度に考えています。以前住んでいた部屋でも一応テーマを持って住みやすい部屋というのを考えていましたが、そこでの反省点や生活環境の変化なども合わせて、最近引っ越した今の自宅でも新たなテーマを持って少しでも住みよい部屋というのを考えカスタマイズしていっています。前回は基本的に椅子は置かず、和室もあり、布団で寝るというカタチでモノをあまり置かないようにして部屋を広く使えるようにし、くつろぎやすい部屋というのを目指していました。その時の反省点としては、ゴロゴロとくつろぎやすくしすぎたところだなと思っています。Systemとしてどのように使えるものとするかと言った話をよく聞きます。Librariesなども実装されたおかげで、そういった取り組みが前向きにできるようになったのは大きいことかなと思います。2017でもそういった趣向の記事が多く散見されます。userskudakurage.hatenadiary.comここ最近AppleTV関連のアプリのお手伝いしていたりすることもあったりして、個人的にもAppleTVを購入して使っています。購入前は「単なる娯楽商品で絶対いらないでしょ」と思っていたんですが、いざ購入してみるとすごい便利だなーと感心したりもしています。言えデバイスの性質上、現状はエンターテイメントによってユースケースがメインなので必要ない人にはやっぱり必要のない製品だと思います。ちなみにエンターテイメントじゃなくても、画面を複数人に共有して一緒に見る時のAirPlayは便利ですよ。ChromeCastでもできるよって思っていたりしましたが、特にPCの画面共有のスムーズさでは現状AppleTVの圧倒的勝利です。Appのデザインを考えてみた経験からいくつかポイントやTips的な部分を残しておこうと思います。userskudakurage.hatenadiary.com休みの朝、とは言えいつもと同じように。いや、いつもより早く起きたりなんかするが何をすることがあるというわけでもなく、まずは洗濯やら掃除やらを済ませる。興味がある本は買ってしまう方で、大概何冊かは読みたいと思ったけれど読めていない本や雑誌が家には常にあるのです。私の場合は家で読書に集中できないというのがありまして、すぐに寝てしまったり、何か気になることが出てきて始めてしまったり、少し小腹がすいたななどと思い出して料理をし始めたらアレもコレもと大げさになったりとそんな風になってしまうわけです。外でと言ってもどこでも良いというわけではないですよ。気持ちのいいところで読みたいですからね。Appが活躍しました。Adobeはというとほとんど使いませんでした。使ったのはDTP関係のときだけでしたね。不満なところはありますが、十分にSketchを業務で使えるレベルにはなっていると思います。Appのショートカットを紹介してみようと思います。言っても非公式な自分勝手ショートカットも多いので、そのあたりは踏まえて読んでください。非公式ですが、私がもっとも使っているであろうショートカットです。userskudakurage.hatenadiary.comMacBookAirでIEのテスト環境を作ろうとして、つまづいたりしたので書いておく。Googleで調べてみると似たような記事はいっぱい出てくるのだけれども、どうやらどれも少し古いらしい。VirtualBoxのDL&Installは問題ない。XのやつをDLして、手順通りインストールすれば簡単に問題なくできる。MachinesのDLです。2015年12月20日時点ではこのように↓なっているのだけれども。editorみたいなものをときどき作っています。趣味とはいえ私自身は便利に使っています。作り始めた頃から数えると、かれこれ何年とかかっているのですがようやく完成に向かっている気がします。元々は5年くらい前でしょうか。仕事でいろいろとメモしたりするのにいろいろ試したりしていました。その頃はSublimeTextを使っていたのでそれで普通にメモを書いたり、全部手書きでホワイトボードに書いたり、もちろんEvernoteに書いたりしていたのですがどれもいまいちで定着しませんでした。SpaceというChromeアプリを知って使い始めたら、これだという感じになりました。textareaが一つあるというだけというようなものなんですが、見た目がシンプルな上に不要なアプリを立ち上げる必要性もない。userskudakurage.hatenadiary.com久しぶりにcssレイアウトでハマってしまった。layoutはまだまだ思いもよらない挙動をすることがありますね。要は2カラムレイアウトで、片方は固定幅、もう片方は可変幅の(幅いっぱいになるような)カラムレイアウトであり、可変幅の方の子要素として長いテキストを含んでいるもののレイアウトです。単純に考えて↓こんな感じで書けば、1つ目の要素が幅100pxの固定になり2つ目の要素が残りをエリアの幅になると思うのですが、そうはなりません...。Teamを1ヶ月前くらいにつくって仲間内でほそぼそとSketchについて話したりしています。最初からあまりおおっぴらにせずに運用してきたので、今のところは知り合いばかりの少人数コミュニティですが、もう少し増やしていっても良いかなと思えてきたので、ブログにも書いておこうと思った次第です。GroupのSketchJapanとかがあります。userskudakurage.hatenadiary.com私がプライベートで使っているPCのアプリケーションなどをまとめてみました。網羅できていないところもありますが、ざっと感想も添えながら紹介します。この記事を実は2015年の暮に書きはじめていたのですが、結局2016年2月になってしまいました。今年はもっとライトにブログを書いていきたい。2014年から本格的に使っていますが、今ではほとんどAdobeを使うことがなくなるほど使っています。サイトやアプリのデザインはsketchがあればokという感じですね。一方で写真の編集やパスをバリバリに使うものなどは難しいような気がするので別のアプリで補います。userskudakurage.hatenadiary.comWebアプリ開発初心者として開発におけるアーキテクチャに関することをいくつかまとめておこうと思う。アーキテクチャとは要は「設計」のことなのだが、念のためwikipediaで調べるとこういう感じ。コンピュータ(主にハードウェア)における基本設計や設計思想などの基本設計概念を意味する。「実装」が細かい回路の設計を指すのに対して、おおざっぱな見取り図レベルの話。今回はWebアプリケーション開発におけるアーキテクチャについてなんですが、アーキテクチャのパターン(設計方法)もいくつかあります。Objectの略)」などなど。「あれこれやらずに何かにフォーカスすることが重要だ」などということが言われますが、たしかにそれは大切なことのように思えます。何も知らない(それしか知らない)状態でそれだけにフォーカスして取り組もうというのは、フォーカスしているとは言わないのではないか、と思います。できるだけ広い視点・スコープで物事を見た時に少しづつ階層を落としていって、考えたものに対してフォーカスするというのが本当の「フォーカスする」ということではないかと。いう意味で、何かにフォーカスしていると同時に常に視野を広げ続けるということは、相反する者のように見えて実は別物でものすごく大切なことのように思えます。キャンセルのキャンセルについて社内ブログに書いたので、こっちにも書いておこうと思います。dialogのdesignは案外と難しいものです。考えることは多いですが、「そもそも本当に必要なのか?」という問からスタートして、ではなぜ必要なのか?と考えていけば最適な解決方法にたどり着けるように思います。基本的にDialogは邪魔なものだと思うので、表示しないのが一番です。FinderからcanvasにD&Dでそのまま配置してもいいんですが、イメージのサイズと実際に表示したいサイズが違うことはよくあると思います。上の図で言えば市松模様の部分にイメージを入れたいとしてどのように配置するのかということです。私は以前はマスクを使って配置していたのですが、オブジェクトのFillとしてイメージを入れるのがおすすめです。左はオブジェクトのFillでイメージを配置したもの、右がマスクを使って配置したものです。マスクを使った場合「⌘」を押しながらクリックで付近のオブジェクトを選択しようとすると、マスクしたイメージを選択してしまったりして非常に鬱陶しい感じになってしまうんですよね。userskudakurage.hatenadiary.com旅の楽しみといえばもっぱら料理と食事の私です。その国の食べ物を食べたり、その国の食材を調理してみたりと、失敗はあっても楽しい実験・チャレンジです。スペインの料理は日本人にも馴染み深いものが多くあるようにも思います。パエリアやトルティージャ(日本で言うスペイン風オムレツ)やアヒージョなど、どれもそれほど難しくなくて簡単に作れるものが多いようです。今暮らしている街は地中海に面した港町という事もあって新鮮な魚介類が安く手に入ります。バルセロナも海の近くの都市ですし、スペインの料理は素材がとても良いからシンプルな味付け・調理のものが多いといった印象です。市場やスーパーマーケット好きでもある私にとってはいろいろなお店などに行くことも楽しみなのです。Reserved.設定を変更しましたx。