令和のHTML / CSS / JavaScriptの書き方まとめ
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
同人女として、男性サークルへの毒マロが理解できてしまうので解説する
赤ブーのイベントで男性サークルが現れたことに対する毒マシュマロが投げつけられた件が燃えている。 はてブでこんなブコメがあった。 https://b.hatena.ne.jp/entry/s/marshmallow-qa.com/messages/8b7eb932-aaa8-4d0f-af41-f73914b475de?utm_medium=twitter&utm_source=answer 「男性の描いた本は想像してしまう」とは何を想像してしまうことを指しているの？男性だと、何だから嫌だと言っているのかわからず。 毒マロを本人に投げつけた行為はその後の反発を読めない愚かな行為だが、その心情は理解できるので解説します。 BL漫画…いわゆる二次元、また三次元であっても遠くから見るだけのナマモノに求めるのは、スラッとして清潔でいい匂いがしてムダ毛は生えておらず女に生々しい性欲を向けることもない、
Google製の画像圧縮・変換サービス『Squoosh』の使い方
Squoosh（スクワッシュ）とは、Googleが開発した画像変換・圧縮用のWebサービスで、変換前後の画像をリアルタイムで比較しながら設定を調整できるという特徴があります。 Webで使用する画像サイズは軽ければ軽いほど良い一方、デザイン的な観点から画質もある程度担保したいというようなニーズも多いと思います。Squooshは、プレビュー画面で変換前後の画質をリアルタイムで確認しながら圧縮設定を調整することができるので、ファイルサイズと画質の両面で最適な結果を得たい場合にとても便利です。Squooshの主な特徴としては以下の通りです。 8種類の画像形式への変換に対応 圧縮前後の画質をプレビュー確認できる ファイルサイズの縮小率のパーセンテージ表示 ローカル環境で処理されるのでセキュリティ的にも安心 インストールしてデスクトップアプリとしても利用可能
文章の折り返し指定のCSS最新版 - ICS MEDIA
文章の折り返しはウェブ制作において意外と難しいものです。URLが文章に含まれている場合、URLがレイアウトを突き抜けてしまった、という経験をみなさんはお持ちではないでしょうか？ この記事では、国内のウェブ制作において「開発者が考えることが少なくてよくなる」安全なCSS指定を紹介します。 結論から説明すると、以下の指定を提案します。 body { overflow-wrap: anywhere; /* 収まらない場合に折り返す */ word-break: normal; /* 単語の分割はデフォルトに依存 */ line-break: strict; /* 禁則処理を厳格に適用 */ } この記事では上記の指定にいたった理由と、折り返しの理解について必要なoverflow-wrapとword-breakプロパティを中心に解説します。 overflow-wrap overflow-wrapは
非デザイナーにも知っていて欲しい「色」と「特性」 - Qiita
はじめに 数年前から「デザインの民主化」「非デザイナー向けの〇〇」といったワードをよく見るようになりました。それに伴い、デザイナー不在でも制作ができる便利なツールも増えてきましたね。 ReactなどのUI制作に便利なライブラリが広く使われたり、Canvasを使ってのバナー制作を行う人も増えてきた印象があります。 一方で「たくさんあるテンプレートから何を基準に選べば良いのか分からない」「アレンジしたけど、なんだか上手くいかない」という人もいるのではないでしょうか。 「非デザイナー～」シリーズでは「知っているとちょっと得するデザインTIPS」や「話のネタになるデザイン豆知識」をお伝えしていこうと思います。 今回のテーマ「色」と「特性」 今回は色の見え方、なかでも色覚特性について書いていこうと思います。 色覚特性はさまざまな理由から、多数派とは違う色の見え方・感じ方をする状態のことを言います。色
How To Center a Div
IntroductionFor a long time, centering an element within its parent was a surprisingly tricky thing to do. As CSS has evolved, we've been granted more and more tools we can use to solve this problem. These days, we're spoiled for choice! I decided to create this tutorial to help you understand the trade-offs between different approaches, and to give you an arsenal of strategies you can use, to han
ルーズソックス再流行!?
先日、東京の某テレビ局から「ルーズソックスの再流行に関する番組を作るので監修をお願いしたい」という依頼が来た。なぜこういう変な依頼が来るのかといえば、私が女子高制服のデザインと着こなしを40年ほど観測していて、これまでに制服関連の単行本を10数冊出しているからだろう。変なことは変なやつに聞け、というわけだ。 テレビ局が今こういう企画を立てる理由もわかる。少し前にネットニュースで「現代の女子高生にルーズソックス人気が再燃」という記事が出た。ツイッターで話題になり、ワイドショーなどでも取り上げられた。ルーズソックス全盛期の90年代に女子高生だった母親世代の流行を現代の女子高生が再発見した結果、「平成ギャルのシンボル」ルーズソックスが令和に復活…というストーリーだ。テレビ局から送られてきた番組の企画書も、そんな筋立てになっていた。 実際、ルーズソックスは間違いなく90年代制服ファッションのシンボ
「ダンダダン」放送は来年10月 モモ役は若山詩音、オカルン役は花江夏樹（コメントあり / 動画あり）
龍幸伸原作によるTVアニメ「ダンダダン」が、2024年10月放送開始に決定。モモこと綾瀬桃役を若山詩音、オカルンこと高倉健役を花江夏樹、ターボババア役を田中真弓、セルポ星人役を中井和哉が演じる。4人からはコメントが到着したほか、キャラクターボイスが聞ける“ティザーPV-CharacterVoiceVer.”も公開された。
TVアニメ『ダンダダン』
霊媒師の家系に生まれた女子高生・モモ＜綾瀬桃＞と、 同級生でオカルトマニアのオカルン＜高倉健＞。 モモがクラスのいじめっ子からオカルンを助けたことをきっかけに 話すようになった2人だったが、 「幽霊は信じているが宇宙人否定派」のモモと、 「宇宙人は信じているが幽霊否定派」のオカルンで口論に。 互いに否定する宇宙人と幽霊を信じさせるため、 モモはUFOスポットの病院廃墟へ、 オカルンは心霊スポットのトンネルへ。 そこで2人は、 理解を超越した圧倒的怪奇に出会う。 窮地の中で秘めた力を覚醒させるモモと、 呪いの力を手にしたオカルンが、迫りくる怪奇に挑む！ 運命の恋も始まる！？ 原作 龍 幸伸（集英社「少年ジャンプ＋」連載） 監督 山代風我 シリーズ構成・脚本 瀬古浩司 音楽 牛尾憲輔 キャラクターデザイン 恩田尚之 宇宙人・妖怪デザイン 亀田祥倫 アニメーション制作 サイエンスSARU
アニメ『ラーメン赤猫』公式サイト
猫だけで営むお店『ラーメン赤猫』、そこにバイトの面接で訪れた人間の珠子。 正直に犬派と答えた彼女はあっさりと採用が決まり、任されたお仕事は猫たちのお世話係。 ブラッシングを通じて垣間見える猫模様に、様々なお客様が織りなす人間模様。 身体も心も温まる『ラーメン赤猫』、 愛しさ大盛り、召し上がれ。 ラーメン赤猫アニメ化が決定いたしました まず読者の皆様に厚く御礼申し上げます この作品はジャンプ＋インディーズ連載という 通常とはすこし違う形でスタートしながらも 読者の皆様の多くのご声援とご協力によって アニメ化されるまでに至りました 本当にありがとうございます アニメ制作チームの皆様も熱意をもって ラーメン赤猫の世界とキャラクター達を アニメーション表現の中に再構築してくだ さっています 私自身も心より楽しみにしています これまで応援してくださった皆様にも これから新しくご覧になる方々にも 楽し
呪術廻戦が好きじゃないのに面白くてどうしたらいいかわからん
呪術廻戦、アニメの方じゃなくて。ここ最近の原作。 渋谷事変までは結構面白く読んでたんだけど、死滅回游以降がいまいち乗り切れない ……んだけど、別に面白くないわけじゃなくて続きは気になってしまって、 読むのやめるか、とはならない、っていう自分でも不思議な状態に陥っている。 全般的に作り込みが甘いマンガだよな、とはずっと思ってるんだよ。 単行本のおまけページでも、無下限呪術について数学的に間違ってますね！！って設定を専門家からツッコまれる、っていう芸風あったけどさ。 それ以外のとこでも、黒閃は通常時のダメージの2.5乗になる、っていうのも「そうはならんやろ」ってよく言われてるし、 レジィ・スターの術式が「契約の再現」と言いつつ、レシートから再現をするならアレ、発動に大金が必要になるよね？？みたいな視点がなかったりとか。 設定をわりと都合良い感じで作るよな、と思う。いやフィクションだから別にいい
【商用可】「アールヌーヴォーの旗手」ミュシャの人気絵画120枚を無料ダウンロード
日本でも展覧会が開催されるなど、人気の高いチェコの画家、アルフォンス・ミュシャ（Alphonse Maria Mucha 1860-1939）。 19世紀後半から20世紀はじめに活躍し、ベル・エポックと呼ばれる、パリがもっとも華やかで繁栄していた時代、アール・ヌーヴォーを代表する芸術家です。 この記事では、ミュシャの代表作「四季」や「黄道十二宮」、「夢想」などを含む、120枚以上の作品を無料ダウンロードできるFlikcrサイトを紹介します。 CC0ライセンスで商用利用もでき、クレジット表記も不要。 さらにプリント印刷もできる高詳細なパブリックドメインイラストとなっています。 アルフォンス・マリア・ミュシャ（1860-1939）は、チェコのグラフィック・アーティスト、画家、イラストレーター。 しなやかな女性と美しいデザインでみせる劇場ポスターでよく知られています。 今からおよそ120年前、フ
App Builder を使って、Figma のデザインを HTML コードへ変換する - インフラジスティックス・ジャパン株式会社Blog
(原文 Tuesday, January 3, 2023 : Zdravko Kolev / 翻訳 : インフラジスティックス・ジャパン) App Builder™ をはじめとしたローコードツールは "ゲームチェンジャー"、すなわち、これまでのアプリケーション開発を一変させるプロダクトです。ここ数年の間、デジタルトランスフォーメーションに向けた戦略的な動きとしてだけでなく、現実的な考えに基づいて、ますます多くの企業がそれらローコードツールの採用を始めています。 デザイナと開発者との間での受け渡し作業を減らし、共同作業を促進 市民開発者による新規プロジェクトのゼロからの構築が可能に 開発者がアプリの初回作成後に、そのアプリを構築する技術選定ができるよう、アプリ開発の手順を刷新 手作業のコーディングによる間違いを低減 そして最後に、デザインファイルをコードへ変換 ここから本題です。もしあなたが
市町村変遷パラパラ地図
版別に探す 完全版 樺太｜ 北海道｜ 青森県｜ 岩手県｜ 宮城県｜ 秋田県｜ 山形県｜ 福島県 茨城県｜ 栃木県｜ 群馬県｜ 埼玉県｜ 千葉県｜ 東京都｜ 神奈川県 新潟県｜ 富山県｜ 石川県｜ 福井県｜ 山梨県｜ 長野県｜ 岐阜県｜ 静岡県｜ 愛知県 三重県｜ 滋賀県｜ 京都府｜ 大阪府｜ 兵庫県｜ 奈良県｜ 和歌山県 鳥取県｜ □島根県｜ 岡山県｜ 広島県｜ 山口県｜ 徳島県｜ 香川県｜ 愛媛県｜ 高知県 福岡県｜ 佐賀県｜ 長崎県｜ 熊本県｜ 大分県｜ 宮崎県｜ 鹿児島県｜ 沖縄県 □は外部リンク、リンク先の方の作成（□:DMさん） 簡易版 北海道｜ 青森県｜ 岩手県｜ 宮城県｜ 秋田県｜ 山形県｜ 福島県 茨城県｜ 栃木県｜ 群馬県｜ 埼玉県｜ 千葉県｜ 東京都｜ 神奈川県 新潟県｜ 富山県｜ 石川県｜ 福井県｜ 山梨県｜ 長野県｜ 岐阜県｜ 静岡県｜ 愛知県 三重県｜ 滋賀県｜
イラレの生成AIが凄いので Live - 2023/10/11 Adobe MAX 2023｜CreativeEdge Vlog
Adobe Illustraor 28.0に搭載された生成AI（ベクターグラフィックの生成）が衝撃的だったので、このページにまとめていきます。 イラレの生成AIの探求は以下の新しいページに掲載しています 新しいイラレ生成AI関連ページイラレの生成AIでハロウィンのイラストを描こう！ イラレの生成AIでイラストを描くLive - 2023/10/14-15 Adobe Illustrator「イラレの生成AIを探求する」ライブ配信 イラレで生成したベクターグラフィック本日からロスアンゼルスでAdobe MAX 2023がスタートしましたが、遂にAdobe Illustrator（バージョン28.0）に「テキストからベクター生成 (Beta)」が実装されました。Adobe Fireflyのベータ版が登場した時から待機リストに掲載されていたので、いつ搭載されるのか注目していました。 参考：Ill
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[1話]続テルマエ・ロマエ - ヤマザキマリ | 少年ジャンプ＋![[1話]続テルマエ・ロマエ - ヤマザキマリ | 少年ジャンプ＋](https://cdn-ak-scissors.b.st-hatena.com/image/square/66432c0c83afcf5777da6208bbddc74702c2233b/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak-img.shonenjumpplus.com%2Fpublic%2Fseries-thumbnail%2F8603475606554199516-ebcd06c83a372b35d3a6b1a647188759%3F1711051831)
郵便料金値上げへ 定形封書110円・はがき85円 - 日本経済新聞
Nekodake | 全ての投稿が猫語になるSNS
ポッチが付いた「HHKB Studio」登場。マウス操作可能になり、メカニカルスイッチも初採用
3大ゴキゲンな読み方の漢字