2024年、当サイトで公開した記事の中からPocketにたくさん保存された記事やXにポストされた記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 Web制作全般 UI/UX関連 デザインのテクニック・インスピレーション Photoshop, XD, Figma, VSCodeなどツール フォント・タイポグラフィ カラー HTML CSS: 基礎知識 CSS: 実装テクニック JavaScript フレームワーク・ライブラリ 無料素材 便利ツール・サービス 当サイトの購読は、RSS Feedを利用すると便利です。 コリスのRSS Feed ※旧Feedに登録されている人がまだ多いので変更をお願いします。 Web制作全般 2024年の大きなニュースの一つは、CSSの進化です。IEのサポート終了にも慣れ、モダンCSSの新機能も今までよりも早くブラウザの

を少しする イケメン（近所のおばちゃんたちにモテモテ）の俺の意見だが、参考になりそうなら取り入れてくれ - 1. 相手を友達の友達だと思え お前と相手に共通の友達がいる～くらいのテンション感で話しかけろ 喫煙所で隣になった人のテンションでも良い 「今日はよろしくお願いします。最近どうですか～？」くらいのノリでいい 間違っても「あっ……マスダと申します……。あっ……あのさんって言うんですね……」みたいな距離感で話しかけるな 2. プロフカードを見るな あれは罠だ。お前が友達と話す時にわざわざプロフカードを用意するか？その場のノリで無限に話せるだろ？ まずは共通項を相手の外見から探し出してそれを深堀りしろ 間違っても「職業は……あっ……看護師なんですね……。えっと……出身は……あっ……神奈川……はい……」みたいに一個ずつ読み上げるな - 3. 話を横に広げるな。縦に広げろ プロフカードなんても

『スキップとローファー』 第一話を読むと、能登に百円が寄付されるプロジェクト

50代のおっさんエンジニアになってたので、雑に40代にやっておいてよかったことなどを振り返ってみた。思い出補正があるかもしれないので参考にしようとする人は注意。 運動習慣をつけた 資格学習を継続した 読書習慣を維持した 仕事と関係ない勉強を始めた IT勉強会コミュニティへの参加をやめた ブログを書き続けた 運動習慣をつけた 40歳になったころに人間ドックでメタボ判定を1度受けたことをきっかけに、運動をするようになった。現在も続けているので習慣化に成功しており、おおむね健康を維持できている。 ゴルフを含めてスポーツの趣味はない（今もない）。ゴルフは誘われるけど、興味がない（週末に会社の人と遊ぶような思考を持ち合わせていない） ダイエットするなら食事改善というのは理解しているけど難しそうなので、筋肉つけて代謝を高める方向性を選択 コロナ禍以前は会社帰りに福利厚生で安く使えるジムのプールで泳いで

今年(2024年)おもしろかった本を一気に紹介していこうかと。今年は特に8月以降はバタバタしていてあまりブログが更新できなかったのが心残りだけれども、それはそれとして良い本がＳＦでもノンフィクションでもたくさん刊行された年だった。年末年始も寒くなりそうなので、よかったらここで紹介した本をお供にしてください。 国内ＳＦを紹介する 藤井太洋『マン・カインド』 春暮康一『一億年のテレスコープ』 宮西建礼『銀河風帆走』 田中空『未来経過観測員』 間宮改衣『ここはすべての夜明けまえ』 市川春子『宝石の国』 海外ＳＦを紹介する 韓松『無限病院』 P・ジェリ・クラーク『精霊を統べる者』 ベッキー・チェンバーズ『ロボットとわたしの不思議な旅』 ラヴィ・ティドハー『ロボットの夢の都市』 まずサイエンスノンフィクション以外のノンフィクションを紹介する。 ハリー・パーカー『ハイブリッド・ヒューマンたち』 V林田

よろしくお願いします！エンジニアのideです。 こちらはアドベントカレンダー23日目の記事になります！ 今年は体のあちこちに痛みを感じることが多かったので、来年こそは健康に過ごせる一年になるといいなと願っています。 さて、今回は今年やってきたことを振り返るのもいい機会だなと思い、特に触れる機会が多かったJavaScriptについてまとめてみることにしました。 結果的に基本的な内容が中心となりましたが、改めて理解を深める良いきっかけになったので、これはこれでよしとしています！ それではよろしくお願いいたします！ [目次] テンプレート文字列 スプレッド構文 分割代入 プロパティ名の短縮記法 オプショナルチェーン nullish(??)とfalsy(||)チェック ディープコピー アロー関数 Promise async/await forEachの中でasync/awaitが効かない おわりに

AIのつまらなさとウェブのこれから インターネット検索の劣化が目立つ今日この頃。 AI汚染の影響はグーグルに限らないので、Googleだけが叩かれるのはなんか違うとは思いつつも、ヒトがつくった「人間生成コンテンツ」を純粋に楽しめるのはあと1,2年なんじゃないかと思うようになった。 ・本物VS偽物 www.honest-broker.com note.com こういう記事を読むと、もう来てるところまで来てるんだろうなと。 散々言われているグーグル検索におけるAIコンテンツの汚染は 日本語圏に関してはまだマシな状況だと思うけれど、 英語圏ではわりともう"けっこうなところ"まで来ている印象がある。 www.wired.com www.theguardian.com すでに、本人の同意なしに実際の人物を模倣するAI チャットボットが存在していていて、AIビデオ企業のモデルを務めた俳優の顔が権威主義

こんにちは！逆瀬川 ( https://x.com/gyakuse ) です！ 生成AI Advent Calendar 2024の記事を書くの忘れていたので、現時点での生成等AIの進歩をまとめてみました！今日はAIがいまなにできんの？ってこと聞かれたときにこれできるよ！って教えるためのメモとして活用してください！また、生成AIプロダクト Advent Calendar 2024というのもソロでやっています。このカレンダーではLLMの基礎理論からModelのFine-Tuning、プロダクト開発等をまとめています。ぜひこちらも見てください！ 未来を感じる技術の進歩 動画生成では、Veo2 や Sora が登場しました。 インタラクティブな動画生成では、Genie2 (WASDと方向キーで操作可能な世界モデル)が非常に革新的な進歩を遂げています (振り返っても一貫性を保つ長期性が本当にすごい

世界中のクリエイターによる“グッド！”なデザインのポートフォリオが集結！Web、UI/UX、グラフィック、イラストなど。多ジャンルの情熱から、未来を描くヒントを。

デザインの世界では、何度修正しても終わらない「修正地獄」という言葉があります。それは発注側・受注側どちらにとってもうれしくない現状です。 「修正を伝えたのに、思った通りのデザインになっていない」「言われた通りに修正したけど、あまりいい感じのデザインにならない」など修正を繰り返してもいいデザインにならないという悪循環です。 ただ、最初から最後まで修正が全くないデザインもほぼ皆無です。修正が必要なときにどう伝え、それをデザイナーがどう受け取ってお互いにいいものにしていくかが、デザイン制作の出来を決めると言っても過言ではありません。 だからこそ、デザイナーにいかに適切な修正指示を出して、制作の精度を高めていくことが非常に重要です。そこで本記事では、Webデザインを中心に、デザインの適切な修正指示のコツ、伝え方の具体例や修正回数を減らすポイントを解説します。 なぜデザインの修正が生まれるのか？その

みなさんは、デザイン制作を行う過程で、デザイナーさんと「校正」という作業をした事がありますか？ 名刺であれ、パンフレットであれ、webサイトであれ…デザイナーさんが作ったものに対して修正を依頼し、完成に近づけていく作業の事ですね。 これから初めて「校正」という作業を始める方も、これまで経験がある方も、この「校正」というものをどのように捉えているでしょうか。 実は、デザインを依頼する側（クライアントさん）とデザインを作る側（デザイナーさん）で、意外と認識が違う場合があります。トラブルを未然に防ぐためにも、デザインの校正について、改めて確認しておいてほしい事を、ぼくら制作側の意見と交えてご紹介します。 校正とは 印刷工程の途中で，校正刷りと原稿を照合し，文字の誤り，不備，不正確，不統一，不手ぎわ，レイアウトの違いなどを正す仕事。 引用：コトバンク わかりやすく意訳すると、依頼側が伝えた内容と、

キーワード：alt 属性, 代替テキスト, マシンリーダビリティ, Web アクセシビリティ, 支援技術, スクリーンリーダー この文書は、2024年12月17日に私 @debiru_R によって記述されました。私は2000年頃より HTML, CSS を研究し始めましたが、2013年頃から MDN Web Docs（旧 Mozilla Developer Network）の日本語訳コントリビューターも務めており、MDN Web Docs や Wikipedia といった各種 Web コンテンツの HTML 関連の記事の整備に従事しています。 代替テキスト、特に alt 属性値について言及していますが、私の理解が不足している箇所があるかもしれません。内容に誤りや不適切な点があると判断された方は @debiru_R までお知らせいただけると幸いです。 余談ですが、この文書自体および本文中の空

GitHub Universe 2024 Recap in ZOZO https://zozotech-inc.connpass.com/event/336687/

今年もCSSの進化が早かった1年でした。一昔前にはJavaScriptや複雑なCSSを使用しないとできなかったことがたった一行、もしくは数行のCSSで簡単に実装できるようになりました。 2024年、Web制作者がチェックしておきたいCSSの新機能を紹介します。 CSS Wrapped 2024 CSS Wrapped 2024 -GitHub 下記は各ポイントを意訳したものです。 ※元サイト様のApache License 2.0に基づいて翻訳しています。 はじめに コンポーネント: field-sizingプロパティ コンポーネント: interpolate-sizeプロパティ コンポーネント: details要素 コンポーネント: details要素のスタイル コンポーネント: Anchor positioning インタラクション: スクロールバーのスタイル インタラクション: @v

CSSのスゴ技を見つけたので、紹介します。 画像は観葉植物のシルエットだけ、壁、サッシ、そして柔らかな日差しのアニメーションもCSSで実装されています。CSSで複数のぼかしを作り、CSSの回転・拡大縮小を利用してシルエッ...記事の続きを読む

この記事で書きたいことは、大体以下のようなことです。 ・「タスクを実行する能力」は大事ですが、「タスクを適切に振る能力」もとても大事です ・「タスクを振るのが苦手」という人は、かなりのベテランでも珍しくありません ・管理職になった頃、私も「タスクを人に振る」ことが大の苦手で、しばしば自分で仕事を抱え込んだり、タスクを偏らせたりしてしまっていました ・「タスクの意味や優先順を明確に言語化出来ておらず、タスク振りに説得力がないこと」が最大の原因だったと思っています ・解決する為に、「タスクを徹底的に言語化すること」「誰にお願いするか、その理由も明確化すること」「それをチームで共有すること」などを習慣化しました ・その結果、以前よりはだいぶマシなマネジメントが出来るようになった気がします ・言語化大事ですよね。今後も精進します 以上です。よろしくお願いします。 さて、書きたいことは最初に全部書い