仕事柄、大学生とよく会います。みんなひたすらに優秀。学生の頃の活動は、自分のど真ん中と紐づいてるからかどれも魅力的。 そんな彼ら彼女らですが、卒業し、就職した後、そのままめちゃ伸びて大活躍って子と、ちょっとくすぶってる子にわかれます。そんな時によく相談受けるので、アドバイス的なものをさせていただくことがあるんですが、それの評判が良かったのでnoteにまとめました。 このnoteを読んで、実践してもらった上でのGoalは、 社会人三年目くらいの「うわ、あの人仕事できるね」って言われてるような人に、半年でなる。 です。 この感覚わかりますかね？ 多分会社員の皆さんだと、「あーあいつみたいな感じね」「あーあの人みたいな感じか」となってもらえるかと思います。 会社員じゃない人だとあまりイメージ湧かないかもしれませんが、クライアントの若手の仕事できそーな感じの人を想像してみてください。そうです、その

気がついたら2023年どころか2024年も半分過ぎていた。 仕方がないので直近1年分をまとめて紹介する。 無駄にページ分割されているのは嫌いなので。 2023年下半期に読んだ本 イーロン・マスク ブラジャーで天下をとった男――ワコール創業者 塚本幸一 BUILD 真に価値あるものをつくる型破りなガイドブック 運動の神話 遺伝と平等―人生の成り行きは変えられる― 2024年上半期に読んだ本 Science Fictions　あなたが知らない科学の真実 魔女狩りのヨーロッパ史 BIG THINGS　どデカいことを成し遂げたヤツらはなにをしたのか？ バッタを倒すぜ　アフリカで イラク水滸伝 終わりに 2023年上半期に読んで面白かった本 2023年下半期に読んだ本 ついにここまで先延ばしにしたという感じだ。以前、下半期に読んだ本を4月に紹介したことがあったが*1、まさか7月まで引っ張ることになる

はじめに ChatGPTブームがひと段落した感がありますが、周りのエンジニアでChatGPTを活用している姿をあまり見みません。 基本的なテクニックを理解すれば、エンジニアこそChatGPTを活用できると思うので、普段使用しているテクニックをいくつかピックアップして紹介します。 プロンプトの記載方法 Markdown記法で指示する 色々なところで紹介されていますが、回答や処理の精度を上げる方法としてChatGPTへの指示にMarkdown記法を使用することがオススメされています。 例えば下記のような文章による指示を行おうとした場合

アイコンやスライド作成など、デザイナーに限らずちょっとしたデザインをつくる機会はありませんか？　そんなとき、Figmaのプラグインを使うと、いつもより少し凝ったデザインを手軽につくることができます。 今回は、画像加工やあしらいをつくるときに便利なプラグインを8個紹介します。2024年6月時点で、すべて無料で使用できるので気軽に試してみてください。 Figmaのプラグインを使ったことがないという方は、以下の記事で使い方を紹介していますので参考ください。 『Figmaを使いこなせ! デザイナー必須のおすすめプラグイン15選』 1. Noise & Texture Noise & Texture | Figma 「Noise & Texture」は、ノイズやさまざまなテクスチャーを画像として作成できるプラグインです。 プラグイン実行後、設定パネル内の［Add to Canvas］をクリックすると

Dioxusの概要 Dioxus（ディオクサス）は、Dioxus Labsによるクロスプラットフォーム対応のアプリを構築できるRustライブラリです。移植性が高く（portable）、高性能で（performant）、人間工学に基づいた（ergonomic）設計が特徴とされています。Dioxusでは、単一のコードで以下のプラットフォームで動作するアプリを開発可能です。 （1）Web WebAssembly技術を用いたSPA（Single Page Application）を開発できます。WebAssemblyについては＠ITの連載「いろんな言語で試す、WebAssembly入門」で紹介しています。その第5回「RustでWebAssembly――「Rust and WebAssembly」を体験する」でRust and WebAssemblyを紹介しています。本記事の理解にWebAssemb

「お金もらうわけにいかないし、晩飯だけ食べさせて」という約束で家庭教師をしていたことがある。指導することになったその子の状況について、家族全員に説明していたところ、その子の妹が不思議そうに「なんで文章みたいに話せるの？」と聞いてきた。 その家族の会話は、ほとんど単語で終わっていた。「ねえ、○○は？」「おい、△△しろ」その場の状況から察することができるから、単語で事足りる生活をしていた。状況から察する能力があるのだから、頭は悪くない。ただし、言葉を鍛えられる環境にはなかった。 もちろん家族の誰も、本を読む習慣がなかった。「文章」と出会うのは、学校の教科書くらい。そんな生活環境の中で、私のように「文章」のように論理を組み立ててしゃべる人と出会って、その妹は驚いたようだ。 そのような生活環境で言葉を鍛えることができるかというと、難しい。言葉を鍛えなければ、学校の勉強についていくのも難しくなる。何

はじめに 2022年6月15日にInternet Explorerのサポートが終了しました。 (IEの完全無効化は2023年2月14日予定) そのこともあり2022年は今までとは異なるCSSプロパティを使用したモダンな実装例の記事や発信をよく見かけた気がします。 ただしこれらは従来の実装方法でもできる表現であったので、「この記事はあとでしっかり読もう」とブラウザの新規タブで開いてそのまま塩漬けにしたり、ブックマーク的に"いいね"した該当ツイートを読み返すことなく流していたので、ここで一度サルベージしてその他追加したものを備忘録としてまとめました。 要素の中央配置

トレタ代表の中村です。 年末ですね。僭越ながら、今年もアドベントカレンダーの大トリを務めさせていただきます。 今年は何を書こうかなあってずっと悩んでいたのですが、毎年「想い」やら「ビジョン」「意義」やら、同じようなことばかり書いていても芸がないので、今年は趣向を変えてみたいと思います。 テーマは実務方向に振りきって「非デザイナーはどうやってデザイナーにUIディレクションをしたらいいのか」をお題に選びました。ビジネスサイドなど、デザイナーではない人たち向けの記事です。 僕はもともとデザイナーとしての専門的な訓練は受けていないのですが、それでもUI/UXにこだわったサービスを作ろうとすると、どうしてもデザイナーの皆さんとの議論や相談、互いの考えをすり合わせることから避けられなくなります。時には対立することもありますから、このコミュニケーションは本当に大事。 とはいえ経験や知識が乏しいと、デザイ

本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した

転職・フリーとして活躍したいWebデザイナーの方は、日夜ポートフォリオ作りに勤しんでるのではないでしょうか。 ポートフォリオは実績・実力がわかりやすい必須ツールです。 こんにちは、Webデザイナーの平尾誠です。 かっこいい・可愛いサイトを集めたサイトはよくありますが、フリーランスや個人のポートフォリオは見つけにくい。 検索しても日本人に絞った、個人のポートフォリオサイトって出てこないんですよね。 そこで、デザイナーやエンジニア、アートディレクターの個人のポートフォリオを集めました。 参考にして面接官の脳みそをぶっ飛ばしましょう。 これが就職活動中の悩める子羊たちの一助になればと思います。 SHOGO TABUCHI http://www.s5-style.com/ まずは私が最も尊敬するデザイナーの中のデザイナー。 田渕　将吾氏のポートフォリオサイト html5で音楽との同期やGreens

Free Icons for EverythingSearch, remix and download royalty free icons for any project in SVG, PNG, HTML, JSX and more.

概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか？ 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤（Red）、緑（Green）、青（Blue）の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか？ 答えは、↑このようにグレースケールカ

2023年2月7日 HTML これまで「少しのコードで実装可能な10のCSS小技集」シリーズでCSSのちょっとしたTipsを紹介していましたが、今回はHTMLバージョン！知っていると使い勝手がちょっとよくなる小技を集めました！ ↑私が10年以上利用している会計ソフト！ 目次 セレクトメニューの選択肢をグループ化 type 属性値によって入力欄が変化 スマートフォンでエンターキーのテキストを変える 画像の遅延読み込み テキストの折り返し位置を指定する 番号付きリストの順番を変更する 簡単アコーディオン 任意のテキストを自動翻訳させない リンク先のテキストを指定してスクロールさせる 1. セレクトメニューの選択肢をグループ化 複数の選択肢を用意できるおなじみの select タグ。項目は option タグを利用しますが、さらに optgroup タグで囲むことでグループ化できます。選択肢が多

この記事では、日頃のホームページ制作で直面しがちな問題をCSSで乗り切る最新テクニック20個をまとめてご紹介します。 早く知っておけばよかったと思う、あまり知られていないCSSの実用的なテクニックが中心で、実際の問題ケースや参考サンプル用ソースコードを一緒に確認できます。 前回のお役立ちCSSテクニック集と合わせて確認してみてはいかがでしょう。 よくあるWeb制作の悩みをCSSで解決！最新テクニック40選まとめ コンテンツ目次 1. 画像の質感をアップしたい 2. グラスモーフィズム効果を表現したい 3. 入力フォームの使いやすさを改善したい 4. CSS Transformをつかった最新テクニック 5. 2022年に知っておきたい新しいCSSプロパティ 6. position: stickyの正しい使い方 7. レスポンシブ対応の区切り線のつくり方 8. するするとカーテンが降りてくるエ

キャディでエンジニア採用を担当しております片渕です。 今回は2022年2月22日に開催したイベント『【画面キャプチャ禁止】うちの管理画面フロントエンドほぼ全部見せます！ 』に登壇のエンジニア（先山・小倉・桐生）からのプレゼン内容をまとめたものをご紹介していきます。 イベントのアジェンダとしては以下の通りです。 生産管理の管理画面（先山） （実際の管理画面をご覧いただきながらデモ） Kleinのソフトウェアのアーキテクチャ 生産パートナー向け管理画面（小倉） （デモにて見積もり回答の様子を説明） UI/UXデザインについて コーディングルールについて 開発中の物流管理の管理画面（桐生） アーキテクチャやライブラリについて 今後の展望 最後に 生産管理の管理画面（先山） https://speakerdeck.com/caddi_eng/20220222xian-shan-fa-biao-zi

Figma見せ合いっこ 2021/07/15 で登壇したクックパッドのFigmaの運用のスライド資料です。 https://show-figma-20210715.peatix.com/

Adobe Fontsでつくった合成フォントです。 アドビフォントではモリサワの利用が制限されているのですが、せっかく契約しているCreative Cloud、やっぱり使い倒したいですよねということで最近はアドビフォント...

トヨタ自動車、ソニーグループに次ぐ国内3位の時価総額を誇るキーエンス。営業利益率55%という強さの原動力が「直接営業」だ。迅速な対応で他社を圧倒し、ニーズを細かく聞き取って商品を開発。顧客のキーマンの異動情報まで共有し、組織を挙げて売り込みをかける。神出鬼没のキーエンス営業担当者の姿に迫る。「レーザーマーカーを購入されるご予定ですか」2021年冬、工作機械用部品を手掛けるエーワン精密の山梨工場

CSS設計で本当に難しいのは「ルールを理解すること」ではなく「ルール通りに自分でコードを書くこと」だと思います。 実際にコードを書いていると「あれ、ここってどうすればいいんだろう？」「こういう場合はどうすべき？」といったことが頻発し、結局よくわからないまま勘でゴリ押すということがよくあります。 本書はそんな人へ向けて、FLOCSSをベースにしつつオリジナル要素を加えてより体系的にまとめた設計「PDFLOCSS（ピーディーフロックス、Page Divided FLOCSS）」を紹介します。 「CSS設計のルールはなんとなくわかるけど、いざ自分でコードを書こうとすると手が止まってしまう」という人に読んでもらいたい一冊です。 （追記：おかげさまでCSS設計のドキュメントとして採用している制作会社様も増えているみたいです！ありがとうございます🙏）