令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
【注意喚起】寄生サイトの恐怖 サイト貸しの営業に注意 - Web > SEO 辻正浩のブログ
中堅～大手サイトに「お金を払うので私のコンテンツをあなたのサイトに置きたい」という営業が広範囲に行われています。 指定されるコンテンツを置くだけで毎月固定額の報酬の他、そのコンテンツから発生したアフィリエイト収入の数割を払うという好条件が提示されていて、検討する会社も多くあるようです。これは2019年頃からごく一部の大手サイトで見られましたが、最近ではその営業を行う会社も増え、地方のメディアや地場企業などにも同様の営業が増え、拡大を続けています。 わたしはこの試みを、それぞれのサイトに寄生して価値を吸い取ろうとする「寄生サイト」と呼んでいます。 これは寄生される側に大きなリスクを伴います。自社サイトが大きなダメージを受ける可能性が高いため、検索流入が必要な場合この営業は絶対に受けてはなりません。 この記事では「寄生サイト」がどういう経緯で生まれたのか、そしてそのリスクについて説明します。
激安アクセサリー通販【サン宝石】のWEB SHOPPINGサイト☆
営業日カレンダー 2023年5月 月火水木金土日 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 ■休業日 2023年6月 月火水木金土日 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 ■休業日 サン宝石 セール ほっぺちゃんファンクラブ ハンドメイド Myサンホ サン宝石フェア・出張販売 店舗情報 みんなのプロフィール メルマガ カタログから注文 ご利用ガイド お問い合わせ マイページ よくある質問 なぜこんなに安いのか 確認メール・メールマガジンが届かない 振込用紙をなくした 注文商品をキャンセル・変更したい 商品が届かない マイページにログインできない
「かゆうま」みたいなノリで匿名日記を書くサイト作った
バイオハザードのかゆうま(飼育係の日誌)みたいなノリで匿名日記を書くサイトを作った。ログイン不要。https://enigmatic-brushlands-82725.herokuapp.com/ 3月25日の夜に小池都知事の緊急記者会見があった翌日から、完全に在宅勤務になった。もう外はナウシカの世界みたいなもんだと思ってるのでなるべく外に出たくないのだが、さすがに食料は買いにいかないとで週2回だけ買い出しに出ている。（「マスクをしないと5分で肺が腐ってしまう。」と思いながら外出してる） で、外に行くと思ったよりも人が出歩いてたりしてビビる。スーパーとかどの時間に行っても「いやいや、週末でもこんなに客いなかったぞ」って人の量で、しかも突然Uターンしてきたり立ち止まったりしてまるでNPCのようだ。横断歩道待ってるとやたら近距離接近してくるご婦人方とか、自転車乗ってタバコ吸いながら盛大な咳をす
サイトの表示高速化につながる18のこと | knowledge / baigie
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
知的な暇つぶしサイトを紹介していく | 不思議.net - 5ch(2ch)まとめサイト
不思議ネット とは 不思議.netでは５ちゃんねるで話題になっているスレを厳選してお届けするサイトです。普段５chを見ない人でも気軽にワクワクできる情報サイトをころがけて毎日絶賛更新中！
『できる逆引き Googleアナリティクス Web解析の現場で使える実践ワザ』全文公開の記事一覧（目次）- あの定番書がすべて読める！
Googleアナリティクスを使うすべての人へ。株式会社プリンシプル・木田和廣氏による最強の定番書『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の記事一覧（目次）と「まえがき」を掲載しています。 インプレスの書籍『できる逆引き Googleアナリティクス 増補改訂2版 Web解析の現場で使える実践ワザ 260』の全文Web公開について、書籍・著者の紹介と「まえがき」、記事一覧（目次）をまとめました。 企業のWeb担当者やデジタルマーケターのみなさんに向け、Googleアナリティクスの正しいノウハウと、本書の魅力を幅広く知っていただけるよう、著者の許諾のもとに無料で公開しています。以下のリンクから各項目にジャンプできます。 書籍について ※書影をクリックするとAmazonにジャンプします 1万人以上のWeb担当者に支持された定番書が大幅改訂
調べものリンク集
公式サイトだけではなく、信頼性が高かったり、他のサイトでは得られない情報があったりするサイトも参考として載せています。 作成には相応の注意を払っていますが、リンクやリンク先の内容の正確性については保証できません。利用者ご自身で判断してください。 目が行き届いていない部分もあるかもしれません。リンク切れや、ここにない有用なサイトの情報、その他お気づきの点などありましたら、ツイッター等でお知らせいただけると幸いです。 日々更新し有用な情報を発信しているサイト運営者の方々に感謝いたします。 （2023年1月29日更新）
ゴシップサイトブロッカーがヤバイ！本名は？彼氏は？彼女は？身長や年収は？年齢や学歴まとめ！現在の状況についても調査！ - カトゆー家断絶
こんにちは！(*＾＾*) 当ブログにご訪問いただきありがとうございます！ 最近知名度を増してきているゴシップサイトブロッカー という拡張をご存知でしょうか？ ゴシップなサイトをブロックする……、 本当だとしたら凄いですよね！笑 そこで今回は気になるこのゴシップサイトブロッカーが、 どんな経緯で誕生したのか？ や、 使い方について調べてみました！ ゴシップサイトブロッカーの経歴は？ ゴシップサイトブロッカーの基本情報！ ゴシップサイトブロッカーの導入方法は？ ゴシップサイトブロッカーの使い方！ まとめ ゴシップサイトブロッカーの経歴は？ 気になるゴシップサイトブロッカーが 誕生した背景についてまとめます。 昨今SNSを中心に、Google検索が使い物にならないと 度々話題になっています。 「やたら上位に出てくるまとめサイトや商品への誘導記事…」最近のネット検索、欲しい情報手に入らなくなってる
東京五輪ボランティア応募サイトのコードがいかに酷いか - Togetter
リンク 東京2020大会ボランティア | 東京オリンピック・パラリンピック競技大会組織委員会 東京2020大会ボランティア 東京2020大会のボランティア活動についてご紹介します。 11 users 11076 池田 泰延 / ICS @clockmaker オリンピックのボランティア募集サイトが酷いと話題だったので、コードを見てみたら残念品質でした･･･ ・重複したid属性 ・javascript:void(0) ・まともに実装されてないWAI-ARIA （音声読上も酷い） ・body内にstyleタグが頻出 これらは一例。ちなみにReact製。 tokyo2020.org/jp/special/vol… pic.twitter.com/ed6TrpByy1 2018-09-27 14:50:01
Webサイトのプロジェクトを上手にキックオフする方法
RobertはGatherContentのコンテンツストラテジストです。 また、GatherContentブログの編集長でもあり、さまざまなWebマガジンで記事を書いています。彼のTwitterはこちら。 Webサイトプロジェクトのスタート時には、ローンチを成功させるために、プロジェクトのゴールを理解し、ユーザーと顧客について学ぶ発見フェーズが必要です。さらに、発見フェーズを進めるためのキックオフミーティングも同じように重要です。 受託制作と自社サービスのどちらの場合でも、キックオフミーティングと発見フェーズにおいてチームが協力し合うことで、組織の目的を共有することができます。これらの段階は、プロジェクトを上手く協力しながら進めるために、チームを立ち上げる段階でもあります。 いつキックオフミーティングをすべきか 理想的にはキックオフミーティングは、プロジェクトへの期待を共有するために、プロ
ベイジのweb制作ワークフロー2018（140のタスクと解説） | ベイジの社長ブログ
ベイジで社内のワークフローを整理しだしたのは確か2014年頃です。その頃はまだ4～5人しか社員がいない状態で、タスクの粒度も粗く、いくつかのタスクは各人の能力に委ねたものでした。しかし10人を超えて関わる人が増えたあたりから、仕事の進め方も徐々に変わり、ワークフローの綻びも色々と出始めてきました。そこで今年の春に、全社員参加のもと、これまでの進め方の問題点を話し合ったうえで、ワークフローの大幅な刷新を行いました。本エントリーはそのご紹介です。 刷新にあたって、受注から納品までをサブタスクを含めて約140に分解しました。また、各タスクで用いられるドキュメントもできるだけフォーマット化し、効率よくドキュメントワークができるようにしました。 合わせて、タスク毎の職能の再定義を行いました。プロデューサー、ディレクターといった業務範囲が曖昧な職能は、より厳密な職能の定義を試みました。例えばディレクタ
当社メディアにおける不正な広告記事についてのお詫び
2015年10月8日 株式会社ソシオコーポレーション メディア事業部 今般、弊社内の調査により、弊社運営メディアである ロケットニュース24 及び Pouch［ポーチ］において、提供表記のない広告記事（以下、「本件広告記事」と申します。）を掲載していたことが判明いたしました。 上記各メディアの読者の皆様をはじめ、本件広告記事が配信されたパートナーの皆様及びパートナーのサービス利用者の皆様には、広告であることが判別できない形態にて記事を配信していたことを深くお詫び申し上げます。 本件広告記事は、弊社従業員が弊社に無断で販売し、私的な利益を得ていた不正なもので、弊社が販売する正規の広告記事とは異なります。現時点では、2014年頃から販売されていたことが判明しております。 信用を第一とするメディア事業にありながら、不正行為を見抜けず不祥事を起こしたことを、役職員一同深く反省しております。 現在、
津田大介公式サイト
なぜカブールは電光石火で陥落したのか／地震に備えた対策ってなにかやってる？／長コンプレックスを解消する方法は？ 《目次》 1.メディア／イベントプレイバック ──なぜカブールは電光石火で陥落したのか あるべきアフガニスタンとの向き合い方について考える 2.今週の原発情報クリッピング 3.新型コロナ関連論考・インタビュークリ […]
ゼロからはじめるスマートフォン専用サイト（iPhone＆Android）の作り方を学べるサイト集めました | HTML5でサイトをつくろう
これからのWEB制作はPCサイトだけではなく、iphoneなどのスマートフォンやipadなどさまざまなデバイスでの閲覧を前提として作成しなければいけません。 iphoneサイトやAndroidサイトはHTML5やCSS3にかなり対応しているので簡単そうなイメージもありますが、縦画面、横画面など変化することを前提に構築しなければいけませんし、Androidは機種によって解像度が違う、機種によってCSSが適用されないという昔のモバイルサイトより大変なことがおきているようです。 またシミュレーターを使ったり、実機をたくさん揃えたり、レンタルしたりとPCサイトより手間な制作の時代に逆戻りですね・・。 友人に聞いたら現在は案件よってはiphoneのみ対応、iphoneとdocomoを対応、すべて対応などさまざまなようですね。まあこれは予算によるのかもしれませんね。 僕はまだ本格的なスマホサイトの仕事
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
いらすと本舗
デイリーポータルZがウェブ解析士マスターに真剣相談！ アクセス解析とサイト改善って何からはじめる？ | 楽しく学ぶアクセス解析&サイト改善【DPZ×ウェブ解析士】
サウナイキタイ - 日本最大のサウナ検索サイト
「フェミニストが嫌い」「男女平等の主張が苦手」な人向けの共感してもらえる記事の執筆依頼の仕事
「なぜ、ゲーム攻略サイトは激減したのか？」「お前らのせいです」: 不倒城