Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
なぜ西松屋はいつもガラガラなのに潰れないのか…赤ちゃん本舗とは全然違う｢売らなくていい｣驚愕の店づくり 縮小市場で生き残るための唯一の必勝法
子ども・ベビー用品を扱う西松屋が成長を続けている。少子化なのになぜ儲かるのか。流通アナリストの中井彰人さんは「西松屋は驚くほど『売らなくていい』店の作り方をしている。これこそが西松屋が見出した縮小市場で生き残り、成長していくための必勝法なのだ」という――。 人口減少のなかでも店舗を増やすチェーンストア 2023年は、最後まで人口が増加していた沖縄県が減少に転じたことで、全都道府県で人口減少となった、という節目であったらしい。我が国の人口は、2009年に既にマイナスに転じていたのだが、地域によってその進行スピードが異なっており、これで全国共通の事象となった。地方ではかなり早くから減少していた地域があり、減少県の数でみると、1981年だと0県だったのが、1991年15県、2001年27県、2011年39県というペースで増えてきた。 こうした環境下でも、チェーンストアは店舗を増やして成長するとい
｢食紅でスコーンをピンクにしようとしたら臓器に...｣どうしても〇〇にしか見えないおもしろ料理失敗シリーズがXで大流行、いいね順バズツイートまとめ
逆にどうやって作ったのか教えて欲しい
もう限界。Windows 11にやめてほしいこと8つ
もう限界。Windows 11にやめてほしいこと8つ2024.05.14 21:00366,162 Kyle Barr - Gizmodo US ［原文］ （ 福田ミホ ） Windowsってこんなにうっとうしかったっけ…。 Windows 11のリリースから2年以上経ち、来年にはWindows 10のサポート終了が迫ってるんですが、なかなか移行が進んでないと言われます。Windows 11のどのへんが問題なのか…米GizmodoのKyle Barr記者がまとめてくれました。 これ、多くのWindowsユーザーが経験したんじゃないでしょうか。新しいPCを買ってワクワクしながら立ち上げたんだけど、そうだ、これWindows 11だった…という気の重さ。いろんなありがたい機能と同じくらい、要らない機能も満載の、Windows 11だったっけ…と。 僕は最近iBuyPowerのScale PCを
>>6 ワイはPixelなんやがPixelのほうがいい 画面端をスワイプすると戻れるんだがそれがめちゃくちゃ便利 iPhoneは戻る操作がアプリによってバラバラで統一されてないから直感的じゃない
大阪・関西万博の公式キャラクター「ミャクミャク」の初めての友達になるかもしれません。 独自のパビリオンを出展するチェコが、マスコットキャラクター「RENE（レネ）」を発表しました。 ■ボヘミアンガラスの生産地で生まれた「ガラス製の生き物」 15日、大阪・関西万博に出展するチェコが発表したのは、パビリオンのマスコットキャラクター「RENE（レネ）」です。 「RENE」は、伝統的なボヘミアガラスの生産地として有名なクリスタル渓谷という地域で生まれたガラス製の生き物で、誰にでもフレンドリーな性格だということです。 ■「チェコガラス」はパビリオンの外観にも使用 「RENE」という名前は、1970年の大阪万博のチェコスロバキア館で注目を集めたガラスアート「ガラスの雲」をデザインしたガラス芸術作家レネー・ロゥビチェクから付けられました。 伝統的なチェコガラスは、マスコットだけではなく、パビリオンの外観
あかちゃんの特徴
１，クソ雑魚 一人でご飯も食べられない 体温管理もできないので暑くても寒くても死ぬ ２，アホ 排泄物は垂れ流し 生まれたばかりだと満腹中枢がないからキャパオーバーまで飲んで吐く ３，生活習慣がアホ 夜中に起きてお腹が減って泣く 夜中に排泄して泣く ４，かわいい 地球で一番かわいい ちょっと笑うだけでかわいい 日々の成長がかわいい 泣いててもかわいい 寝ててもかわいい ぼーっとしててもかわいい おしゃべりしたりするのかわいい 先週よりもちょっとずつ器用になっててかわいい
Vtuberさんのお悩み「ママ(絵師)に愛されてない。依頼した絵よりも趣味のファンアートの方がクオリティ高くてつらい」
とあるVtuberによる「ママ」の悩み ※ママ＝ここではVtuberのキャラクターデザインを担当したイラストレーターなど、キャラクターを生み出したクリエイターのことを指す
文化出版局 販売部 @books_bunka 文化出版局販売部の公式アカウントです。装苑、ミセスのスタイルブック、書籍の新刊情報などをお届けします。 Instagram 装苑 instagram.com/soenonline/ ﾐｾｽのSB instagram.com/mrs_stylebook/ 書籍 instagram.com/books_bunka/ books.bunka.ac.jp 文化出版局 販売部 @books_bunka 【編集部からのお願い】 いつも文化出版局の本を、ご愛読いただきありがとうございます。 みなさまに大切なお願いがあります。 フリマサイト等で販売されているハンドメイド品の中に、本の掲載作品をコピーした商品が出品されていることがあるのをご存知ですか？ ↓続く pic.twitter.com/togtCGr0oB 2024-04-17 20:45:27
Unix 哲学的に考えれば、行を並び替える sort コマンドと重複行を取り除く uniq コマンドは別のコマンドであるべきなように思えます。しかし sort コマンドには -u オプションとして uniq コマンドに相当する機能が組み込まれています。なぜそうなっている（そうなってしまった）のかを「ソフトウェア作法（さくほう）」を参照しながらこの記事で明らかにしたいと思います。 「誰」がuniq機能をsortコマンドに組み込んだ！？ 熱烈的な Unix 哲学の信者は「どうせ Unix 哲学を理解しない GNU が便利だと思ってオプションを追加したのだろう」と考えるかもしれません。しかし uniq 機能が組み込まれたのは Version 7 Unix、つまり Unix の開発者が組み込んだのです。これは 1979 年の Version 7 Unix のドキュメントから明らかです。 sort:
使われないものを作るな！出口から作るデータ分析基盤 / Data Platform Development Starting from the User Needs
本資料は Tech Play イベント『データ基盤運用の工数削減に効いた俺的ベストプラクティス データマネジメントの勘所』での登壇資料です。 https://techplay.jp/event/940296 データ基盤を構築する際、多くの人が最初にdbt、BigQuery、troccoといったツール名を思い浮かべるかもしれません。しかし、ビジネス価値を生み出すデータ基盤を開発するためには良いツールを選定するだけでなく、「どの技術をいつのタイミングで導入するか」「関係者をどのように巻き込むか」といった観点も重要です。この発表では、製造業のDXを進めるCADDiが直面したデータの課題と、利用状況に合わせて段階的にデータ基盤を拡充していった過程についてご紹介します。
3Dプリンターで印刷した階段に驚きの声 「半永久的なものに」企業オファーにわずか1時間で完成（ENCOUNT） - Yahoo!ニュース
最新鋭の3Dプリンターを建築に活用した「印刷した階段」がネット上で大きな話題を集めている。依頼を受け、腐敗した木製階段からのリニューアル。屋外設置で実用化された。今回の「3Dプリンター階段」の印刷に要した時間はたったの1時間。技術革新がどんどん進んでいる格好で、人手不足などの懸案を抱える建設業界の光明となり得る。設計・施工を担った企業の担当者は「建設用3Dプリンターの導入によって、人手不足の解消につながりますし、新技術と職人さんは共存ができると考えています」と、熱い思いを寄せている。 【写真】「葬儀場」も印刷、どうやって？ 3Dプリンターから生み出された驚異の建築物を捉えた フェンスや草地の脇にある斜面に置かれた、10段の階段。これが、「印刷した階段」だ。群馬県にある企業の敷地内に設置された。 月日と共にどうしても腐ってしまう木の階段を「半永久的なものにしたい」という、チャレンジングな要望
なぜSQLiteはバイトコードを使うのか
以前にデータベースを自作しようとして、SQLiteのアーキテクチャを見てみたらVMだったことに疑問を感じ、それをツイートしたところ作者からリプをもらいました。 作者いわく、次のような背景があったとのことでした。 SQLiteを作った当初はデータベースエンジンのことをよく知らないがコンパイラのことをよく知っていた SQLデータベース・エンジンを書くという問題をコンパイラ構築の問題として扱うのは自然なことだった データベースエンジンのコアの部分をVMにするという発想がまったくなかったので、どんなメリットがあるのか？と気になっていました。 それを作者に聞いたら、詳細な説明ページを作ってくれました。 個人的にVMにしたことで、評価&実行のパフォーマンスは多少良くなると思うが、データベースエンジンのパフォーマンスにそれほど寄与していないんじゃないかな？って思ったりしました。 本記事はそのページについ
こんにちは、 デザインの仕事でご飯を食べている人です。 皆さんはシャニソン、楽しんでいますか？ 私は楽しんでいます。 ドレスアップルーム最高！！！！！！！ 前回に引き続きシャニソンのデザインについて 語っていこうと思います。 Pガシャ画面の話今回はこの画面について考察します。 画面内に入れる要素が増えて、前回考察した サポガシャよりもレイアウトの難易度が 上がりました。 デザインの前にこのガシャの目玉であるおまけ衣装を画面に入れていない点が猛烈に気になります。 全員がXの情報を追っているわけではないので 絶対にガシャ画面に入れたほうが良いと思う。 この衣装凄く良いのに…ガシャタイトルも引っかかりました。 ステップアップである事はユーザーにとってメリットではないので「ユニット衣装付き 放クラPUガシャ」などのほうがいいような気がしています。 レイアウトの話に戻ります。 この画面で重要なのもア
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
Slideland | スライドデザイン集
Slideland（スライドランド）はスライドデザインの参考事例をご紹介するサイトです。参考になるスライドを見つけて制作にご活用ください。シンプルなものからおしゃれなものまで幅広くご紹介しています。
パワーポイント用デザイン・テンプレートの2024年版を公開しました。今回の変更点としては、ワイド画面（16:9）のスライドがより使いやすくなるようルールを拡張し、併せて新しいデザインパーツの収録、そのほか細かなフォントサイズや余白の調性といった微調整を行っています。とはいえ、前回（2022年3月版）と比べてテンプレートのつくりに大きな変更はないため、今までと同じ感覚で利用いただけると思います。まずはダウンロードしてお試しください！ 当サイトの「デザイン・テンプレート」とは 当サイトのテンプレートを初めて利用する方向けに。プレゼンデザインでは、パワーポイント用のデザイン・テンプレートを2012年のサイト開設後間もない頃から無償公開し続けています。 一般的なデザイン・テンプレートとは少し毛色が異なり、デザイン済みスライドの提供に加えて、スライドサイズや色の選び方、フォント、余白の取り方など、プ
上達のコツはやはり反復練習！ということで、第4回では、InDesignで作られた書籍のPDF（なければプリントアウト）をもとに、紙面デザインをそっくりに再現する方法について解説します。何度か作成していくうちに、Vivliostyleの可能性やクセがつかめてくるはずです。 CSS組版を覚える早道は……？ 筆者は2023年に『Web技術で「本」が作れるCSS組版 Vivliostyle入門』を執筆しましたが、これを読んだだけで自在に本を組めるようになるかといえば、残念ながらそう簡単なものではないというのが正直なところです。 では、どうやってCSS組版を勉強すればいいのでしょうか？ ひるがえって、自分がたどった道のりを思い出してみると、CSS組版とVivliostyleを使い始めたのは、書籍の原稿整理の一環として、書籍デザイン通りの字数・行数をCSS組版で再現したのが始まりでした。何度もそれを繰
ケロブラスターのレベルデザイン｜みやこ出版｜個人ゲーム開発
私は元々グラフィックデザインを生業にしていたため「ゲーム制作ではUIを担当しているんですか」と聞かれがちですが、実際に絵やデザインまわりをケロブラスターで担当していたのは同僚のA氏でした。 私が担当していたのは以下のような項目です。 ・マップチップを使ってステージを作る ・どこにどんな敵を置くかを決めて繰り返しテスト ・敵の特性や動き、絵をA氏に依頼 ・A氏から難易度などの希望を聞いてマップや敵に反映 ・テストプレイの結果を見てマップや敵の位置を修正 レベルデザイン以外では、キャラに細かい演技をさせたり、ゲーム後半のシナリオ、あと適当に描いたマップチップでよくわからない背景を作って「これを綺麗にしてください」とA氏に丸投げしたりしてました 私はゲーム作りではどっちかというとシナリオや絵寄りのことが好きなんですが、上記の作業が楽しかったのも事実です。その昔「RPGツクール」で最初に作った城下
無料なのに高機能、カメラアプリ「Blackmagic Camera」のAndroid版を見てきた 対応スマホは？
豪Blackmagic Designの無料カメラアプリ「Blackmagic Camera」。5月15日から16日にかけて、同社の日本法人が開催する自社イベント「BLACKMAGIC DAY」にて、Android版を展示中だ。もともとは「2024 NAB Show」でお披露目したもので、日本での公開は今回が初という。
React Aria Components は Adobe によって提供されている Headless UI コンポーネントライブラリです。振る舞いや国際化に, アクセシビリティに関する機能を備えており、Button や Input, TextField, Label などのシンプルな要素から、DatePicker や ComboBox などの様々なコンポーネントが提供されています。 今回は React Aria Components の設計について紹介します。 React Aria Components のコンポーネントの設計 React Aria Components の API はコンポジションを中心に設計されています。これにより、パターン間で共通のコンポーネントを共有することも、個別に使用することも可能です。なお、コンポジションについては React Component Compos
ハミタ先生の「高飛車ドレイちゃん 戦争帰りと訪問者」がどう見ても規約に引っかかる描写がないのに検索BAN その要因となった箇所が思春期すぎた
ハミタ @hamita1220 色々やる漫画家です。 ●メール→hamita1220@gmail.com ●FANBOX→hamita1220.fanbox.cc ●Amazon著者ページ→ amzn.to/3YgEn01 ●質問箱→peing.net/ja/7697d597cb9… youtube.com/channel/UCp9hT…
外国人「カッコ良すぎと思ったアニメ漫画のモンスターデザインといえば何？」 : 海外の万国反応記＠海外の反応
10万国アノニマスさん 悲しいことにデビルマンの続編はどれも悪魔のデザインがしっくり来ない ただしデビルマンGとシレーヌは除く
パーキングエリアのトイレの鍵が賢い～ 最近のコネタ
記事未満、SNS以上のちょっとした発見を伝えるコーナー。今回は7本です。 ・圏央道・狭山パーキングエリア、トイレの鍵が賢い ・景観に配慮した看板が色褪せて見える ・長いサボテンを見ました ・造立五ヶ月目の五重塔 ・誰が見ても空き地 ・哲学的なガスタンク
「人間中心設計」への誤解。デザイン倫理を“他人事”にしないために——コンセント・長谷川敦士【連載】デザイン倫理考 #1｜designing
「人間中心設計」への誤解。デザイン倫理を“他人事”にしないために——コンセント・長谷川敦士【連載】デザイン倫理考 #1 広義の「デザイン」は、デザイナーだけではなくすべての人が身につけるべきスキルであり、マインドセットになっていく。そして、デザインが社会の中で果たす役割が大きくなればなるほど、そこには高い倫理観が求められるようになります。 2024.05.11 デジタルテクノロジーの社会的影響力のさらなる高まりが見られる昨今、デザイナーの中でも「デザイン倫理」の重要性が語られることが増えている。 変化し続ける社会の中で、デザインを取り巻く人々の間で「倫理」を議論する場所をつくれないか——そんな問題意識から、designingでは新たに、一線級のデザイナーや論者に「デザイン倫理」のあり方を問う連載「デザイン倫理考」を立ち上げた。 連載第1回に話を聞いたのは、コンセント代表取締役社長の長谷川敦
こんにちは。 多摩美術大学統合デザイン学科卒のうすいです。 私は、美大生×デザイナー長期インターンという二足の草鞋だった大学生活を経て、最終的に総合職（ディレクター）としてセブンデックスに就職しました。 最初から総合職として就職するぞ！と決めていたわけでもなく、総合職とデザイナー職の就活を並行させつつ、終始自分のモヤモヤと闘っていた就活時代。 そこから、ようやく社会人として働き始めてはや一年。 改めて、自分の思考を引っ張り出してみたので、「ほ〜ん、おもしれー新卒じゃん」って思ってもらえたら幸いです。 ※ この記事には主観的な表現がとても多いですが、あくまで個人の感想と見解です。 前提｜「美大生」と「デザイナー」とは本題に入る前に、この話で言及する「美大生」と「デザイナー」像を明確にするために、簡単に私の経歴や現状をお話しします。 私は昨年多摩美術大学を卒業しました。 統合デザイン学科という
ホッケースティック片手にミニ四駆を追いかけよう！歩くダンゴムシを装置で測ろう！～Maker Faire Kyoto 2024レポート～
けいはんなに来た！ Maker Faireは何かを作るのが好きな人たちが集い、自分たちの作品をどやさどやさと見せまくるイベントである。 当サイトでもブースを出したりヘボコンを開催したりと関わりの深いイベントだ。 先に書いた通り、今年のゴールデンウィークには、けいはんなで開催された。 会場のけいはんなオープンイノベーションセンター。でっか！ 画角に収まらないほどの建物が会場だ。 ここに作るのが好きな人たちが大集合している。 お客さんも含めて熱気あふれる会場！ ページがもったいないので、印象に残った作品たちを早速紹介していこう！ おもしろい動く作品たちをまずはご紹介 光ったり音が鳴ったりする作品も好きなのだけど、一番は動きのある作品が好きなのだ。 まずはそういったモーターを使って動く作品たちを紹介していきたい。 関西大学電気通信工学研究会の「煩悩を祓う除夜の鐘」。 自動で除夜の鐘を四方から鳴ら
2022年11月のChatGPTの登場を機に、2023年〜2024年にかけてジェネレーティブAIの普及がさらに加速しています。 OpenAIをはじめ、Microsoft、Google、Meta、Adobeなどあらゆるテック企業から毎日のようにAI関連のニュースが届くようになりました。 Goodpatch Blogでは、2023年4月に「【2023年版】デザインに使えるAIツールまとめ（レビュー付き）」としてさまざまなサービスを紹介しましたが、この1年で新たなツールが次々とリリースされ、状況が大きく変わりました。 そこで、今回はデザインに使えるAIツールの「2024年版」をご紹介します。デザインの作業をざっくり「考える」「作る」「伝える」の3つに分け、さらにその中でAIに手伝ってもらえそうな10の工程について、便利で使えそうなAIツールを調べました。使ってみた感想（レビュー）も記載しましたの
ロゴ大好きデザイナーが語りたい『シティーハンター』タイトルロゴの進化と魅力｜chot Inc. デザイナーユニット
こんにちは、ちょっと株式会社の久保田です。 突然ですが『シティーハンター』は好きですか？ 好きですよね？？ 説明なんて一切不要だと思いますが、日本に冴羽獠が現れてからもうすぐ40年。 原作は6年半の連載期間を経て最高の結末を迎え、その連載と並行して放送されていたテレビアニメは大ヒット、そしてアニメ映画化もされました。 近年ではフランスで実写映画化されたり宝塚歌劇団が舞台化されたことも話題になりましたし、昨年も新作アニメ映画『天使の涙（エンジェルダスト）』の公開は記憶に新しいところです。 そして今もスピンオフ作品が連載中、最近ではNETFLIXでの実写映画化が話題になっていて、現在もアスファルトタイヤを切り付けながら走り抜けてます。 そんな作品を楽しんでいるんですが、ふと「シティーハンターのロゴってこれだっけ？」って気になってしまい・・・ こうなるとロゴ大好きデザイナーは止まりません！ 原作
1 鳥肌の立った「愛」（ヒラギノ明朝体・W6）。 | 書体をつくるひと。書体デザイナー・鳥海修さんの仕事 | 鳥海修 | ほぼ日刊イトイ新聞
なにかを突き詰めてきた方のお話って、 やっぱり面白いんです。 本、雑誌、ポスター、ウェブサイト、各種表示など、 我々が日常的に目にするさまざまな文字を 長年にわたりデザインされてきた、 書体設計士の鳥海修（とりのうみ・おさむ）さんに、 文字をつくる仕事について教えていただきました。 スティーブ・ジョブズが 「Cool!」と言ったというヒラギノ明朝体、 iPhoneの表示に使われているヒラギノゴシック体、 鳥海さんが所属する「字游工房」の フラッグシップ書体である游明朝体や游ゴシック体など、 新しい書体はどのように生まれるのだろう？ 一書体につき約14500文字ある漢字は、どうつくる？ 明朝体の魅力や、つくり終えたときの気持ちは？ 貴重な制作過程の映像も、登場しますよ。 ＞鳥海修さんプロフィール 1955年山形県生まれ。 多摩美術大学を卒業後、 1979年に写研に入社し、 書体デザイナーの道
スペースXが船外活動用宇宙服を公開 民間主導のミッションで使用予定
アメリカの民間宇宙企業SpaceX（スペースX）は現地時間2024年5月4日、同社が新たに開発した船外活動（EVA）用の宇宙服を発表しました。この宇宙服は2024年夏以降に実施される民間の有人宇宙飛行ミッション「Polaris Dawn（ポラリス・ドーン）」で初めて使用される予定です。【最終更新：2024年5月7日16時台】 今回発表されたEVA用宇宙服はスペースXの有人宇宙船「Crew Dragon（クルードラゴン）」で使用されている船内用宇宙服から発展したもので、動きやすさを重視して開発されました。新しいEVA用宇宙服は船内用宇宙服も兼ねていて、宇宙飛行士は同じ宇宙服を船内と船外の両方で使用することができます。 【▲ スペースXのウェブサイトに掲載されている船外活動（EVA）用宇宙服の全身像。各部分の解説も示されている（Credit: SpaceX）】スペースXによると、ヘルメットには
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
令和のHTML / CSS / JavaScriptの書き方50選
iPhoneつーかApple製品って「魅力」減ってきたよね？
【ミャクミャクの友達誕生】黄緑の体に複数の目「ガラス製の生き物」チェコ出身の「レネ」は友好の架け橋｜FNNプライムオンライン
出版社「ハンドメイド本の掲載作品を模倣し販売することは著作権法の違反行為」〜フリマサイトで販売のハンドメイド品について
なぜsortコマンドはuniq機能を含んでいるのか？（Unix哲学はどこ行った！？） - Qiita
「ハンドメイド本」の掲載作品を自分で作って販売、「著作権法」違反にあたる？ - 弁護士ドットコムニュース
シャニソンが抱える問題をデザイナーの視点で考察する①ガシャ画面編【後編】｜noteさん
CSSは日々進化している！知ったら使いたくなる「モダンCSS」機能紹介
パワーポイントの品質と生産性を向上させるデザイン・テンプレート ― 2024年版 ― ｜プレゼンデザイン
Vivliostyleで市販書籍とそっくりに組んでみよう | gihyo.jp
拡張性に優れた React Aria のコンポーネント設計
美大生がデザイナーにならない方が良い3つの理由｜うすいゆな｜セブンデックス
【2024年版】デザインに使えるAIツールまとめ（レビュー付き）｜Goodpatch Blog グッドパッチブログ