Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。 そこで今回は「2024年のWeb制作ではこのようにコードを書いてほしい！」という内容をまとめました。 質より量で、まずは「こんな書き方があるんだ」をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。
追記: 10/11 ハテブでバズっているようで、色々指摘があったので追記 getElement*は動作が早いのでIDやクラス名が自明の場合はgetElement*を使う方がいいと言う意見もあり、また、ページの表示で大量に呼び出されるわけではないからボトルネックにはならないと言う意見もある。 getElement*で返されるオブジェクトは動的な変化に対応しており、querySelector*は動的な変化に対応していないため、場合によってはgetElement*を使うといい。このサイトで遊んでみよう。 https://ja.javascript.info/searching-elements-dom#ref-263 for await ... ofは非推奨なので Promise.allを現代的な書き方にした 顧客先のブラウザが古い場合も考慮して、あえてレガシーな書き方もする場合があるらしい。現
🙌 Awesome, you're subscribed! Thanks for subscribing! Look out for your first newsletter in your inbox soon! Get us in your inbox Sign up to our newsletter for the latest and greatest from your city and beyond
お正月休みに読みたおそう！ 気づけば今年もあっという間に年の瀬ですね！ 皆さんにとってこの1年はどのような年でしたか？ はてなブログでは2022年もさまざまな話題が書き残されています。 特に週刊はてなブログで、毎週月曜日に公開している「今週のはてなブログランキング*1」には、そのときどきの注目記事が集まっています！ 今回は、その総決算として2022年にもっとも注目を集めた「年間総合はてなブログランキング」トップ100の記事と、「はてな匿名ダイアリー」トップ50の記事を発表します*2！ 集計期間は2022年1月1日～同12月19日です。 # タイトル／著者とブックマーク 1 逮捕にそなえる人生継続計画 - やしお by id:Yashio 2 なぜ投資をさっさと始めないのか - 本しゃぶり by id:honeshabri 3 新NISAとは。新NISAつみたて投資枠、成長投資枠と旧NISA
みなさんにとって2021年はどんな一年だったでしょうか？ 週刊はてなブログでは、毎週月曜日にはてなブログ・はてな匿名ダイアリーの記事を対象としてはてなブログ独自の集計を行い、「今週のはてなブログランキング」を公開。ランキングにはそのときどきの注目記事が集まっています。 今回は、その総決算として2021年にもっとも注目を集めた「年間総合はてなブログランキング」トップ100の記事と、「はてな匿名ダイアリー」トップ50の記事を発表します！*1。集計期間は2021年1月1日～同12月22日です。 # タイトル／著者とブックマーク 1 東大が無料公開している超良質なPython/Data Science/Cloud教材まとめ (*随時更新) - Digital, digital and digital by id:touya_hujitani 2 高卒新人に資産運用を説明する - やしお by id
〜〜が知っておくべきサイト20選とか、エンジニアなら今すぐフォローすべき有名人とか、いつも釣られてみにいくと全く興味なかったり拍子抜けしたりするわけだが、こういうのが並んでいたらあまりの格の違いに絶望してしまうだろうというものを適当に並べてみた。私が見ているわけではなくて、こうありたいと思っている私の願望である。どちらかというとインフラ系とか基盤系のものに偏っているが、あくまで私が興味ある一連の例だと思ってください。「これが入ってない！」というクレームは受け付けますので、是非教えてください。一緒に成層圏まで意識を高めましょう。 情報サイト、有名ブログ Software Engineering Radio : IEEEが主催しているソフトウェアエンジニア向けのPodCast。データベースからフロントエンド、暗号、ハードウェア、マイクロサービス、などなどとにかく多様なジャンルの最新のトピックの
ラテン語たん @Latina_tan 『何を飲んでるんですか？』 『ソーテルヌ…ボルドー地方のワインですよー』 『ボルドーに白ワインがあるはずないだろ！』 『！？』 #本当にあったワイン話 2016-11-12 12:11:32
連載 INDEX 次回 → こちらのページで【2015年版】も発表！ ■ 2014年が始まり、心機一転で「今年こそはWeb開発を頑張ろう」と思っている人も少なくないだろう。そんな方々に向けて本稿では、2013年中に人気が急上昇してきており、「2014年では必須の知識」となりそうなJavaScriptライブラリ（Library）をランキング形式で発表する。 なお、本稿のランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」（「すべての国」「過去 12 か月間」「すべてのカテゴリ」「ウェブ検索」という条件で絞り込み）を使って、ライブラリの人気をジャンルごとに比較した（※ライブラリ名が一般的な英単語の場合、Web検索時に、その英単語にもヒットしてしまう。このノイズがGoogleトレンドでの結果として入り込んでいる可能性が高いことをご了承いただきたい。各ジャンルは、筆者が独自
～新人プログラマ／SEは覚えておきたい“まとめ”～ ＠IT編集部 2011/3/24 このページは、開発者／プログラマが、以下のような項目に関して、常識的な基礎知識を学ぶための記事リンクのまとめです。 デスクトップなどの見た目に関する3つの常識 プログラミング・コーディングに関する6つの常識 ネットワーク／通信に関する9つの常識 セキュリティに関する3つの常識 データとファイルに関する5つの常識 設計・アーキテクチャに関する6つの常識 ソフトウェアの品質管理に関する3つの常識 業務アプリに関する5つの常識 Java SE（旧、J2SE）のコアAPIやJSP／サーブレット＋StrutsのWebアプリケーション開発、JBossやその他のJavaオープンソースソフトウェアのサンプルコードや使い方を通じて、さまざまな“常識”を学習する以下の連載の記事に、基礎知識のカテゴリごとに分けてリンクしていま
WEBサービス用にさくらのVPSサーバーを借りた後で役に立つ記事色々 さくらVPSサーバの人気が高いということで、借りたらやる設定についての記事をまとめてみました。 さくらのvpsといっても普通のcentosと一緒なので、他のvpsサービスやec2でも使えます。レンタルサーバーと違って最初はなにも入ってないので初期設定が必要ですが、これさえみとけば大体大丈夫というものをまとめてます。 さくらのVPS 初期設定 【さくらのVPS】初期設定をしてみた | Untitled Documents. root パスワードの変更、ユーザ追加、sudoers編集、ssh公開鍵設置、パッケージ管理ツールの設定等 CentOSをサーバーとして活用するための基本的な設定 (さくらインターネット創業日記) sshのポート番号変更、公開鍵設定、ファイアウォール設定の他、不要サービスの停止といったさくらインターネッ
茂木健一郎 @kenichiromogi オレが日本の法律関係者に訴えたいことは、民法の「連帯保証」に関する条項の一日も早い削除。銃よりも多くの人の命を奪い、鎖よりも多くの人の自由をうばっている。こんな前近代的な制度を放置しているのは、国際的な恥である。 2011-01-30 11:30:50 茂木健一郎 @kenichiromogi 先日、銀行主催の講演会で、「連帯保証人制度は世界の恥である」と言ったら、銀行の人たちは苦笑いしていたけど、会場の企業経営者は真剣に肯いていた。「やらかしちゃった！」と思ったけど、後悔はしていない。この愚かな制度に対する怒りのマグマはかなり溜まっている。 2011-01-30 11:37:16
かっこいいデザイン、面白い素材をつかった名刺・ビジネスカードをあつめているポータルサイトを紹介します。
この度、株式会社ｗｋｔｋ(ワクテカ)という法人を設立いたしました。 30歳の誕生日に何か面白いコトをやろう！と思い立って、２週間くらいで法人設立にこぎつけました。あ、会社勤めは辞めてないし、辞めるつもりもないですよ、念のため。僕の勤め先は、そういうところに融通が利くところなのです。起業を促進してます。うんうん。 株式会社の作り方と、基本的な開業準備について、「ひきこもり気質でインターネット大好きな人」向けに情報を公開します。 世の中には、会社設立のガイドがあふれかえっています。重複することを書いても仕方ないので、本や他のサイトに載っていない情報を主に書いていきます。情報は2010年4月現在のものです。 前提条件 一人発起で、代表取締役のみの株式会社を東京都ｘｘ区に設立する。 .co.jpドメインを取得する。 公告方法を官報にしつつ、財務諸表のみをWebページに載せて官報掲載代を節約する。
編集者注： 取材協力：Matt Alt、Hiroko Yoda、Melinda Joe、Andrew Szymanski および W. David Marx（CNNGo 東京編集者） 1. 世界一優れた鉄道システム 地下鉄 13 路線、JR および他の私鉄 100 路線以上が縦横無尽に走る都市東京は、まるで世界記録を覆すために考案されたかのようだ。 電車と徒歩だけでたどり着けない場所は都内では皆無と言っても過言ではない。 唯一の欠点と言えば、政府も対処ままならない中年サラリーマンの痴漢行為だけ？ 2. 一生訪れることのできない世界で一番美しい場所 都心の緑溢れる 3.5 平方キロメートルに構えられた皇居の不動産価格は、一時はカリフォルニア州の全不動産の総価値をしのぐと噂されたこともある。 皇居外側の庭園の一部は一般公開されているものの、内部の宮殿は我ら凡人の目に触れることはない。 皇居は、
今20代男子に圧倒的支持を受けている通販サイト 「ここの服を買っておけば無条件にカッコよく見える」 という品揃えをキープ。 「合コンに着ていく服って、どういうものがいいんだろう？」 こんな悩みを持っている男子諸君は今すぐチェック！！ ひとつ買って頂ければ、良さがわかってもらえる自信があります！ ご来店、お待ちしております！by店長 ⇒【MENZ-STYLE】に行ってみる 1 以下、名無しにかわりましてVIPがお送りします 投稿日：2009/12/20(日) 14:05:59.34 ID:1zccHeOF0 サンゴ漁 三つ又の碇の様なデカイ釣り針を海底にしずめてゆっくり船で走り回る たまに引っかかったらそれをつり上げる。 そんな非効率な事やってるから全然取れない、それゆえ希少で売価が安定して高い。 ダイバーを潜らせて取ってくればいいのにとおもうが、出来るまでに何千年もかかる珊瑚
増井は「学校」とは高校ぐらいまでを想定してます 想定してない方もいるかも 「学校で教えるべきと思うもの」と「教えなくてもいいけど重要なもの」が混在してるかも 「@」がついてるのはtwitterでいただいた意見で、増井の意見と必ずしも一致するわけではありません。 ついてないものは増井の意見です。 ----------------------------------------------------- 車の運転 標識の意味など教えた方がいいのでは? 自転車関連も 歩道は走っちゃダメとか 鉄棒や水泳は教えるのに自転車は教えないのか? 最近は学校で教えてるの? 写真の撮り方 お絵描きや音楽は教えるのに... 文章の書き方、プレゼンのやり方 米国では結構真面目に教えるみたいだけど 税金の知識 世の中で実際に税金がどのように徴収されて使われてるのか 確定申告とは何か、必要経費とは何か、etc. 年金
（ブックリスト各分野へのリンク） 数学 物理学 化学 生物学 医学 人類学 心理学 経済学 政治学 社会学 宗教学 歴史学 哲学 芸術 演劇 文学 音楽 法学 教育 アラビア語・サンスクリット語 古代ギリシア語、ラテン語 はてなブックマークで「そんなもの読むくらいなら洋書読め」と具体的な書名付きで再三にわたりコメントをいただいているmaido99さんに敬意を表して、こんなエントリーをおったててみた。 このエントリーの成否は、「英語？めんどくせー」という人に、洋書で学ぶことのメリットの大きさを示し、対してデメリットが取るに足りないものであることを説得できるかどうかにかかっている。 そういう人の面倒をみたい訳でも、またみなきゃならない訳でもないが、清水幾太郎が珍しく良いことを言ったように、文章と言うものは、自分が「あたかも～であるかのように」書くことで、書きたいことの優先順位が決まり整序がつく
Webスケールのデータを扱うためにさまざまなデータベースが登場してきている、ということを昨日のエントリ「データベースは目的別に使い分けるべし」で紹介しました。 特にリレーショナルモデルをベースとしない、非SQL系（NoSQL）と呼ばれるさまざまな種類のデータベースが登場してきています。非SQL系のデータベースは以前からオブジェクトデータベースやドキュメントデータベース、階層型データベースなどが存在していましたが、最近注目されているのがキーバリュー型データストアと呼ばれるデータベース。 ブログ「High Scalability」にポストされたエントリ「A Yes for a NoSQL Taxonomy」では、これら非SQL系のデータベースを詳細に9分類し、それぞれの分類に属するデータベースをリストアップしています（基になったのは「NoSQL is a Horseless Carriage」
11月22日は「いい夫婦の日」ということで、縁起を担いでこの日に結婚式を挙げる人も多いようです。しかし結婚式に招かれる側には、「何を着ていけばいいの？」「お祝いはいくらつつめばいいの？」といった悩みはつきもの。そこで今回は、結婚式のマナーに関するエントリーを集めてみました。 結婚式のマナー/結婚式の招待状・ご祝儀・服装 結婚式のマナーと常識 -ウエディング ウォーカー 結婚式のマナーの中でも、特に「どうすればいいの？」と悩むことが多いのが「招待状」「服装」「ご祝儀」についてです。今回はその3点について見ていきます。 招待状の返信の仕方にもマナーがあります 結婚式の招待状が届いたら、相手のことを考えできるだけ早めの返信を心がけます。また、返信用のハガキの書き方にもマナーがあります。「出席するんだから、御出席に○をしてそのままポストに投函」というわけにはいきません。 披露宴の招待状の返事の書き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
