令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
迷惑メールの送信事案の発生について
このたび、厚生労働省のサーバを経由し、第三者からの迷惑メールが送信されていたことが判明しました。メールは英文であり、厚生労働省とは関係がないことが記載されています。使用されているメールアドレスも厚生労働省のメールアドレスではありません。 当該メールを受け取られた方々には、深くお詫び申し上げます。 事案の概要等は、次のとおりです。 1.概要 令和５年５月２７日（土）２０時頃から、令和５年５月２８日（日）２０時３０分頃までの間に、厚生労働省のサーバから、迷惑メールが送信された。 メールの件名は「Re: Can I trust you?」であり、メール本文も英文である。 使用されているメールアドレスは厚生労働省のメールアドレス（＠mhlw.go.jp）ではない。 海外のアドレスを中心に、送信されたメールは約10万件である。 なお、情報の漏洩等は発生していない。 2.原因 原因は、精査中であるが、
地獄に落ちろ平沢進 - 404 state
出典:MC松島 - Qダブシャイン - YouTube 平沢進をリムってミュートして久しい。きっかけは何かは覚えていないけれど、コロナ禍以降だったと思う。コロナはじまりかけ（2020年3月）の時にはライブに行ったし、このような状況下でも、細心の注意を払って絶対健康で平沢進を見るぞ、という静かな熱気を感じ胸を打たれた。当時の感想はこんなんだった。 コヨーテの「賢く逃げていただく」にはしびれました。平沢さんのような考え方をする人、それを理解し支持する人と空間があるってのはほんと救いだし希望に思えます。 Looping Opositionの悪のメソッド！！！！もまさに今の、でもブレない平沢節ですね。この混沌で曲と詞が新たな輝きを得る。すべてよし、それでよし！と言い切る力強さ。しかし平沢さんがブレないからこそ歌詞が新たな光を帯びるのだ。 コヨーテもLooping Oppositionも曲名だ。前者
Amazonがテキストをネイティブレベルの自然な音声に変換する「Amazon Polly」を発表、24の言語と47の音声に対応
By Stephen Poff Amazon Web Services(AWS)が人工知能サービスの「Amazon Polly」をラスベガスで実施されたイベント「AWS re:Invent 2016」で発表しました。Amazon Pollyはテキストを音声で読み上げるサービスで、24の言語と47の音声に対応しています。 Amazon Polly – 文章から音声へ、47の声と24の言語 | Amazon Web Services ブログ https://aws.amazon.com/jp/blogs/news/polly-text-to-speech-in-47-voices-and-24-languages/ Amazon Polly – Lifelike Text-to-Speech https://aws.amazon.com/jp/polly/ Amazon Lex – Build
日本一やさしいアドテク教室 | AI tech studio
アドテクとは、アドテクノロジーの略称。読んで字の如く、「アド（広告）」の「テクノロジー（技術）」のことを指し、 人手では実現不可能なレベルの広告配信を実現する技術にあたります。 技術を活用し、広告主とメディア（広告掲載媒体）、消費者をwin-winに導くため、発展してきました。 広告主にとっては、今までよりも高い広告効果をもたし、 メディアにとっては、収益の最大化や広告配信の効率化を実現しす。 アドテクの目的は主に２つ。 １：広告主が求める高い広告効果を出すために、より適切な場所／人に広告を出すこと ２：メディアの広告枠販売や広告配信の効率化を実現し、収益最大化の支援をすること これらを叶えるためには、私たち消費者の趣味趣向にあった情報（広告）を提供し、 その情報（広告）に興味を持ち、行動を起こしてもらう必要がありす。 私たち消費者が興味を示す広告を配信するため、「誰にどんな情報（広告）を
フロントエンドエンジニア（仮） 〜え、ちょっとフロントやること多すぎじゃない！？〜
Koji Ishimoto gives a presentation on front-end engineering. He defines a front-end engineer's responsibilities as including JavaScript, version control with Git, modular code, browser developer tools, command line, templating, CSS preprocessors, testing, automation, code quality and manuals. He discusses common front-end tools, managing tools with Grunt, and tracking speed with tools like WebPage
Web制作フローが「完璧」にわかる資料や流れのまとめ | コムテブログ
TL;DR 受注前、制作フロー、安定収益源の保守方法まで「作って終わりにしない」Web 制作の一連の流れを記載しておきます。社内だけじゃなく、これから独立する人、フリーランスの方も必見です。 オリエンテーション／受注前 １．書類テンプレート一式 オリエンテーションにおけるヒアリングでは、後に作成する提案・見積書に必要となる質問を用意しておきます。自社の説明をする時は、せっかちなクライアントさんもいるので、だらだら話さず、ポイントを抑えてわかりやすく説明します。ヒアリングした後は、議事録にメモし社内共有。必要な書類（ヒアリングシート／企画書／提案書／業務委託書／見積書／契約書）など一式まとめてますので、書類系のテンプレートは以下で。 企画・提案・見積・納品・契約などのテンプレ・知識まとめ２３ ２．見積もりの目安と計算方法 例えば項目を作るとき１．項目／２．内容／３．設計(人日)／４．製造(人
これくらいはやってほしいWebデザイン
PHPカンファレンス2012@東京 ( http://www.ustream.tv/recorded/25414614 )
【コラム】にわか管理者のためのWindowsサーバ入門 (43) Webサイトの追加 | エンタープライズ | マイコミジャーナル
今回は、Webサイトの追加について取り上げる。ここでいう「Webサイト」とは、一般的にいう「Webサイト」とは意味が異なる。IISの場合、Webコンテンツを公開する際の単位を「サイト」と称しており、初期状態では「C:\Inetpub\wwwroot」に対応する[Default Web Site]または[既定のWebサイト]だけが存在する。 それとは別にWebサイトを追加して、1つのWebサーバで複数のWebサイトを運用することもできるが、宛先IPアドレスあるいは宛先ポート番号をWebサイトごとに分けなければならない。そうしないと、クライアントがどのWebサイトに接続すればよいのかわからないからだ。 最初に設置するWebサイトでは、HTTPの既定値である80番を使うことで宛先ポート番号を省略できる。ところが、2番目以降のサイトは80番以外を使う必要がある。その結果、必然的にURLはホスト名に
Web製作者やブロガーならブックマーク必須な個人商用フリーな5つの画像サービス * 男子ハック
@JUNP_Nです。ブログを書いている時なんかにテキストばっかりじゃ記事が見にくい、何か画像を入れたいなってことがよくあります。そんな時に個人商用問わずフリーに利用できる画像サービスを5つ紹介します。 テキストだけじゃ見にくいので適度に画像を使ってアクセントテキストばかりの記事だと読みにくい。（逆にテキストだけのほうがいいって場合もあるかもしれませんが）。見に来てくれた人が「読みやすい」と感じてもらうためのふ画像も適度に使ったほうがいいだろうし、場合によってはスクリーンキャプチャを使うこともあるでしょう。 僕の場合はテキストだけで記事を書くことができていしまう場合でも、適度に画像を使ったり、上記のように見たらすぐわかる説明のような画像を作ることもしばしば。 基本的にはキャプチャを撮ったり、画像を作ったりしていますが、それ以外にアクセントというかイメージとして画像を使いたい時には画像サービス
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web3とはなにか：Webの歴史と変わること変わらないこと
［社説］Web3を経済成長につなげよう - 日本経済新聞