令和のHTML / CSS / JavaScriptの書き方50選
Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
トランプ前大統領、ひとりでツイートのような投稿をするWebサイトを開設
このプラットフォームの開設は4日だが、トランプ氏の投稿はそれ以前の日付からあり、遡ると最初の投稿は3月24日になっている。すべてトランプ氏の投稿で、投稿の横にはそれをTwitterとFacebookでシェアするためのボタンとハートボタンが付いているが、ハートをクリックしても赤くなるだけでカウントが表示されるわけではない。 Webサイトにサインアップすると新しい投稿を通知してくれるようだが、投稿したり、コメントをつけたりすることは、今のところできない。 4日の投稿はサイトを紹介する動画で、「沈黙と嘘の時代に自由の指標が生まれる。ドナルド・トランプのデスクから直接提供する自由かつ安全に話し合える場だ」と表示される。途中で映る邸宅は、トランプ氏が1985年に購入したフロリダ州パームビーチのマー・ア・ラゴだ。ここからトランプ氏が発信しているということなのだろう。 トランプ氏は在任中、個人の公式Tw
プレシジョンダイス
筆者は、ダイスの目にはさんざん悩まされてきた。多くのボードゲームではダイスを使う。問題は、そのダイスの目が明らかに偏っているのではないかということが度々起こるからだ。 例えばカタンだ。カタンでは、六面ダイスを二個使い、目の合計によって該当する土地の資源を得る。六面ダイスを二個振った目の合計値の確率は、2と12が最も少なく1/36、7が最も多く21/36となっている。ところが、今まで経験したカタンでは、よく出るはずの6,7,8がなかなか出なかったり、なかなか出ないはずの2や12が多く出たりすることがたびたびあった。 これは、ダイスの加工精度の問題である。ダイスの加工精度に問題があると、当然出目も偏ってくる。 プレシジョンダイスと呼ばれているものがある。表面に目の凹みがなく、よく研磨されている加工精度のいいダイスである。今、プレシジョンダイスを買うには、どうやらバックギャモン協会のWebサイト
どーすりゃ上司は、わかってくれるんだ！ Web担当者って大変なのに……ヒト、予算をもっとくれ！ | Web担当者に告ぐ！ サイト運営にはコツがある
企業のなかでWeb担当者の置かれている状況は改善されてきたものの、まだ社内の理解が得にくい、他の部門と連携しながらWebサイトの運営ができていない、新しい施策がうまく回らない、予算がなかなか増えないという状況ってありますよね。 今回は、そんな悩めるWeb担当者の方のために、どうやって上司を説得し、Webサイトの運営に係る人々、経営、決済、運営組織、そして自社業態の市場とユーザー、いわばWebサイト運営に係るステークホルダーともいえる存在を意識した、戦術設計をどのようにすべきか具体的な戦略を練るうえで必要な考え方について説明します。下図の戦術の全体像を参考にしながら、記事を読み進めてください。 1st STEP Webサイトの成長モデルを可視化できている？まず、自社サイトの成長モデルについて整理をしてみましょう。前編で述べたとおり、Webサイトの運営には目的の定義が必要不可欠で、ヒト・モノ・
WordPressをエックスサーバーで高速化しよう！
エックスサーバーは、サーバーひとつで複数のドメインを設定でき、それぞれでWordPressサイトを開設できます。 高いPHP処理能力や高転送量（70GB/日）によるサイトの高速表示やサーバー接続の安定は、自分にもユーザーにも快適な閲覧環境を作れる他、SEOにも効果を発揮します。 また、データのバックアップ・セキュリティ対策・サポート体制に力を入れているレンタルサーバーなので、WordPressの管理画面やサイトが「遅い」「落ちる」「エラー」が起こる格安レンサバをご利用中の方に、サーバー移転（乗り換え）を声を大にして薦めたいコストパフォーマンスに優れたレンタルサーバーです。 Webサイトやブログを複数運営している個人や企業、ブロガー・アフィリエイター、WordPressユーザーから人気を得ています。 勿論、 初心者でも導入しやすい安心安全・高速・多機能なレンタルサーバーです。 当ブログは、1
ふなっしーデザインの箱に船橋市産の梨が入った「ふなっしー梨箱」限定発売 - はてなニュース
千葉県船橋市産の梨をふなっしーデザインの箱に詰めたなっしー！ Webサイト「船橋のなし」で、数量限定の「ふなっしー梨箱」が販売されています。 ▽ ふなっしーの梨箱 | 船橋のなし ▽ ふなっしー公認「船橋のなし」ギフトBOX予約受付開始－詳細は公式ホームページから | みんなで船橋を盛り上げる船橋情報サイト「MyFunaねっと」 「ふなっしー梨箱」は、ふなっしーに似せた淡い黄色のダンボールの上部に、ふなっしーの顔をプリントした“ふなっしー公認”の箱です。中には、船橋市で採れた梨が5キログラム入っています。梨の品種は甘みが強い「幸水」。価格は5,800円（税・送料込）です。 Web注文のほか、船橋の梨の直売所や船橋市内のスーパーマーケットなどで販売されます。売り上げの一部は、ふなっしーの意思で東日本大震災の震災孤児を支援するNPOに寄付されるとのことです。 文: タニグチナオミ 関連エントリ
フェイスブックのWeb履歴使った広告、オプトアウトはこの手順で
フェイスブックのWeb履歴使った広告、オプトアウトはこの手順で2014.06.14 09:008,987 福田ミホ フェイスブックがユーザーのWeb閲覧履歴をターゲティング広告に使うことを表明しました。つまりフェイスブックは、広告主の利益のために我々がどんなWebサイトを見たかって情報を使うんです。 Web閲覧履歴の中には、他人にあまり知られたくないようなもの、｢見たくて見たんじゃない｣と自分自身言い訳したくなるようなものがあるはずです。だからそのデータを企業の広告に使われるのってなんか気持ち悪くない？って方、以下にオプトアウト方法をまとめます。 ただし事前に理解しておくべきなのは、この手順ではフェイスブックの持つ我々の個人情報自体を消したり、広告表示を止めたりはできないってことです。このオプトアウトで可能になるのは、フェイスブックによるWeb閲覧履歴の使い方を制限することだけであって、彼
ネットショップ「売れないお店」を「売れるお店」にする5つのヒント
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ユーザーテスト終了後、Webサイトのアクセシビリティ改善はどう進める？ 優先度付けの手順を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
「ソースをパクる業者への対抗策」記事が話題に。「土日だけ不具合発生」の作り方も【やじうまWatch】
模倣サイトとして各所から注意喚起が出されているサイトは、模倣サイトではなくAnonymous Proxyサービスと呼ばれるもの
フリーランスの全国Webサイト制作料金表 2013年度版