RubyKaigi 2017 基調講演レポート(The Many Faces of Module)｜Goodpatch Blog グッドパッチブログ
CTOのひらいさだあきです。 RubyKaigi 2017が、2017/09/18から2017/09/20まで広島国際会議場で開催されています。グッドパッチのエンジニアも数名で広島に来ています。 これはRubyの父Matzによる二日目の基調講演のレポートです。また、去年の基調講演レポートはこちらです。 RubyKaigi 2016 基調講演レポート Ruby3 Typing | Goodpatch Blog Types、Concurrency、Performanceに続いて、今年はModuleについての基調講演でした。 RubyのModuleにはさまざまな機能や使い方があり、それぞれが紹介されました。 mixin Namespace Singleton Set of method (メソッドの集合) Unit of method combination (メソッド結合の単位) Refine
1年3ヶ月描き続けて考えるグラフィックレコーディングのこと｜Goodpatch Blog グッドパッチブログ
こんにちは！UIデザイナー/グラフィックレコーダーの香林です。 グラフィックレコーディング（以下グラレコ）を始めて1年3ヶ月経ちました。 約60週間で、練習含めて描いた数は600枚以上。日で割ると1日1枚以上描いたことになります。 グッドパッチのUIデザイナーは、日常的にサービス設計の上流工程に関わります。チームメンバーと共に良いプロダクトを生み出すため、創意工夫しながら前に進んでいます。私の場合、そのための武器がグラレコになりました。まったくのゼロから無我夢中でグラフィックレコーダー（以下レコーダー）と名乗るに至った結果、果たして何を得られたのか？それをこの記事で改めて振り返ってみたいと思います。 グラレコとの出会い｜始めたのは自分のため 会議がいっこうに進まない、声の大きい人に引っ張られる、参加者のモチベーションが低い…議論の場におけるこのような課題は国内外問わず存在するようです。円滑
【世界のWebサイトを巡る旅】ドイツ編｜Goodpatch Blog グッドパッチブログ
どーもふとしです！ 【世界のWebサイトを巡る旅】UK編 【世界のWebサイトを巡る旅】フランス編 とやってきましたが、今回はドイツでまとめてみました！ ドイツのWebデザイン QNTZZNS シンプルでいて、クールな印象を持ちます。 Chris Magiera このhoverはやばい！思いついても、上司を説得できる気がしません。これどういう発想でこんなホバーになってるんだろう。是非試してみてください！ hauserlacour このサイトも思いっきり斜めにズバーーーーーッと切っているデザイン！硬質な感じもめっちゃでてますね。 designschneider 色味を抑えたシンプルなデザインに、机が目立っています。Flashで構成されていて、すこし重い印象ですが、綺麗なサイトですね。 pixeley デザイナーでいて、フィルムメイカーでいて、フォトグラファーのポートフォリオサイト。 kiri
雑誌のように美しいレイアウトを生み出すために、Flipboardが開発したレイアウトエンジン | Goodpatch Blog
はじまり 2010年、私たちはFlipboard Pagesという、Webの記事をiPad向けにマガジンページにするというレイアウトエンジンを作りました。 Flipboard Pagesは、Vanity FairやNational Geographicと言った世界一流の出版社のコンテンツをページ割します。 Pagesは、それぞれの出版社のブランドアイデンティティとカスタムタイポグラフィーを再現する美しいレイアウトを生み出すことが出来ます。限定されたモバイルデバイス（例えばiOS 3.2のオリジナルiPad）でも充実かつ高いパフォーマンスでレンダリングするために、PagesはCSS3、SVG、そしてvanilla JavaScriptを使いました。出版社のレイアウトのためのダウンロードファイルサイズは平均すると、およそレイアウト、スタイリング、フォント、ネームプレートイメージなどで90キロバ
どんな動きにするか悩んだときに！UIアニメーションのインスピレーションを得られるサイトまとめ | Goodpatch Blog
皆さんはUIの動きを考えるときに、どんなものを参考にしていますか？いつも簡単にぴったりの動きが思い浮かぶわけではないし、悩んだときに何か参考になるギャラリーサイトなどがあったら便利だと思います。今回フランス人WebデザイナーのWalter Stéphanieさんが“Interface Animations and Transitions: where to get inspiration”というタイトルでUIのアニメーションやトランジションのインスピレーションを得られるサイトを紹介していたので、本人の許可を得て翻訳しました！ （以下”Interface Animations and Transitions: where to get inspiration”の翻訳。） photo credit: Jorge Quinteros via photopin cc UI/UXデザインにおいて、細
UIデザインのアニメーションまで共有できるモック作成ツールまとめ | Goodpatch Blog
先日、Goodpatch代表の土屋がWebSig会議というイベントで講演をしました。講演は「ハートに響くUIを生み出すためのデザインプロセス」というタイトルで行われ、起業までのストーリー、GoodpatchのUI設計プロセスなどについて話しました。講演内容は↓のslideshareを参照してください。 その講演の中でGoodpatchはデザインする際にプロトタイプを作成していると話しました。以前にMEMOPATCHでもインタラクションや導線の動きを伝える上でプロトタイプ作成が重要という趣旨の記事をアップしています。 （参考: これからのUIデザインのために、デザインカンプをやめてプロトタイプを作ろう（前編）, （後編）） プロトタイプ作成というとHTML, CSS, JavaScriptで実装する方法がメジャーかと思いますが、これだとリソースをかなり割くことになってしまいます。そこで今回は
ますます高まるデザインの重要性！デザイナーが立ち上げたWebサービスまとめ | Goodpatch Blog
エンジニアが立ち上げた会社と言えば、GoogleやAmazon、Facebookなどが有名ですが、デザイナーが立ち上げた会社と聞いて皆さんはどんな会社を思い浮かべますか？その優れたデザインで話題になったPinterestやPathなどのサービスは、デザイナーが共同創業者として名を連ねており、デザイナーが会社を立ち上げることは珍しくなくなってきました。そこで今回のMEMOPATCHでは、創業者（または共同創業者）がデザイナーのWebサービスを8つ紹介します！ Pinterest https://pinterest.com/ デザイナーEvan Sharpは友人二人とサイドプロジェクトとしてPinterestを作りました。とはいえあくまでサイドプロジェクトであったため、その後Facebookでデザイナーとして働きはじめます。EvanはPinterestが気になっていたものの、当時のPinte
Appleのヒューマンインターフェースガイドラインから学ぶの5つの優れたUI、Webデザインの秘密 | Goodpatch Blog
こんにちは、だいきです。 みなさんApple製品は好きですか？ 弊社、Goodpatchのメンバーは全員Macで作業をしています！ 今回は私たちを魅了し続けるAppleのUIデザインの秘密に書かれている記事を発見しましたので翻訳しました！ (以下は“5 Secrets of Good UI Design from Apple’s Human Interface Guidelines”の翻訳記事です) Appleのプロダクトやアプリが明確、かつシンプルでとても魅力的であることの秘密はデザインにあります。 そして、そのクオリティを保ち続けられる秘訣はAppleのヒューマンインタフェースガイドラインにあるとされています。 今回、そのガイドラインをチェックし、様々なWebサイトに応用できるとわかりました。 特に、彼らのUIデザイン哲学は、とても勉強になります。 以下があなたのWebサイトやWebア
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
