＜この記事の著者＞ ばんか（bamka） - Tech Team Journal Web制作会社の会社員（Webディレクター）として働きつつ、個人でブログ／メディアライターとしても活動するパラレルワーカー。 ChatGPT等AIを公私で駆使し、ITツール・ガジェットを用いて人々の生活をより豊かにするための活用術を提供するブログも運営。 タスク管理、得意ですか？ 自慢じゃありませんが、私は苦手です。あまり好きではありません。 Webディレクターとしては、プロジェクト管理・タスク管理は必須スキルなので、一般的には「上手にやれている方」なのかもしれません。ですがいまだに苦手意識は抜けないままです。 なんで苦手なのかなぁと思い返してみると、要因はいくつか思いつきますが、中でも最も根深い問題は「気持ちに頼りすぎる」という点にあるように思います。 【目次】 やる気の高いときに設定するから長続きしない

Hilary Brueck ［原文］ （翻訳：遠藤康子／ガリレオ、編集：増田隆幸） Apr. 29, 2024, 08:00 AM ライフスタイル 422,145 マンハッタンの最先端ジムの有名トレーナーからインディアナポリスにあるNational Institute for Fitness and Sport（NIFS）、アメリカ陸軍の体力テストまで、昔ながらの腹筋運動の評判は落ちる一方。 かつてはトレーニングの基本として欠かせなかった腹筋運動だが、科学的な研究で、ウエストを細くすることもなければ、お腹の脂肪を落とす効果もないことが分かった。また腹筋の強化あるいは柔軟性の維持、長距離走のための体力づくりにも最適な方法ではない。 アメリカ陸軍は、体力テストの一つとして数十年間行われてきた｢2分間の腹筋運動｣を2020年末までに徐々に廃止し、代わりに兵士の戦闘即応力の向上により有効なもの、具

こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像

D-Plus Tokyo #1 https://d-plus.connpass.com/event/315744/

2024-04-19に開催されたBARフロントえんどう #2 「CSS Library / Framework」（サイボウズ）での登壇資料です。 イベント → https://cybozu.connpass.com/event/311066/

すべてのフォームが要件を満たしている場合のみ、送信できます。 フォームバリデーションのデザイン 上記の例では最低限のHTMLのみ実装されています。しかし、実際のサイトではバリデーションエラーをユーザーにフィードバックする必要があります。よりユーザビリティの高いフォームでは、以下の点を検討する必要があります。 エラー時のスタイル エラーメッセージの出し方 バリデーションエラーの表示タイミング 以下では、それぞれについて深堀りします。 エラー時のスタイル エラーを検知する方法として、CSSには:valid疑似クラスと:invalid疑似クラスがあります。これらの疑似クラスは『CSS疑似クラスを活用した、モダンでインタラクティブなフォームの作り方』でも紹介されている、バリデーションエラーが起きている要素にのみ適用されるクラスです。 しかし、この疑似クラスには欠点があります。required属性を

はじめに デザイナーの toshi です。少しずつ暖かくなり畑仕事も捗ります。（この前、ジャガイモの植え付けとネギを 200 粒蒔きました。おいしく育つといいな 🌱 ） さて、この記事では私のデザインワークを格段に上げる「 Eagle 」とその使い方を紹介できたらと思います。 私は 2018 年頃から Eagle を使い始めてデザインワークの初速が上がったり、画像・素材管理のストレスが確実に減りました。 みなさんは、競合調査やベンチマークにするデザインなど参考にするデータはどのように管理していますか？ ブックマークで管理？キャプチャ画像をフォルダで管理？画像管理アプリで管理？ はじめに なぜベンチマーク管理と参照が大切だと考えているか 時間の有効活用 自分の基準「だけ」で判断しない 質より量でアイデア出しの初速を高める Eagleを使う前 Eagle とは Eagle の使い方 Eagl

こんど転職するのだが、見切り発車で仕事をやめた結果、次の仕事が始まるまで1か月ほど暇な時間ができてしまった。 2週間ほど休んだらもう休むのが嫌になってしまったので、せっかくなのでタイミーとやらを試してみようと思いついたときの話。 意外にも未経験だとできる仕事は少なく、やっと見つけたのは某化粧品とか日用品、掃除用品を作っている会社の流通倉庫でのピッキング作業。 朝から夕方までガッツリ働いても9000円いかないのには驚いたが、バイトなんて学生の頃以来なのでちょっと楽しみだ。 働いてみると、想像していたよりもずっとホワイト、というか巨大なシステムの一部として期待されていること以上のことは一切期待されていない、という労働環境なのでなかなか気楽で楽しかった。 休憩を抜くと７時間ほどハンドフォークを引っ張りながら歩きっぱなしだったが、毎日リングフィットをしているおかげかさほどダメージはなかった。 その

AmazonがEvilに染まっていく… 購入手続きのときに、急にこんな画面が挿入されてきたんだけど、 https://tadaup.jp/55aeed90d.gif こんな絵に書いたようなダークパターンある？？ 「お急ぎ便を無料で利用できます」と書いてあるけど、 小さく「会員は\600円/月で特典使い放題」と書いてある。 つまり、「600円払えば無料だよ」と言っている。つまり、無料ではない。 読解力を測るテストで間違えるような人は、もうこれ読み取れないだろ。 しかも、その下のボタンである。 一見すると、ボタンが2つ並んでいる。 YesとNoのボタンなのかと思いきや、なんと、これはYesとYesである。 「Yes か はい で答えてください」というジョークを素でやっているのが、今のAmazonなのである。 では、Noのボタンはどこにあるのかと、画面中をよく探したら、左側に、普通のテキストの見

1カ月で100万本売れるひとり用ポーカーの正体　“射幸心煽られ放題”な新作ゲーム「Balatro」とは（1/2 ページ） いま、PCやゲーム機で遊べるポーカーが売れている。しかも報酬で射幸心をあおるギャンブルではなく、一人で黙々と遊ぶ“ひとりポーカー”だ。2月に発売されたとある“ひとりポーカー”は、「中毒になる」などとしてゲーム実況やSNSで話題に。3月19日には100万セールスを突破した。 100万本売れたポーカーゲーム「Balatro」とは ゲームの名前は「Balatro」。カナダのゲーム開発者が作った作品で、提供は英国のゲームパブリッシャーPlaystackが手掛ける。提供プラットフォームはSteam（Windows／Mac OS）、Nintendo Switch、PlayStation 4、PlayStation 5、Xbox One、Xbox Series X|Sで、価格は170

Web広告の運用を続けていると「成果が頭打ちになっている」「思うように反響が取れない」「CVRが悪化した」といった状況に陥ることがあります。 そんなときに有効な解決策の一つが、LP（ランディングページ）の改修です。 広告の費用対効果を高めるためにも、競争の激しいWeb広告市場で優位性を保つためにも、常に最適な状態のLPを提供することが欠かせません。 そこで今回はLP制作や広告運用のプロである弊社が、LP改修のポイントをまとめました。 この記事のトピック LP改修が重要な理由 LP改修が必要な代表的なケース 効果的なLP改修施策7選 LP改修の手順【4ステップ】 LP改修でよくある疑問 「今のLPに満足していない」「商材の変更で改修が必要になった」「もっと成果につながるLPに改善したい」という方は、ぜひこの記事を参考にLP改修を進めてみてください。 LP改修が必要な理由 LP改修が必要な理由

おはようございます、UI/UXデザイナー:コガワ（@kogawaUX）です。 2018/08/10　Gmailのデザインがリニューアルされました。 Webサービスに大幅なデザイン変更がされるとリニューアル後のデザインの良し悪しにかかわらず 「前のデザインのほうが良かった」 「使いづらくなった」 という意見は　”必ず”　でてきます。 これは「使い慣れたものを変えることによる不便さ」という、恒常性を持った人類に必ず起きてしまう反応で どんなに以前のデザインが使いにくかろうが、古臭くさかろうが 必ず起きてしまいます。 そのため、大幅なデザインリニューアルのリリースタイミングはデザイナーにとって頭を抱える課題でもあります。 そんな中、メールサービス最大手とも言えるGmailがデザインの大幅リニューアルを行いました。 さすがネット界の巨人Google先生、もちろんその課題を意識した 美しいUXを展開

AIイラストが理解る！StableDiffusion超入門【2024年最新版】A1111、Forge対応 こんにちは、2022年10月からAIイラストの技術解説記事を連載してます、賢木イオです。この記事は、これまでFANBOXで検証してきた120本（約70万文字）を超える記事をもとに、2024年春現在、画像生成を今から最短距離で学ぶための必要情報をまとめたメインコンテンツです。 これから画像生成を学びたい初心者の方や、手描きイラストにAI技術を取り入れてみたい方が最初に読む記事として、必要知識が網羅的に備わるよう解説しています。素敵なイラストを思い通りに生成するために覚えるべきことを紹介しつつ、つまずきやすいポイントや参照すべき過去記事、やってはいけないことなどを紹介していますので、最初にこの記事から読んでいただくとスムーズに理解できるはずです。 解説役は更木ミナちゃんです。よろしくお願い

株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）です。 Google Analytics 4はアクセス解析ツールのスタンダードとして、多くの企業やサイトに導入されています。しかし利用ハードルが高いのもまた事実です。数多くあるレポートや、自由度が高すぎて迷ってしまう探索レポート、独自の用語なども沢山あり、利用に苦労されている方も多いのではないでしょうか。 そこで、GA4以外でウェブサイトのユーザー行動を理解し、サイト改善するためのツールを厳選して紹介します。今回紹介するツールは無料で利用できるものをピックアップしています。無料プランと有料プランの両方があるサービスの場合は、その旨を記載しています。また、無料でも期間限定のサービスは追加していません。 数多く紹介することを目的とせず、全て筆者が利用している（あるいは利用経験があるもの）に絞り込み、その中で良かったと思うツー

anond:20240302172943 続編書きました。 よう、おれはチンパンジー。日々コンクリートジャングルをチンパンして回る、お前たちより少し先輩のチンパンジーだ。 いいかチンパンジーども。 お前らはまだブーブーを運転するには早すぎる。 早すぎるが、森を出てここに来たからにはお前らにも運転してもらうしかない。 車校または教習所では法律（ルール）と車両の動かし方（ハウツー）は教えてくれるが、 上手に運転する方法（ハウグッド）までをきちんと教えてくれるわけではない。 「運転がうまい」ということの定義事故を起こさず・遭わず・丁寧に運転する。ということだ。 ムダに長いこの文章を読み切って実践し身につけた暁には、「運転のうまいチンパンジー」の称号を得ることだろう。 そして普段運転をしないチンパンジーも、知識として知っておくことで事故に遭う確率を減らせるはずだ。 無免許チンパンジーもジャングルに

Hayanon Science Manga Studio(2019) 「サービスは闘い」だと主張し、飲食店を中心にサービス科学について研究・分析を行っている京都大学経営管理大学院の山内裕教授に、サービスの本質について聞きました。 行動経済学をはじめとする学問の教授に、データの観点から飲食店の店づくりや集客方法、リピーター施策として効果的なことを深掘りしていきます。今回は「サービス科学」を専門とし、飲食店を中心に日々フィールドワークを続ける京都大学経営管理大学院の山内裕教授にインタビューを行いました。 一般的に「サービス」は、おもてなしや奉仕の意味合いが強いものの、山内先生は「サービスは闘い」だと主張し、その旨を伝える著書も執筆。その意図や、飲食店にとって切っても切り離せないサービスの本質などについて考えます。 山内裕さん 京都大学経営管理院教授、経営学者。経営学の一分野として「サービス科学

デザインシステムとは、サービス開発する上で必要となるデザインの概念、スタイルガイド、コンポーネント集などで構成されるデザインのルールです。 Salesforce.comの「Lightning Design System」が2015年に登場して以来、多くの企業がこのデザインシステムを導入するようになりました。 プロトタイピングツールで有名なUXPinが提供するデザインシステムプラットフォーム「adele」では、90個以上（2019年12月現在）ものデザインシステムが公開されています。その企業のラインナップを見ると、大手ITベンダー、SaaSベンダーのみならず、自治体、金融機関、大学など多くの業界で、組織のブランド確立のために、デザインシステムを活用していることが分かります。 GoogleやAppleが提供するデザインシステムは、既に多くのブログで語りつくされていますが、その他の企業でも素晴ら

はじめにこんにちは！株式会社mikanでデザイナーをしているayataki（@ag_ayakan）です。 主に英語アプリ「mikan」の体験設計やUIデザインの作成を行なっています。 カジュアル面談などで話す際に、「mikanのデザイナーさんてどんなことをやってるんでしょうか？」という質問をよくいただくようになりました。 社外への発信が少ないこともあり、イメージを持ってもらいづらい状況にあるのではないかなと感じています。 そこで今日は、mikanのデザイナーとして働くわたしの1週間のスケジュールについてご紹介します！実際にあった直近のスケジュールを具体例に出していきます。 mikanのデザイナーに少しでも興味のある方に、具体的なイメージを持ってもらえたら幸いです🍊 それでは行ってみましょう！ [前提] 仕事の環境ほぼリモートワーク mikanのメンバーは基本的にフルリモートワークで働いて

pato（ライター） テキストサイト管理人。テキストサイトNumeriを運営する傍ら各種メディアで取材記事やコラムなどを執筆している。 みなさんこんにちは。本日は渋谷にあるイベントハウスTOKYO CULTURE CULTUREに来ています。 かなりオシャレな空間で、普段はトークライブなどが行われている場所のようですが、今日はちょっと様子が違うということで、またセメダインさんに呼び出されてやってきました。

2024年1月末まで在籍していますが昨年12月に業務は終えていて、いまは有休消化期間中です。2010年から約14年間勤めてきた、自分の生き様そのものとも言えるクックパッドを離れるのには、表現しきれないほど大きく、複雑な思いがあります。 僕がこの14年間でやってきたことを振り返ってみます。 入社 クックパッドに入社した時は新卒3年目相当で、26歳でした。もともと料理と Ruby が好きで、当時まだ珍しかった Ruby on Rails でサービス開発をしているらしいという点や、当時からネットウォッチしていた @ryo_katsuma さんが所属していること、直属の上司の井原さんが転職したことが決め手になり、体当たりで飛び込みました。当時の僕はほとんど実績もなく、入れてもらえるかギリギリのところだったと思いますが、おそらく井原さんが頑張って交渉してくれたのだと思います。本当に感謝しています。こ