Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
ーーーー（追記です以前の内容を読みたい人は❤️の多いところまでスクロールしてね！）ーーーー えっ何めっちゃブコメついてるこわ…もうすぐ1000じゃん？？？？ お察しの通り元ホビー女子だよ！！みんなもバトろうぜ！！ というわけでデュエリストの作法としてデッキを公開するよ。なおレギュレーションは基礎化粧品とします今回はメイクアップの方の化粧はナシね（でも男も顔にラメとか塗ろうぜ？キラカードとか好きだろ？） なんだけど当方コスパ至上主義者なので大した成分使ってないんだが（ホントすいません）…てかコスパ度外視だったら美容医療一択でターンエンドなんだわ（もちろん何も塗らなければ0円だけどそれは肌断食っていうちょっと過激な流派で、昔精神的に参ってて自動的に肌断食状態だったときの古傷=ニキビ痕がまだ残ってるからもうやらないって決めてるんだぜ！） 前置きが長くなったな！俺のターン！ 洗顔:セタフィルのジェ
20年間「休み方」について研究している片野秀樹氏の著書『休養学』の刊行記念イベントが透明書店で開催されました。科学的に正しい休養法について、本書の内容に沿ってポイントを紹介しました。本記事では、休んだつもりなのに疲労が取れない人におすすめな“効果的な休養のコツ”を解説します。 前回の記事はこちら 活動・疲労・休養の「3つのサイクル」 片野秀樹氏（以下、片野）：疲労感はマスキング（masking：覆い隠す）できるんですね。例えば、栄養ドリンクを飲んで「今日、がんばろう」という方もいらっしゃるかもしれません。あるいは何かモチベーションを持って、「自分が使命感を持ってやらなければならない」となると、一時は疲労感をマスキングできるんです。 その時の活動能力は下がっているんですが、マスキングしながら活動してしまう。がんばらなければならない時もあると思うので、これは一時的には必要だと思うんですが、ずっ
「Immersive Math」は、数学のうちベクトルや行列などの計算を研究する分野である「線形代数」についてインタラクティブな図を用意することでわかりやすさを向上させた無料の教科書サイトです。 Immersive Math https://immersivemath.com/ila/index.html サイトのトップページはこんな感じ。「完全にインタラクティブな図を備えた世界で最初の線形代数本」と述べられています。 中央に表示されている三角形の図はインタラクティブで、左上をクリックすることで回転・停止を切り替えられるほか、各頂点をクリックしてドラッグ＆ドロップすることで位置を調整可能。自由に図を編集できるため理解しやすいというわけです。 ページをスクロールすると目次が現れました。まずは「Preface(序文)」をクリック。 「『百聞は一見に如かず』という言葉の通り、たくさんの言葉を重ね
Hello GPT-4o
GPT-4o (“o” for “omni”) is a step towards much more natural human-computer interaction—it accepts as input any combination of text, audio, image, and video and generates any combination of text, audio, and image outputs. It can respond to audio inputs in as little as 232 milliseconds, with an average of 320 milliseconds, which is similar to human response time(opens in a new window) in a conversat
Magic UI
UI library for Design Engineers20+ free and open-source animated components built with React, Typescript, Tailwind CSS, and Framer Motion. 100% open-source, and customizable.
行政サービスの向上と業務効率化を目指し、市役所業務の「会議」「打ち合わせ」の質の向上を目的としたガイドラインを策定しました。 デジタル・トランスフォーメーション（DX）では、単にデジタルツールを活用するだけでなく、従来の業務のやり方を見直し、改善していくことが重要とされています。 会議は、新規事業の立案や重要事項の決定、情報の共有など多くの場面で行われることから、市役所業務の根幹である行政サービスの質を左右します。 以上を踏まえ、業務時間の多くを占める「会議」をより良いものにするため、ガイドラインを策定しました。市役所全体として会議の改善に取り組んでいきます。
「情報 I・II」を学んだ高校生の技術レベルってどのくらい？ 元エンジニア校長にホントのところを聞きました【フォーカス】 レバテックラボ（レバテックLAB）
TOPフォーカス「情報 I・II」を学んだ高校生の技術レベルってどのくらい？ 元エンジニア校長にホントのところを聞きました【フォーカス】 「情報 I・II」を学んだ高校生の技術レベルってどのくらい？ 元エンジニア校長にホントのところを聞きました【フォーカス】 2024年5月22日 工学院大学附属中学校・高等学校 校長 中野 由章 芝浦工業大学大学院工学研究科修了（電気工学専攻）。日本アイ・ビー・エム大和研究所を経て、1993年から教職の道へ。三重県立尾鷲工業高等学校や大阪電気通信大学など、多様な機関で教鞭を執り、教育と情報科学を専門分野として研究を重ねる。2021年より現職。情報処理学会の初等中等教育委員会委員長も務める。愛称は、日本IBM時代に同僚に付けられた「ジョニー」。明確な由来はない。 工学院大学附属中学校・高等学校 高校における情報教育のあり方が、大きく変わろうとしています。20
クライアントに期日の変更を提案する時のポイント 斉藤徹氏（以下、斉藤）：続いて、「信頼のトライアングル」について参考までにお話しします。これは、お客さんに「期日を遅らせるかどうか」という難しい話をする時には、とても大切だと思います。 長期的に相手から信頼されるためには、3つの要素が必要です。1つ目は、言っていることが真実であること。相手の顔色を見て意見を変えていたら、その時は心地よいかもしれない。でも、できるかどうかわからないのに「やります」と言っていると、結局信用されなくなるわけです。なのでやはり真実を伝えることが大切です。 2つ目は、伝える時には論理的に伝えること。とんちんかんなことを言ったら信用されないですから、真実性・論理性はとても大切です。 ただ、この2つだけで話すと、評論家みたいに聞こえちゃって、（相手は）腹が立ってくるんですね。上司だって評論家みたいに言われたら腹が立ちます。
ブラックホールに落ちて行くときにどんな光景が見えるのか、疑問に思ったことはありませんか。そんな疑問に答える映像をNASA（アメリカ航空宇宙局）が公開しました。コンピュータ・シミュレーションにより可視化した映像です。 ブラックホールには、それ以上近づくと光でさえ脱出することができなくなる境界があります。その境界面は「事象の地平面」と呼ばれます。 今回公開された可視化映像は、その事象の地平面の内部まで入って行くものと、事象の地平面に接近後にそこから離れて戻ってくるものと、2パターンが公開されています。 カメラが接近していくブラックホールは、天の川銀河の中心にある、太陽の430万倍の質量をもつ超巨大ブラックホールです。ブラックホールの事象の地平面は約2500万kmにおよびます。ブラックホールは高温で輝くガス円盤（降着円盤）に取り囲まれており、また円盤の内側には光子リングも見えています。 こちらは
100人以上の資料を読んで見つけた伝わりやすい成果報告書の書き方 - CARTA TECH BLOG
TL;DR 自身の成果をアピールするために、1)Before/After、2)自分の寄与度、3)数字的インパクトを過不足なく伝えることが重要 説明の冒頭では、課題と解法の全体感と成果を述べ、詳細は後に肉付けすると伝わりやすい 課題を伝える際は"誰から見た課題か"を明確にする。課題は解法の前提であるためブレないように はじめに 技術広報のしゅーぞーです。この記事では、過去100人分程度の成果報告書を読み、気付いた "自分の成果をわかりやすく伝える書き方"をまとめています。 仕事をしていると自身の成果を的確に伝える機会は数多くありますよね。 評価期、転職面接、昇格面談など 評価者に自分の成果をどう分かりやすく伝えるか は自分のキャリアを伸ばす上でとても大事なスキルです。 しかし、自分の頑張りや成果を上手く言語化し、相手に正しく理解してもらうのは簡単ではありません。 特に、経験の浅い若手にとって
先日、個人開発していたzenncastというWebサービスをリリースしました。 Zennでトレンドになっている記事を、毎日AIが10分のラジオにして届けてくれるというサービスです。 ありがたいことに公開後はたくさんの方に試してもらえ、技術的な質問も多数いただきました。 このZennではzenncastの技術構成や仕組みを紹介します（プロンプトつき）。 作ったもの まずはエピソードを一つ選んで1分くらい聴いてみてください！ AIラジオの雰囲気が掴めると思います。 主な機能・特徴 毎朝10分のラジオを生成 Zennでトレンドになっている記事を要約して紹介 お便りを投稿すると、翌日のエピソードでAIパーソナリティが拾ってコメントしてくれる BGMをつけて爽やかな聴き心地 これらのステップは人の手を介さずすべて自動化されています。 Spotifyなどの各種プラットフォームへの配信はSpotify
サンデー新人漫画家さん応援 @sunday_shinjin お読みいただき、ありがとうございました！ 小松翔太先生（@kmtst33）は本日発売の週刊少年サンデー26号より『#古々路ひめるの全秘密』を新連載開始！ 応援よろしくお願いします！！ 読切の感想コメントはこちらでもお待ちしています！ sunday-webry.com/episode/326975… 2024-05-22 20:14:25 リンク サンデーうぇぶり よっしー / よっしー - 小松翔太 | サンデーうぇぶり 小学館の「週刊少年サンデー」「ゲッサン」「サンデーＧＸ」３誌が運営する、デジタル上の新漫画サービス。各誌の人気作品はもちろん、ここでしか読めない、必ず楽しめる刺激的な作品を多数掲載！ 153 users 33
「レベル1」に戻る勇気。48歳で美大を受験・合格した青田努さんに、社会人が学ぶ意義を聞いた - ミーツキャリアbyマイナビ転職
ちゃんと勉強してみたいことはあるけれど、今は「お金」も、「体力」も、「時間」もなくて……。 そんな悩みを抱えながら日々の仕事に向き合っている方も少なくないでしょう。 新しいことを学ぶのはいつだって尊いもの。しかし、その尊さは「自分のリソースをどこまで投資するか」という選択とコインの表裏でもあります。 社会人になってからの学びを人生やキャリアの血肉にできている人は、どんなアクションを重ねてきたのでしょうか？ 今回お声がけしたのは、リクルートやアマゾンジャパン、LINEなど名だたる企業で活躍されてきた人事のプロフェッショナル、青田努さん。 青田さんは、絵やデザインについて学びたいという「ずっと蓋をしていた思い」に40代後半で向き合い、一念発起して美大受験にチャレンジ。「中学校を卒業してからはほとんど絵を描いてこなかった」ところから1年間みっちりと絵を勉強し、2024年春、多摩美術大学に見事合格
「弱者男性」と呼ばれる人々の実態と彼らが抱えている問題について、独自の定量／定性調査と豊富な資料から網羅的にまとめられた本で、「弱者男性」という言葉を取り巻く状況に興味がある人の入門書としてとてもわかりやすい良書でした。 近年ネットを中心に可視化されつつある「弱者男性」にまつわる問題ですが、現状支援やケアはほぼなく、社会構造的に弱い立場におかれているにもかかわらず、「有害」扱いされたり、嘲笑の対象になっているのが特徴です。 「社会構造的に弱い立場におかれている」人々の支援・地位向上・エンパワーなどを行ってきたフェミニズムとの相性も悪く、フェミニズムから派生した男性学でも同様の傾向です。 例えば、おおよそ1.5億の詐欺と詐欺幇助の罪で実刑判決を受けた「頂き女子りりちゃん」こと渡邊真衣被告の求刑に対して、フェミニスト弁護士の伊藤和子さんは「男性優位社会の秩序を乱した女子の朝憲紊乱の振るまいを一
芦原さんは「ウソ」であしらい、脚本家には「原作者批判」で敵意を煽る…日テレ「セクシー田中さん」調査報告書で浮上した「プロデューサーの大罪」 | デイリー新潮
「週刊新潮」の発売前日に速報が届く！ メールマガジン登録 デイリー新潮とは？ 広告掲載について お問い合わせ 著作権・リンクについて ご購入について 免責事項 プライバシーポリシー データポリシー 運営：株式会社新潮社 Copyright © SHINCHOSHA All Rights Reserved. すべての画像・データについて無断転用・無断転載を禁じます。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
令和のHTML / CSS / JavaScriptの書き方50選
頼むから男は「今すぐ」化粧水を塗れ！！（追記でデッキ公開）
なぜかずっと疲れている人に足りないのは「攻めの休養」 “ただ休む”だけでは回復しない、生産性を高める休養のコツ
わかりにくい線形代数を操作可能な図で表現することで簡単に理解できる無料の教科書「Immersive Math」
【特集】 古いスマホは捨てるな！サブモニターに無線マイクなど、まだまだ活用できる方法6選
会議改善に関するガイドラインを策定しました|柏崎市公式ホームページ
やらされ感が強く、言われたことしかしない「無関心型」の部下 相手のワークエンゲージメントを高める上司の問いかけのコツ
ブラックホールに落ちたらどんな景色が見えるのか NASAが可視化して再現
AIラジオ『zenncast』の技術構成（プロンプトつき）
少年サンデー新人漫画家による非常に癖の強い作品が話題に、島本和彦先生も衝撃を受ける
弱者男性とフェミニズム（『弱者男性1500万人時代』を読んで）｜シバエリ