デザインシステム

こんにちは！クラウドワークスで引き続きフロントエンドとWebの可能性を模索し続けている @yamanoku です。 最近の取り組みとして、この度「デザイン基盤整理」という有志活動の中でログインページを刷新しました。 Before After 以前はPC・モバイル画面それぞれ定義されていましたが、今回の改修でレスポンシブ対応したモバイルファーストな改修になりましたね。 今回はその刷新した取り組み・内容についてをフロントエンドの観点から紹介してみようと思います。 8/25 更新：デザイナーブログも公開されましたのでこちらも合わせてご覧ください。 note.com

こんにちは、エンジニアのみほです！ キッチハイクでは定期的に社内勉強会を開催しています。 私も先日「React コンポーネントのスタイリング手法 これまでとこれから」というタイトルで発表をいたしました。 今回は発表スライドの共有とともに、発表の背景と個人的な考えを補足したいと思います。 スライドはこちらです。 speakerdeck.com 発表の背景 「デザインシステム」という言葉が浸透して久しいですが、よし、デザインシステムやるぞ！と意気込んだところで、技術選定をすんなり進めることはなかなか難しいと言えるのではないでしょうか。最近では Utility First (CSS) を掲げたライブ…

これ読んだ！すごくよかった！！ UIデザイン みんなで考え、カイゼンする。 作者:栄前田 勝太郎,河西 紀明,西田 陽子 エムディエヌコーポレーション（MdN） Amazon UIデザインそのものではなく、チームであるサービスを改善していくとき全体のこと。 ちょうど会社でも既存のサービスを大幅に変えよう見たいな感じなので、めっちゃ参考になった。 以下のメモはめっちゃ切り抜き 課題 チーム デザインの運用 プロトタイプ デザインシステム UX 課題 理想と現実とのギャップが問題であり課題。ここに取り組むべき ユーザーの現状について情報収集をする 課題を見つけたら優先順位 実現可能性と有効性でマト…

どうも、まさとらん（@0310lan）です！今回は、フロントエンド開発者およびこれから学習をしようと考えている人に最適な無料リソースを厳選してご紹介します。学習コンテンツばかりでなく、開発に便利なサービスやツールなども紹介しつつ、初心者から中級者くらいまで役に立つドキュメントもまとめています。すべて無料なのでWeb開発にご興味ある方はぜひ参考にしてみてください！ ■何を学習したらいいのかをロードマップで確認する 【 Developer Roadmaps 】 フロントエンドの学習といっても意外に広範囲なので、まずは何から勉強をすればいいのか迷う人も少なくありません。この「Developer Ro…

技術本部 データ戦略部 Newsグループの木田です。 最近、初めて自作キーボードに挑戦しました。ちょうど２枚目のモニターも買ったので、モニター２台と自作キーボードで快適に記事を書いています。 予めお断りしておきますが、この記事は元々、社内向けに設計方針や規約・ツールなどについて共有するために書いたものでした。最近、他チームの参考資料として役立ったこともあり、社外向けに手を加えて公開する運びとなりました。

こちらの講座を受けたのでメモ www.udemy.com Figmaについて知りたいわけではなく、UIの勉強がしたくて受けたけど、そういう観点だと微妙かも。 Figma目当ての人にはとても良い！ AppStoreを真似するというものだった。 内容はこのサイトに全部載っている web-design.school Figmaは前一人で使ってだいたいわかってるつもりだったけどいろいろ知らないこともあった。 bibinbaleo.hatenablog.com 仕事では今のところXDだけどそのうちFigmaに行くかもしれないし！ Figmaメモ 全体 図形 配置など 便利操作 変更履歴 スタイル デザイ…

2021年も残すところあと4日。 2021年もたくさんのイベントや記事発信をしてまいりましたが、TECH Street上で2021最もよく読まれた記事ランキング〈インタビュー記事編〉〈イベント編〉をお届けします＾＾ 果たしてどの記事が1位なのか...ぜひご覧ください♬ インタビュー編 5位👑：山崎大輔さんインタビュー記事 4位👑：「情シスSlack」コミュニティインタビュー記事 3位👑：樫田光さんインタビュー記事 2位👑：芹澤 雅人さんインタビュー記事 1位👑：松本 勇気さん取材記事 イベント編 5位👑：UXデザイン勉強会 〜UXデザイン事例と業務効率化ネタ共有～ 4位👑：Slackの中の人か…

ピクシブでは本日より、高専・短大・大学・大学院・専門学校の学生を対象としたエンジニア職向け春のインターンシップ「PIXIV SPRING BOOT CAMP 2022」の募集を開始いたします。 「PIXIV SPRING BOOT CAMP 2022」は、大きく分けて5つのコース（全25コース）を用意し、本番環境のAPIを叩き、レビューをうけながら、実際に普段から社員が行っている業務にチャレンジすることができます。 技術の習得やチーム開発を通じて「圧倒的猛者になる」ことはもちろん、ピクシブの開発環境や社風を体験することが出来るインターンシップとなっています。この春、実際に動いている大規模サービ…

2021年振り返っていくぅ 毎年恒例化してるんですが、今まではnoteで書いていたので何気にはてなブログで書くのは初めてかも？？ 想定読者さんの興味のありそうな順番に紹介していきますので、最後まで読むほどディープなuたそファンになります。ご注意ください。 社畜業 社畜5年目を迎えました。 先輩方々から割り振られる開発案件が優しい皮を被ったゲテモノになってまいりました。外注さんや若手の教育もやりながらのゲテモノ案件は大変やりがいがあり、社畜の身としては至上の悦びです。 弊チームの主要メンバーは全員僕よりも10年程多くキャリアを積んでおり、かつ我が国を代表する有名大学出身者で構成されているので日々…

本記事はEngineering Manager Advent Calendar 2021の最終日、25日目の記事です。 あなたは誰？ READYFOR株式会社でVP of Engineeringをしております、いとひろ（ itohiro73 ）と申します。2021年は副業としてプロのコーチとしての活動も始めたので、もし本記事を読んで（？）この人にコーチングを受けてみたいなと感じた方がいたら、お気軽にツイッターからDMをください。コーチングはエンジニアの方でもそうでない方でも受け付けており、無料体験から始めていただけます。ちなみに本記事はコーチングとは全く関係がありませんw 本エントリーの趣旨 …

READYFORエンジニアリング 2021年の振り返りと2022年の展望 こんにちは、READYFORでVP of Engineeringをしております、いとひろ（ itohiro73 ）です。 本記事はREADYFOR Advent Calendar 2021の最終日、25日目の記事となります。 実は、2020年にも同様のタイトルの記事を書いておりました。 tech.readyfor.jp その際に、2021年の取り組み展望を以下のように掲げていました より多くの想いの乗ったお金の流れを増やすための、価値ある新規プロダクト開発 データドリブンな意思決定と仮説検証を回せる体制づくり ユーザー数…

この記事は、匠塾 Advent Calendar 2021 の24日目の記事です。 adventar.org はじめに この物語は、匠Method という方法論を活用して、2021 年のクリスマスに向けて戦った男の物語である。 匠Method は、匠BusinessPlace の萩本さんが創られた 価値から戦略・業務をデザインする ことをビジネス企画やプロジェクトデザイン、システムデザインやキャリアデザインと幅広く様々な企画やデザインの領域で適用することができる方法論です。 思考法でもあるため、匠Method の普段使いといった言葉もあるとおり、日常生活の中で活用していくこともできます。 匠M…

たちき「さて、次なるWindows端末トークですが」 シャール「前回はWindows8.1パソコンが積まれてるって話だったよね。まさか他にも積まれてるパソコンがあるとか？」 たちき「いえ、今日はパソコンのお話ではありません」 シャール「え、でもWindowsのお話だよね？」 たちき「いつからWindowsのお話はパソコンしかないと錯覚していました？」 シャール「それ言いたいだけでしょ。つまり今日はWindowsスマホのお話ってことでね」 たちき「先に言われた！？」 シャール「だって前に携帯電話トークの時に言ってたじゃない。前振りとかそういうのいいから、早く進めてくれる？」 たちき「わかりました…

この記事は、HRBrain Advent Calendar 23日目の記事となります。 qiita.com みなさん、こんにちは。 HRBrainのデザイナーの安藤と申します。 もう年末ですね。あと少し営業日ある方いると思いますが、みんな最後まで頑張っていきましょう。 あらためて「2021」という数字を見ると驚きます。年末ということもあり、2010年代は一体どんな時代で、どういった軌跡を歩んできたのだろう？と思いました。 自分はデザイナーなので、ある種の情報の偏りがありますが、個人的に気になったイベントをベースに振り返りながら、改めて現在地を感じたいなと思います。 2010〜2014 2010…