はじめに リクルートテクノロジーズに4月に新卒入社した 辻 健人です．GitHubではmaxmellonで活動しています． 7月より，やりとりも作成もラクになるシフト管理サービス「Airシフト」 のエンハンス開発を担当しています． 以前は，React製SPAのパフォーマンスチューニング実例という内容で記事を書きました． 今回は同じSPAにおいて，いかにwebpackが生成するJavaScriptのバンドルサイズを減らすかについて紹介していきます． webpackが，そもそも何のためのツールか，バンドルする理由などについては割愛させていただきます． そういった話は，こちらの記事 (Webpack の考え方について – mizchi’s blog) がわかりやすいと思います． Airシフトのアーキテクチャ Airシフトは，React-Reduxで開発されており，かつSSRを行っておりコードの大

クリスマスイブの昨日は朝からソワソワ 彼氏とデート、とかいうイベントがあるわけでも無いのにｗ 何にも手が付かず、取り敢えず冷蔵庫の掃除を行った 冷蔵庫の外観及びその周辺は毎日拭き掃除をしているので、特に大変やったというような作業ではなかったけれど・・・ 何にも手に付かない日には掃除という作業はもってこいやなと思ったわ 無心で拭き拭き、ウェットシートにも汚れがそれほど付かず 電子レンジ掃除も前の日にやりましたよ、元々ピカピカやから変化無しやけど・・・ 自分の中ではめちゃくちゃ輝いて見え、我が家の家電たちはクリスマスに相応しい輝きになったわーと惚れ惚れしてたｗ 自分を輝かす努力は足りんけどね(汗) スポンサーリンク 我が家の冷蔵庫、遠目で見れば新品やん・・・って思うけれど、使用年数10年余 新年を気持ちよく迎える為に掃除、ではなく・・・新しい冷蔵庫が来る日だったので、さよならを気持ちよくするた

鬱映画でググってすぐ名前が挙がる有名どころは大体見た気がする。 マイナーなのを教えてくれ 詳しい人いるだろう

2018年、カメラやレンズをたくさん買いましたが、写真もたくさん撮りました。 下記の記事で、買った機材と共に撮影した写真を数枚掲載していますが、いずれも準ベストな写真。 www.takchaso.com 今回の記事では、2018年の総括的な意味も含め、ベストショットを掲載していきます。ベストショットと言いつつ、100枚近くもあるんですが（笑） なんというか、2018年のポートフォリオですね。wifi環境で、ゆっくり見て頂けると幸いです。 portraits 相変わらず被写体はすべて妻です。 イタリア含め、色んなところに出かけた上半期の写真が多めです。 ある意味自分のオリジナリティはこのポートレートにあるのかな、と思ってます。技術的に特別なことは何もありませんが、大体の時間一緒にいる人を撮ってるっていうのが。 ブログには載せていない、半目のオフショットとかたくさんあって、愛すべき写真が日々生

部屋というフィールドでも無限の学びはあるライティングには様々な学びがあります。写真がうまくなりたいのならここは避けて通れない。それは風景・ネイチャーがメインフィールドであろうと例外ではなく、構図だとか視線誘導だとかそんなことよりももっと本質的な技術。部屋の中で模型を撮影するライティングでさえ、世界を壮大に描く技術に繋がります。 その辺りの何がどうリンクするのかといった話は別の機会に譲りますが、今回は部屋の中に無限の宇宙を現出させようという試みです。題して「背景さよならライティング」です。 プラモというベストプラクティス実際のライティングを考える前に、被写体にプラモデルが適しているという話をしたいと思います。練習になれば被写体はなんだっていいんですが、プラスチックという安っぽさの代名詞みたいな素材と、パーツが組み合わさってあるモチーフを構成することで表出する意味性を併せ持つということがプラモ

出典: https://www.npmtrends.com/typescript TypeScriptはJavaScriptを拡張して作られたプログラミング言語です。トレンドが示すとおり、TypeScriptはJavaScriptに代わって第一に選択される言語になりました。TypeScriptが提供する静的型システムは、コードの保守性と可読性を大幅に向上させます。またブラウザ等の互換性を心配することなく、モダンで便利なJavaScriptの機能を利用できます。 TypeScript DeepDiveは初心者からベテランまで役立つオープンソースのドキュメントです。JavaScriptのモダンな機能からTypeScriptの様々な魔法に至るまで丁寧に説明されています。多くのコードサンプルがあり、具体的なTypeScriptの使い方を簡単に理解できます。TypeScript DeepDive日本

転職・求人情報サイトのtype エンジニアtype 働き方 note・CXO深津貴之はなぜ華麗なキャリアチェンジを続けられるのか？ 技術トレンドと一緒に“廃れない”エンジニアの条件 2018.12.25 働き方 時代の変化の中、技術革新は続き、そのトレンドもどんどん変化している。2017年には「Flashが2020年で終了する」というニュースが流れ、各方面に大きな衝撃を与えたことは記憶に新しい。エンジニアのキャリアにおいて、「いかに世の流れを読み、移り変わる技術をモノにしていくか」は重要なポイントと言えるだろう。 そんな中、“華麗なキャリアチェンジ”をした良い例として、BASEのえふしんさんは『エンジニアtype』の取材で、株式会社THE GUILD代表であり、『note』などのサービスを運営する株式会社ピースオブケイクのCXOを務めている深津貴之さんの名前を挙げた。 ＞＞「マークアップエ

株式会社ワクテクというスタートアップでCTOをしているカタオカといいます。オンラインフィットネスサービス『SOELU』を開発しています。 Webサービスのプロダクト開発チームは異なる職種（PM/デザイナー/エンジニアなど）が集まってできています。ぼくはエンジニアなので、PMやデザイナーがどんなことをエンジニアに求めているか、けっこう気にしながら働いています。でも、他職種のチームメンバーが自分に求めていることを直接聞くのって結構勇気がいるんですよね。 エンジニアはチーム内に複数人いることが一般的ですが、デザイナーの場合はチームに自分しかデザイナーがいないということも多いので、デザイナー同士で評価しあうということもしづらく、他職種からの評価はなおさら気になるところだと思います。 会社にデザイナーの同僚がいても、ふだん一緒に働くのは別職種の人！それで、いちエンジニアであるぼくが、デザイナーと働く

こんにちは。デザイン戦略チームでシニアデザイナーをしている 咲 @satosioです。 2017年7月から1年半、毎日フル稼働で仕事をしていたのですが、社内の人から「デザイン戦略チームってなにやってるの？」と聞かれるたびに、びえ───────────っ！となってしまうので、新設チームはちゃんとアウトプットするところまでが仕事なのだと痛感しています。 できたてほやほや！デザイン戦略チームってなにするの？ をおさらいすると、デザイン戦略チームとは、ペパボのデザインを最高にしていくために、パートナー（社員）・サービスや部門・全社を対象に支援していく組織 です。 私たちは、 ペパボのデザイン思考を確立し、パートナー（社員）のマインドセットのひとつとして定着させ、日々の仕事で実践できるようにする。 をミッションに掲げ、まずは「ペパボのデザイン思考の確立」からやっていこう、というところで記事が締めくく

こんにちは！ dely, Inc.でプロダクトマネージャー兼開発部ジェネラルマネージャーをしている奥原 (@okutaku0507) といいます。この記事はdely Advent Calendar 2018の24日目の投稿です。明日は待ちに待ったクリスマスですね。 先日は、弊社CTOの大竹 (@EntreGulss) から「越境型スキルのすゝめ」というタイトルで投稿がありました。自分の立ち位置を理解して、スキルにレバレッジをかけ付加価値つけながら、時代の急激な変化の中で日々戦っているたけさんの考えが書かれていて、とても面白い記事になっています。 さて、Advent Calendarも終盤に差し掛かった今回は「クラシルで実践しているプロダクト改善プロセスのすべて」という題で、弊社が運営しているクラシルで実践しているリーンなプロダクト開発を一つ一つの事細かに紹介します。そのため、とても長い記事

色（英: Color）は、コミュニケーションにとって重要なデザイン要素で、ペースの速い現代では、特に第一印象が大切になります。 一見すると、色は目を休めることも、邪魔することもでき、ときには考えや行動さえも変えてしまいます。これこそが、感情を視覚化できる新しい色の組み合わせを、世界中のデザイナーが考える理由と言えるでしょう。 インターネットによるグローバル化によって、色のトレンドは急速に変化していると言っても不思議ではありません。 この記事では、2019年に注目したい最新配色カラートレンド8個を詳しくご紹介します。清潔感のある落ち着いたナチュラルカラーから、鮮やかで活気のある色調まで、さまざまな色のトレンドを見ていきましょう。 コンテンツ目次 1. 燃えるような赤色 2. 中立的な白色 3. アースカラー 4. 控えめに効果あり 5. 大胆なコントラスト 6. ウキウキした色使い 7. 玉

Goodpatch closed its Berlin office. We will continue to help businesses through Tokyo HQ.

はじめに4月の下旬ごろ。このツイートの写真を見て、思わずリツイートとファボ、フォローまでしたのを、今でもはっきりと覚えている。 その人の名は、フォトグラファーのクロカワリュートさん。 まさか、こんなオシャレでキュートな写真を撮るクロカワさんの名刺のデザインを手掛けることになろうとは、そのときは知るよしもなかった。 ＊＊＊ ある日、突然クロカワさんからメッセージが届いた。 クロカワさん：相談なのですが、名刺をそろそろちゃんと作ろうかなと思っています。名刺企画を見て、もしお願いできるのであれば、とご連絡させていただきました。"名刺企画"というのは、おそらくこちらの「ストーリージェニックな名刺の作り方」のことである。 クロカワさん：毎度かなり凝ったギミックやロジックがあって本当すごいです！こんな嬉しい言葉もいっしょに添えられており、私のテンションは一気にアゲアゲモードになりました。と同時に、一抹

こちらは『ライティングや編集にまつわるあれこれ Advent Calendar 2018』の23日目の記事です。 adventar.org さっそくですが、こちらをお読みの皆さんはMarkdownをお使いでしょうか？ いや、もう「ご存知でしょうか？」なんて聞く必要はないと思ってとりあえず使ってるかどうかを聞いてしまいましたが、このMarkdown、使いやすいような、使いにくいような、なかなか評価が安定しない記法（マークアップ言語）です。 しかし個人的には、Markdownは使う場所さえ適切なら、あるいは複雑なことさえしなければ、十分に我々を助けてくれるものだと思っています。 今日はぼくが直近の編集仕事でどのようにMarkdownを活用したか、という話を書いてみたいと思います。 目次 取り組みの舞台・背景 作戦 画像の入り方をどう伝えるか Previm 意図と各種の効果 取り組みの舞台・背景

この記事は MoneyForward Advent Calendar 2018🎄 の22日目の投稿です。こんにちは。マネーフォワードでUXリサーチや共創のためのデザインプロセスを設計したりしているSasaki（@toshiyassk）です。 最近たんたんと研究しているデザインスキルについて書いてみようと思います。 なぜデザインスキルの研究をしているのか近年、データやAI（人工知能）を活用したビジネスが社会に浸透しつつあり、この時代の変化にともなってデザインの役割が多様化してきています。そうなるとプロジェクトに求められるデザインスキルも変わっていくので、デザインスキルを整理して、組織におけるデザイナーの人事評価（今回は個人のデザインスキルの習熟度の評価にフォーカスしています）、教育プログラム、キャリア形成のための指標などに活かせると良いなと思い研究をはじめました。 どうやって研究していくの

はじめまして。漫画デザイナーのヒラオカです。私は雑誌・書籍をきっかけに14年間デザイナーをやってきました。今では、自分の好きな漫画のデザインが増えて、デザインのことがますます楽しくなってきました。 今回は、デザインの初心者に向けて、私がこれまで培ったデザインの知見をぎゅっとつめたものを作りました。仕事柄、デザイナーの教育をすることが多く、言葉にすることはあっても資料でまとめたことがなかったので、整理の意味も含めて作っています。 デザインは料理に似てると思っています。 理由は、必要な素材を使っていかにおいしく料理するかが、デザインの肝だからです。 でも、美味しい料理は人によっても、タイミングによっても違う。そんな所から、相手においしいデザインを味わってもらうための方法をできるかぎり噛み砕いて書いたつもりです。 目次は以下の通り。 ・デザインの準備 ・デザインの作り方 ・レイアウトの手順 ・デ

SOELU[ソエル] はオンラインのライブヨガスタジオです。空いた時間におうちでヨガを楽しめ、インストラクターとライブで繋がってレッスン受講できるのでおうちでもヨガが続きます。ヨガ初心者の方も歓迎！まずは無料体験から！ Webサービスのプロダクト開発チームは異なる職種（PM/デザイナー/エンジニアなど）が集まってできています。ぼくはエンジニアなので、PMやデザイナーがどんなことをエンジニアに求めているか、けっこう気にしながら働いています。でも、他職種のチームメンバーに求めていることを直接聞くのって結構勇気がいるんですよね。 エンジニアはチーム内に複数人いることが一般的ですが、デザイナーの場合はチームに自分しかデザイナーがいないということも多いので、デザイナー同士で評価しあうということもしづらく、他職種からの評価はなおさら気になるところだと思います。

ここ数年でWebサイトやスマホアプリでは、モジュール型でパターン主導のデザインが増えてきました。モジュール型の利点はデバイスやスクリーンサイズを問わず、コンテンツをより多くの人に提供することができます。 モジュール型のデザイン、デザイン原則、機能パターン、認知パターンなど、今注目されているデザインシステムについて学べる解説書を紹介します。 本書は主にUXに携わるデザイナーやディレクター、フロントエンド開発者向けで、デザインのテクニックではなく、運用・計画・組織といった視点でデザインシステムの在り方について学ぶことができます。 現状のワークフローを改善したいと考えている人に、特にお勧めします。

Twitterのタイムラインで「2018年なんとかまとめ」というリンクをよく見かけることで年末を感じている灰色ハイジです。こんにちは。 日々いろんなツールが増えていますが、個人的に今年導入してみて良かったデザインツールをまとめてみました。 - Contrast - Principle - Figma - RealtimeBoard - IconJar - UXKit - Notion - ConceptsContrast WCAG（ウェブコンテンツ・アクセシビリティ・ガイドライン）が定めた数値で色のコントラストチェックができます。これまでにも同様のツールはありましたが、Sketchのプラグインだったり特定のソフトウェアでしか使えなかったものが、これだとMac Appでメニュー バーから起動できるのでどのソフトウェアでも使えます。 Principle アニメーションやインタラクションがつくれ

平成が終わろうとしています。 この、１９８９年から２０１９年にかけての３０年ほどの間に、コンクリートには何が起きたのでしょうか。 平成が始まる１００年前の１８８９（明治２２）年、日本初の近代港湾として横浜港の築港工事が開始されます。 その防波堤用の材料として、セメントという粉に石と砂と水を混ぜて作製するコンクリートという近代材料が使用され、日本におけるコンクリートの歴史が幕を開けました。 （当時の言葉では摂綿篤・混凝土と書きました。） それからの殖産興業の時代、コンクリートという材料は土木・建築向けの建設材料として徐々に普及するようになります。 鉄筋との組み合わせによる鉄筋コンクリート構造は木材・石・煉瓦といった既存の材料による構造よりも強度に優れ、自由度の高い設計を可能にしました。 現存する国内最古の鉄筋コンクリート構造物は１９０３（明治３６）年につくられた琵琶湖第一疎水路上の橋といわれ