HTMLの人気記事 5637件 - はてなブックマーク

サクサク読めて、アプリ限定の機能も多数！アプリで開くはてなブックマーク閉じる ●はてなブックマークって？●アプリ・拡張の紹介●ユーザー登録●

●ログアウト

検索対象

●すべて ●タグ ●タイトル ●本文

並び順

●新着 ●人気

ブックマーク数

●1 user ●3 users ●50 users ●100 users ●500 users

セーフサーチ

●オン ●オフ

期間指定

●すべて ●1週間 ●1ヶ月 ●1年

まで

1 - 40 件 / 5637件新着順人気順

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

HTMLの検索結果1 - 40 件 / 5637件

HTMLに関するエントリは5637件あります。 web、プログラミング、学習などが関連タグです。人気エントリには﹃コグニカル﹄などがあります。

コグニカル

● 3379 users ● cognicull.com ● 学び ●2020/09/29 コグニカルは、足りない知識をツリー構造で掘り下げられる学習サイトです。 ●学習 ●数学 ●あとで読む ●勉強 ●教育 ●webサービス ●知識 ●study ●math ●科学

台本11冊を入手　五輪開会式“崩壊”　全内幕　計1199ページにすべての変遷が | 週刊文春電子版

● 2740 users ● bunshun.jp ● アニメとゲーム ●2021/07/28 演出責任者の相次ぐ交代など迷走を重ねた五輪開会式。今回入手した11冊にも及ぶ台本には、その過程が詳らかに記されていた。なぜ、どのようにして、開会式は“崩壊”していったのか。小誌だけが書ける全内幕――。そのセレモニーは、新国立競技場に1台のバイクが颯爽と走ってくるシーンから幕を開けるはずだった。大友克洋氏の漫画﹃AKIRA﹄の主人公の愛車、赤いバイクだ。会場に映し出されるカウントダウンの数字。ゼロになると、中央のドームが開き、ステージに3人の女性が姿を見せる。Perfumeだ。会場には、彼女たちをプロデュースする中田ヤスタカ氏の書き下ろし楽曲が流れている。 Perfumeの出演は幻に終わった精魂込めて作り上げた210分間のステージが、全世界の人々を虜にし、アスリートたちの背中を押していく。演出振付家・MIKIKO氏と彼女が率いてきたチームにとって、東京五輪の開会式はそんな晴れ舞台となるに ●オリンピック ●政治 ●あとで読む ●五輪 ●文化 ●社会 ●これはひどい ●スポーツ ●芸能 ●文春

ワンランク上の勉強法 (https://web.archive.org/web/20130629035806/http://www.geocities.jp/nagare_basi/study/stdy_mokuji.html)

● 2580 users ● web.archive.org ● 学び ●2021/06/09 ●勉強 ●あとで読む ●学習 ●教育 ●考え方 ●勉強法 ●study ●web ●お役立ち ●生活

未経験でも1カ月で即戦力クラスの知識が身に付く﹃webデザインドリル﹄公開 | knowledge / baigie

● 2289 users ● baigie.me ● テクノロジー ●2019/10/30 ﹁即戦力レベルのwebデザイナーが最低限持っている知識を1カ月で身に付ける﹂ということを目的としたドリルを作りましたので、皆様に公開します。ダウンロード[PDF/PSD/XD]︵92MB︶本ドリルは、約140ページの参考書兼問題集になっています。まずは出題される問題を解き、その上で解説を読んで理解し、再度問題を解きなおすのが基本的な流れです。内容は、私たちが未経験デザイナーの採用を進める中で、﹁こういう知識は早い段階で身に付けておいてほしいよね﹂という知識をまとめました。また演習用のPSD/XDファイルもドリルに含まれています。身に付くのはあくまで﹁即戦力クラスの知識﹂であって、﹁即戦力﹂になれるわけではありません。デザインには、非言語・非定型なスキル領域も多々あるため、座学だけで即戦力にはなりません。しかしそれでも、ベースとなる知識は絶対に必要ですし、それを指南する参考書は、的を ●デザイン ●あとで読む ●webデザイン ●web ●web制作 ●webdesign ●配色 ●design ●知識 ●育成

2021年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ

● 2080 users ● blog.cybozu.io ● テクノロジー ●2021/07/20 こんにちは。開発本部オンボーディングチームの酒井︵@sakay_y︶です。社内のオンボーディングコンテンツを、どんどん社外へ公開することを夢見ています。 2021年もエンジニア新人研修を行いましたので、軽い紹介と、講義資料および一部講義動画︵New!︶を公開いたします。 2021年のエンジニア研修について講義資料公開 Webアプリケーション基礎 HTTP/DNS ソフトウェアライセンスソフトウェアテストテスト自動化アクセシビリティ Docker Chrome Developer Toolsの使い方サイボウズのアジャイル・クオリティデザインの役割と関わりかたデータベース CI/CD セキュリティモブに早く慣れたい人のためのガイドITコミュニティ文化と情報発信に共通する成長と貢献の要素正規表現 Kubernetesを使った開発入門モニタリング入門 gRPC入門日本語話 ●エンジニア ●あとで読む ●資料 ●研修 ●教育 ●cybozu ●engineer ●開発 ●プログラミング ●入門

CS50 for Japanese: コンピュータサイエンスの入門 – 当ウェブサイトは、Creative Commons ライセンスに基づいて管理されています。

● 1905 users ● cs50.jp ● テクノロジー ●2021/05/13 お知らせ: 2022/9/1 CS50 を活用した非営利／協賛企業による﹁コロナ学生支援﹂プロジェクトを実施中 ▼ 学生の方へ‥CS50 の学習︵履修証明書の取得︶を一緒に取り組むプロジェクト CS50日本語版の翻訳コントリビューターである CODEGYM が主催する、非営利／無償のプロジェクト﹁CODEGYM Academy (外部リンク)﹂は、昨年に続き2022年度︵春/秋︶も、キャリア選択を控えた学生に対し、以下の企業の協賛により無償で17週間のプログラミング教育カリキュラムを提供します。 CODEGYM Academy 協賛企業︵2022年︶ https://codegym.jp/academy/ 今年度のエントリーは締め切りました — ようこそ！このページは、ハーバード大学 CS50 の日本語版翻訳プロジェクトのページです。当サイトのドメインに掲載されているコンテンツは、Cre ●プログラミング ●学習 ●アルゴリズム ●あとで読む ●programming ●CS ●教育 ●勉強 ●日本語 ●education

どうしてHTML5が廃止されたのか | フューチャー技術ブログ

● 1899 users ● future-architect.github.io ● テクノロジー ●2021/06/21 フロントエンド連載の5記事目です。 HTML5が2021年の1月に廃止されました。 Webエンジニアとしてバリバリ活躍されてる方やエグゼクティブテックリードのような肩書きを持つ方にとっては﹁何をいまさら﹂という話題かと思います。しかしながら、今年も新人さん入ってきてくださったので、プログラミングを学習中にHTML5という文字列に悩まされないように、そもそもHTML5とは何かや、廃止された経緯をまとめてみます。 HTML5とはWebサイトを作るときに必ず書くことになるHTML。Webサイトのコンテンツ、つまり中身や構造を作るために使うマークアップ言語です。そして、その最近版として10年ほど前に登場したHTML5。当時は Webニュースなどで盛んに特集が組まれていましたが、このHTML5がついこないだ、2021年1月28日に廃止されました。広義のHTML5 / 狭義のHTML5HTML5 ●html ●html5 ●web ●あとで読む ●技術 ●css ●web制作 ●WHATWG ●webデザイン ●W3C

無料コーディング練習所 | 未経験からWebデザイナーへ！︻2024年版︼

● 1889 users ● webdesigner-go.com ● テクノロジー ●2022/04/20 ﹃無料コーディング練習所﹄では、完全無料のコーディング教材を提供しています。入門編から上級編まで6サイトをコーディングすることで、 HTML・CSS・jQueryの基礎スキルがしっかり身につくカリキュラムになっています。デザインカンプと完成版コーディングデータ付きです。この教材は制作会社の新人コーダーの教育にも使用されています。さぁ、楽しみながら一緒に勉強していきましょう♪ ●勉強 ●あとで読む ●html ●css ●web制作 ●コーディング ●学習 ●webデザイン ●プログラミング ●jquery

新人の方によく展開している有益な情報 - Qiita

● 1813 users ● qiita.com/kazuo_reve ● テクノロジー ●2021/05/01 新人の方によく展開させていただいている有益な情報をまとめておきます。今後も展開することがあるかもしれないため情報をまとめております。あらたな、有益な情報がありましたら、随時追加してまいります。有益な記事・論文・書籍等を執筆・紹介していただいた皆様に感謝申し上げます。ちなみに、本記事に記載されている情報は、お困りごと・お悩みごとをお聞きしたとき・気づいたときに、そのお困りごとに対して参考になりそうなものだけを展開していました。この情報を一気に展開していたわけではございません。コードリーディングについて [1]ソースコードを読むための技術 https://i.loveruby.net/ja/misc/readingcode.html [2]派生開発推進協議会関西部会スペックアウトチーム，﹁派生開発におけるスペックアウト手法の提案﹂，派生開発カンファレンス2015，2015 http ●学習 ●あとで読む ●仕事 ●教育 ●プログラミング ●情報 ●エンジニア ●qiita ●まとめ ●書籍

配色に迷ったらこれ！配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ﹁語彙力ない私にうってつけ﹂

● 1700 users ● togetter.com ● テクノロジー ●2021/07/14 リンク www.ncd-ri.co.jp イメージシステム | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所日本カラーデザイン研究所はオリジナルのカラーシステム﹁HUE&TONEシステム﹂やイメージ分析システム﹁イメージスケール﹂を開発、発展させてきました。 62 users かたおか＠LP専門Webデザイナー / 著者 @kataokadesign ﹁Webデザインを学び始めたばかりで配色がうまく決められない﹂という悩みがあるなら、日本カラーデザイン研究所のイメージスケールを活用すると良いでしょう。各キーワードに関連する配色が体系化されているので、配色で大失敗する可能性はひとまず減らすことができます。 ncd-ri.co.jp/about/image_sy… pic.twitter.com/QTfzBpQ2EL 2020-1 ●デザイン ●配色 ●あとで読む ●togetter ●color ●design ●色 ●webデザイン ●web ●システム

日本語フォントがGoogle Fontsに大量追加！すべてのフォントが商用利用も無料のフリーフォントです

● 1673 users ● coliss.com ● テクノロジー ●2021/08/30 フリーフォントが大好物な人に朗報です！ 🎉 先週、Google Fontsに日本語フォントが追加されたので、紹介します。これでさらに、たくさんの日本語フォントがGoogle Fontsで使用できます。新しく追加された日本語のGoogle Fonts 他にもたくさんある日本語のGoogle Fonts Google FontsのライセンスはほとんどがSIL Open Font Licenseで、商用プロジェクトでも無料で利用できます。他に採用されているライセンスはAPACHE LICENSE, VERSION 2.0です。フリーフォントが大好物な人には、下記もお勧めです！ 2021年用、日本語のフリーフォント523種類のまとめ -商用サイトだけでなく紙や同人誌などの利用も明記新しく追加された日本語のGoogle Fonts まずは、先週Google Fontsに新しく追加された日本語 ●フォント ●font ●google ●あとで読む ●日本語 ●フリー ●素材 ●webサービス ●フリーフォント ●デザイン

デザインに便利なツール18選｜かずたか

● 1657 users ● note.com/kazu55555 ● テクノロジー ●2019/10/23 Anycloud Inc.COO ex-SAGOJO Inc. COO マーケのコンサル→プログラミング独学して起業。プログラミング、データ分析、デジタルマーケディングなどが得意。学校講師、プロボクサーもたまに。 ●デザイン ●あとで読む ●ツール ●webデザイン ●便利 ●design ●参考 ●プログラミング ●web制作 ●css

クリエイティブコーディングの教科書

● 1649 users ● zenn.dev/baroqueengine ● テクノロジー ●2021/11/21 ゲームエンジンや3Dソフトウェアを利用して高度な表現ができるこの時代でも、プリミティブな描画や動き、アルゴリズムから学べることは多い。それらをJavaScriptで書くクリエイティブコーディングという形で学べる手引書が本書となる。 ●javascript ●あとで読む ●アルゴリズム ●プログラミング ●コーディング ●programming ●processing ●ゲーム ●canvas ●web制作

デジタル庁のサイトやばすぎるwww - Qiita

● 1487 users ● qiita.com/mu_tomoya ● 政治と経済 ●2023/06/11 はじめにみなさん、デジタル庁のサイトはご覧になったことはありますか？今話題のデジタル庁です。こちらが2023年6月現在のデジタル庁のサイトです。やばくないですかこれ？最初見たときこれ﹁やっばw﹂と思いました。これからこのサイトのやばさを語っていきたいと思います。洗練されたシンプルさ、そしてデザイン僕は最初見たときびっくりしました。﹁なんてシンプルで見やすいんだ！﹂官公庁のサイトですよ？官公庁のサイトといえば、細かい字がずらっと並んで見づらいイメージでしたが、デジタル庁のサイトはとことんシンプルさを追求して見やすくしてます。フォントもNoto Sans JPを使われててとても読みやすい。黒も #000 でなく見やすい色になっている。やばいですねこれ。そしてこのレイアウトを見たとき、余白のおかげでとても見やすいなと思いました。そこでChrome Dev Toolでレイアウトを見てみ ●デザイン ●あとで読む ●web ●技術 ●行政 ●design ●web制作 ●js ●デジタル庁 ●qiita

︻公式︼ぷよぷよeスポーツ×プログラミング

● 1460 users ● puyo.sega.jp ● アニメとゲーム ●2020/06/25 ぷよぷよプログラミングとはプログラミング学習環境﹃Monaca Education﹄において、セガが展開するアクションパズルゲーム﹃ぷよぷよ﹄をプログラミング学習できる教材です。製品版と同じ画像素材を利用して、世界中で使われるコンピュータ言語を使い、プロが使う開発環境で本物のプログラミングをお楽しみください。本コンテンツは無料でご利用いただけます。 ●プログラミング ●学習 ●programming ●あとで読む ●ゲーム ●ぷよぷよ ●game ●education ●javascript ●素材

The Deep Sea

● 1453 users ● neal.fun ● テクノロジー ●2019/12/07 At 332 meters, this is the deepest any human has ever scuba dived. Set by Ahmed Gabr in 2014. ●深海 ●生物 ●海 ●図鑑 ●あとで読む ●自然 ●科学 ●science ●これはすごい ●webデザイン

45歳プログラマーさん、警察庁とNTTとSMBCのソースコードを世界に無償公開してしまう

● 1451 users ● togetter.com ● 世の中 ●2021/01/29 プログラマー歴20年の艦これ提督が作ったプログラムを入れると年収を査定してくれるからと手持ちのプログラムを全て入れてしまい SMBCとNTTと警察庁、日銀、埼玉県庁で使っているソースコードGithubで世界中に公開してしまう ●セキュリティ ●togetter ●security ●あとで読む ●これはひどい ●twitter ●プログラマ ●炎上 ●仕事 ●エンジニア

調べて、整理して、発信するのが好き。﹁とほほのWWW入門﹂管理人が26年間も更新を止めない理由｜tayorini by LIFULL介護

● 1446 users ● kaigo.homes.co.jp ● 世の中 ●2022/12/12 調べて、整理して、発信するのが好き。﹁とほほのWWW入門﹂管理人が26年間も更新を止めない理由 #老後も楽しむ公開日 | 2022/12/12 更新日 | 2023/01/26 インターネットが世の中に急速に普及した、1990年代後半から2000年代前半ごろ。当時はまだ、ブログやSNSといった手軽な情報発信ツールが一般的ではありませんでした。そんな時代に情報発信をするにはWebサイトが必要で、Webサイトを制作するためには専用のHTML言語を習得する必要がありました。書籍だけでなくインターネットにもHTMLを学べるコンテンツはさまざまありましたが、中でももっとも多くの人が参照したであろうサイトが﹁とほほのWWW入門﹂。Webサイト制作に関する膨大な情報がきれいに整理されており、素人でも分かりやすくHTMLについて学習できる﹁先生﹂のような存在です。とほほのWWW入門は1996年に開 ●インターネット ●あとで読む ●web ●インタビュー ●人生 ●歴史 ●interview ●情報 ●ネット ●コンテンツ

プログラミングスクールに通わず、プログラミングを学ぶ方法

● 1426 users ● anond.hatelabo.jp ● テクノロジー ●2020/05/19 ﹁プログラミングスクールってどう思いますか﹂への、個人的な回答メモ。 LINEのウェブ制作系のオープンチャットで、﹁おすすめのプログラミングスクールはありますか？﹂﹁エンジニアに転職したいです。何からやればいいですか？﹂﹁おすすめの勉強方法を教えてください﹂など、プログラミング未経験の方によるこの質問から始まって、独学の方法についての意見交換が始まる展開を何度か見ている初心者なのに数十万かけてスクールに通おうとしている人が多かったのが意外だったので、個人的な考えを長文でまとめたものである。﹁リモート研修中にクビになった法政大の〜﹂という記事を見て、既視感があったので増田に貼る。昨今のコロナ以前に書いたので、コミュニティの利用方法は若干今の現実と即してないと思う。この文章は、ある程度の本音と持論を語るために、あえて冗長な長い文章の形式をとっている。なぜならば世間一般の﹁エン ●プログラミング ●学習 ●勉強 ●あとで読む ●エンジニア ●増田 ●programming ●書籍 ●文章 ●考え方

令和のHTML / CSS / JavaScriptの書き方50選

● 1284 users ● zenn.dev/necscat ● テクノロジー ●2024/05/13 Web制作の技術は日々進化しており、会社やプロジェクトによっては昨今の環境に適さない書き方をしているケースも時折見受けられます。そこで今回は﹁2024年のWeb制作ではこのようにコードを書いてほしい！﹂という内容をまとめました。質より量で、まずは﹁こんな書き方があるんだ﹂をこの記事で伝えたかったので、コードの詳細はあまり解説していません。なので、具体的な仕様などを確認したい方は参考記事を読んだりご自身で調べていただけると幸いです。 1. HTML 画像周りはサイトパフォーマンスに直結するので、まずはそこだけでも取り入れていただきたいです。また、コアウェブバイタルやアクセシビリティも併せて理解しておきたい内容です。 Lazy loading <img>にloading="lazy"属性を付けると画像が遅延読み込みになり、サイトの読み込み時間が早くなります。 ●css ●html ●あとで読む ●javascript ●web ●web制作 ●webデザイン ●まとめ ●プログラミング ●js

︻新卒研修資料︼基礎統計学 / Basic of statistics

● 1237 users ● speakerdeck.com/brainpadpr ● 政治と経済 ●2023/09/15 株式会社ブレインパッドの2023年新卒研修資料です。基礎統計学について扱っています。 ●統計 ●あとで読む ●資料 ●統計学 ●機械学習 ●データ ●statistics ●研修 ●教育 ●学習

ハーバード大学のコンピューターサイエンスの講義︵日本語版︶が無料公開されている件﹁聞き取りやすいから英語も勉強できる﹂

● 1227 users ● togetter.com ● テクノロジー ●2023/01/01 QDくん⚡️Python x 機械学習x金融工学 @developer_quant 東工大が無料公開しているPython解説サイト chokkan.github.io/python/index.h… 初心者の目線に合わせた丁寧な説明で、かゆいところに手が届く教材。基本的な文法、データ構造、ファイル入出力やオブジェクト指向、NumpyとMatplotlibの使い方などをひと通り学べる。 pic.twitter.com/XyBBslyeBa 2022-10-08 22:01:21 🎍QDくん🎍Python x 機械学習x金融工学 @developer_quant 東工大が無料公開しているPython解説サイト chokkan.github.io/python/index.h… 初心者の目線に合わせた丁寧な説明で、かゆいところに手が届く教材。基本的な文法、データ構造、ファイル入出 ●勉強 ●あとで読む ●アルゴリズム ●プログラミング ●学習 ●英語 ●大学 ●サイエンス ●コンピュータ ●programming

これだけは押さえよう！住所フォームの作り方 - ケンオールブログ

● 1224 users ● blog.kenall.jp ● テクノロジー ●2022/02/28 まとめ住所フォームの作り方住所フォームを作るときには以下の4つを押さえましょう。オートコンプリート機能に最適化する郵便番号フィールドは1フィールドにしてハイフン有無どちらも対応するモバイルUX優先なら郵便番号が入力されたら即座に補完。精度優先なら郵便番号補完ボタンを設置住所フィールドは﹁都道府県﹂﹁市区町村﹂﹁町名以下﹂の3フィールドが基本。﹁建物﹂フィールドはオプション本文地域SNSのユーザー登録、ECサイトの配送先入力、資料請求、自治体サイトでの電子申請など、ウェブサービスを活用する上で住所入力は欠かすことができません。住所入力をシンプルかつ正確に行えるような入力インタフェース︵住所フォーム︶は、離脱率を減らし、コンバージョン率を向上させる上で重要です。郵便番号を入力すると対応する住所を自動入力する機能︵郵便番号による住所補完︶は、住所フォームの改善方法として最も効 ●ui ●UX ●あとで読む ●html ●web制作 ●フォーム ●form ●開発 ●住所 ●design

ちいさな Web ブラウザを作ってみよう

● 1218 users ● browserbook.shift-js.info ● テクノロジー ●2021/07/18 ●ブラウザ ●あとで読む ●web ●browser ●プログラミング ●セキュリティ ●rust ●programming ●開発 ●学習

﹃医師が勧める﹁ネガティブな考え方を止める方法﹂　マイナス思考な作者が楽になれた実体験漫画に反響﹄へのコメント

● 1204 users ● b.hatena.ne.jp ● 学び ●2020/09/15 <blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4691399354969426082/comment/jacoby" data-user-id="jacoby" data-entry-url="https://b.hatena.ne.jp/entry/s/nlab.itmedia.co.jp/nl/articles/2009/14/news016.html" data-original-href="https://nlab.itmedia.co.jp/nl/articles/2009/14/news016.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/ ●認知行動療法 ●あとで読む ●心理 ●メンタルヘルス ●資料 ●医療 ●youtube ●学習 ●健康 ●メンタル

非デザイナーの僕が﹁デザインぽい﹂ことをする時に使う便利ツール17個｜苦しんでプログラミングを学んだ柴犬︵くるしば︶

● 1192 users ● note.com/shiba_program ● テクノロジー ●2023/02/24 ※こちらの記事がはてブの総合人気エントリに入りました！こんにちは。くるしばです。元々コンサルタントの仕事をしていましたが、独学でプログラミングを学習し、Webサービスを作って起業しました。その後個人で開発したサービスを売却したり、また別のIT系の会社を創業したりしています。去年の8月から下記のTwitterにてプログラミング学習に関して発信し始め、ありがたいことに8000人の方々にフォローして頂きました。プログラミング初心者に絶対覚えてほしい、ググる時の効率が10倍上がるコツ pic.twitter.com/hK1ZhNavwh — 苦しんでプログラミングを学んだ柴犬︵くるしば︶ (@shiba_program) September 13, 2022 僕は普段はいわゆるPMやエンジニアとして仕事をすることが多いのですが、業務でも個人プロジェクトを作っている時でも﹁最低限の見栄え ●デザイン ●あとで読む ●ツール ●design ●プログラミング ●webデザイン ●webサービス ●web制作 ●配色 ●仕事

山上徹也容疑者と思われるアカウントのツイート集

● 1154 users ● togetter.com ● 世の中 ●2022/07/17 山上容疑者　SNSに旧統一教会への恨み投稿か﹁オレが憎むのは統一教会だけ。安倍政権に何があっても…﹂― スポニチ Sponichi Annex 社会 https://www.sponichi.co.jp/society/news/2022/07/17/kiji/20220717s00042000453000c.html ●宗教 ●人生 ●事件 ●社会 ●あとで読む ●twitter ●SNS ●togetter ●カルト ●統一教会

ブラウザレンダリングの仕組み

● 1143 users ● zenn.dev/ak ● テクノロジー ●2021/05/06 フロントエンド用語を100秒で解説するチャンネルを作りました！よかったらチェックしてみてください！はじめに以前書いた記事﹁Webページがブラウザに表示されるまでに何が起こるのか？﹂でブラウザレンダリングについて詳細に知りたいという意見をいただいたので、調べてまとめてみました。全体図レンダリングの大まかな流れです。 HTMLのダウンロードサーバから送られてきたHTMLをダウンロードします。 HTMLの解析サーバから送られてきたHTMLファイルは、﹁0﹂と﹁1﹂でできたデータになっています。ブラウザは、サーバから受け取ったデータをそのままHTMLとして解釈することはできないので、自分で扱うことができる形、つまりDOMに変換する必要があります。この作業を解析 ( Parse ) と言います。 HTMLをダウンロードしたら、すぐにこの解析作業に入ります。作業は以下のようなステッ ●ブラウザ ●あとで読む ●html ●browser ●web ●プログラミング ●DOM ●フロントエンド ●javascript ●コード

Webページ高速化に必須の知識！ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説

● 1131 users ● coliss.com ● テクノロジー ●2020/11/12 ブラウザがWebページをどのようにレンダリングしているか、図を用いてやさしく解説した記事を紹介します。レンダリングの仕組みを理解することで、HTMLやCSSやJavaScriptなど実装時にも気をつける点があります。 How the browser renders a web page by James Starkie 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめに 1. HTMLの解析︵パース︶を開始する 2. 外部リソースを取得する 3. CSSを解析し、CSSOMを構築する 4. JavaScriptを実行する 5. DOMとCSSOMをマージしてレンダリングツリーを構築する 6. レイアウトとペイントを計算するはじめに私の考えとしては、高速で信頼性の高いWebサイトを構築するには、実装中に各ステップを最適 ●ブラウザ ●あとで読む ●html ●web ●css ●javascript ●web制作 ●高速化 ●browser ●知識

リクルートテクノロジーズ　エンジニアコース新人研修の内容を公開します！︵2020年度版︶ | Recruit Tech Blog

● 1090 users ● blog.recruit.co.jp ● テクノロジー ●2020/08/21 こんにちは！リクルートテクノロジーズでセキュリティエンジニアとして活動している、藤原巧です。毎年恒例となっており、大きな反響をいただいている、エンジニアコースの新人研修の内容を紹介させていただきます。研修の概要リクルートテクノロジーズでは、新卒採用の新人向けに3ヶ月間の技術研修を行っています。この技術研修では大きく分けて2つのコースが設けられています。 1. プログラミングやWebサービスの構造の基礎を体系的に学び、その後一人につき、ひとつのスマホサイトを企画からリリースまで行うコース 2. 一定以上のプログラミングスキルと開発系経験がある新人に向けた、実際の開発で必要となる様々な技術要素をより深く学び、その後実際のサービスでチーム開発にてOJTを行うコース今回公開するのは 2. で使用した資料です。この技術研修は、そのほとんどの部分を内製で実施しています。この研修の最大の ●エンジニア ●あとで読む ●研修 ●技術 ●プログラミング ●開発 ●engineer ●教育 ●programming ●学習

ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました

● 1089 users ● zenn.dev/ttskch ● テクノロジー ●2021/06/05 この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事で使い方など詳しくご紹介していますので、ぜひご参照ください！はじめに言い切りタイトルすみません僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかなと思います結論から僕が考える現時点でのWebアプリでの帳票印刷のベストプラクティスは、 Adobe XD や Figma で帳票のレイアウトをデザイン ●帳票 ●あとで読む ●web ●svg ●pdf ●技術 ●プログラミング ●アプリ ●印刷 ●print

ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io

● 1028 users ● blog.jxck.io ● テクノロジー ●2023/11/06 Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。﹁ブラウザでキャッシュがヒットしない﹂以下は、 Web における Caching の FAQ だ。サーバで Cache-Control を付与したのにキャッシュがヒットしないサーバで ETag を付与したのに If-None-Match が送られないサーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない先日も、筆者が書いた MDN の Cache セクションで﹁記述が間違っているのでは?﹂と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont ●ブラウザ ●あとで読む ●cache ●browser ●開発 ●キャッシュ ●http ●chrome ●web ●web制作

デザインシステム｜デジタル庁

● 997 users ● www.digital.go.jp ● テクノロジー ●2022/11/11 デジタル庁サービスデザインユニットでは、一貫したデザインや操作性でウェブサイトやアプリを提供するための仕組み﹁デザインシステム﹂の構築に取り組んでいます。どなたでも構築中のデザインシステムのデザインデータを閲覧することができます。更新情報2023年12月26日 [バージョン1.4.1]スタイルやコンポーネントの修正・更新を行いました 2023年10月18日 [バージョン1.4.0]スタイルやコンポーネントの追加・修正・更新を行いました 2023年8月31日 [バージョン1.3.4]スタイルやコンポーネントの修正・更新を行いました 2023年7月31日 [バージョン1.3.3]新規コンポーネントを追加、スタイルやアセットなどについて修正と更新を行いました 2023年6月29日 [バージョン1.3.2]コンポーネントを追加、テンプレートやガイドラインの一部修正と更新を行いました 2023年6 ●デザイン ●あとで読む ●design ●システム ●デザインシステム ●webデザイン ●Figma ●テンプレート ●デジタル庁 ●ui

Smoozサービス終了に寄せて

● 994 users ● gist.github.com/mala ● テクノロジー ●2020/12/23 202012_smooz.md Smoozサービス終了に寄せて前置きこの文章と、それに含まれる考察や各サービスへの脆弱性報告などはmala個人の活動であり、所属している企業とは関係ありません。一方で私は、企業が閲覧履歴を収集して何をしたいのか、所属してる企業や他社事例について、ある程度詳しい当事者でもあります。一般論として書けることは書けるが、(業務上知り得た知識で開示されてないものなど)個別具体的なことは書けないこともあり、また観測範囲に偏りがある可能性もあります。 Smoozに報告した脆弱性2件最近、Smoozというスマホ向けのブラウザアプリに2件脆弱性の報告をした。この記事を書いている時点で、Smoozの配布が停止されていて、修正バージョンの入手が出来ない。2件目についてはまだ返事が来ていない。脆弱性情報の開示にあたって特段の許可は得ていないが、開発元からも利用停止す ●セキュリティ ●security ●あとで読む ●browser ●サービス ●web ●privacy ●ブラウザ ●Smooz ●プライバシー

﹁SEOに強いHTMLの書き方﹂についての個人的な見解

● 991 users ● zenn.dev/tak_dcxi ● テクノロジー ●2021/02/05 ﹁SEO に強い HTML の書き方﹂というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが﹁参考になった﹂などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。元ツイの概要は次の通り。 body > main > article > sectionに h1は1ページに1つ︵要キーワード︶見出しタグは毎度 section で囲むヘッダーメニューは nav で囲む画像に適切な alt を設定する title / description を書く階層を意識して書く div はあまり使わない画像はpで囲むこの記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の ●seo ●html ●あとで読む ●web制作 ●web ●技術 ●コンテンツ ●webデザイン ●マークアップ ●検索エンジン最適化

Web制作の常識が変わる、便利な最新オンラインツール48個まとめ

● 988 users ● photoshopvip.net ● テクノロジー ●2020/06/26 この記事では、Webデザインやグラフィックデザインの制作スピードを短縮し、生産性をアップする、便利な最新オンラインツールをまとめてご紹介します。﹁もっと早く知りたかった﹂と思わせる、面倒な作業をサクサクこなす時短ツールが勢揃いです。カテゴリごとに整理しているので、目的にあったお気に入りツールを探してみましょう。コンテンツ目次 1. Web制作便利ツール 2. デザインコレクション 3. イラスト系ライブラリ 4. 配色ツール 5. プロトタイプツール 6. コラボ、リモートワークツール 7. 面白、クリエイティブツール Web制作の常識が変わる、便利な最新オンラインツールまとめ Web制作便利ツール The Hero Generator ウェブサイトの魅力的なヒーローイメージを作成できるオンラインツール。グラデーションオーバーレイやボタンスタイル、見出しタイトルの余白など細かい部分も手 ●ツール ●あとで読む ●web ●webデザイン ●web制作 ●便利 ●配色 ●デザイン ●css ●ライブラリ

Webデザインの有料学習サイトが無料化　IllustratorやPhotoshop入門などが見放題

● 977 users ● www.itmedia.co.jp ● テクノロジー ●2022/06/14 chot.design上のコンテンツは、実際にWeb／IT企業で働いている現役のクリエイターが制作したものという。ちょっと社代表の小島芳樹さんは自身のTwitterアカウントで﹁変なオンラインサロン入る前にここで勉強してみてください！﹂とアピールしている。無料公開を決めたのは同サービスの運営から手を引くため。現在は全レッスンの無料公開と共に、有料サービスの利用者に対して返金対応を行っている。ちょっと社が取り組んでいたデザインやフロントエンド開発の受託事業が急激に成長した影響で、chot.designに手が回らない状況が続いた。今後はサブスク型プログラミングスクールを提供するDonbler︵東京都渋谷区︶が事業を継承するとしている。関連記事穴埋め問題を簡単に作れるWebサイト、﹁試験勉強に役立つ﹂と話題に　教育系IT企業のCTOが作成マウスやタッチ操作で直観的に穴埋め問題を作成でき ●デザイン ●あとで読む ●学習 ●photoshop ●illustrator ●web ●webデザイン ●勉強 ●プログラミング ●design

︻保存版︼勝手に決めよう！全国47都道府県を代表するお土産はこれだ！ - ぐるなびみんなのごはん

● 977 users ● r.gnavi.co.jp ● 暮らし ●2020/07/29 こんにちは。ヨッピーです。ちょっとこの、美味そうな物体を見てください。これ、アップルパイなんですけど、中にリンゴが丸ごと一個ゴロンって入ってるんですよ。そんでまあ、汚い顔したオッサンが食べるじゃないですか。優勝！！！！！はい。今日は一日中こんな感じの事をやります。僕は仕事柄日本全国あちこちに行くのですが、その時にいつも﹁お土産、何を買えば良いんだ……？﹂ってなるんですよね。だって、どういうお土産が美味しくて人気があるのか、現地に住んでないからわかんないじゃないですか。そういう選択肢を知ってる方がお土産を選ぶ時も絶対楽しい！そこで、47都道府県で人気のあるお土産を探るべくこういう記事を書いたところ、全国津々浦々から死ぬほどご意見を頂戴いたしました。はてなブックマーク、ブログのコメント欄、LINE@の返信、Twitter、FBでのコメントなどなど合計1,000件以上！﹁〇〇 ●お土産 ●食 ●旅行 ●あとで読む ●観光 ●ヨッピー ●travel ●food ●地方 ●ネタ

HTML5のLocal Storageを使ってはいけない︵翻訳︶｜TechRacho by BPS株式会社

● 937 users ● techracho.bpsinc.jp ● テクノロジー ●2019/10/09 概要原著者の許諾を得て翻訳・公開いたします。英語記事: Randall Degges - Please Stop Using Local Storage 原文公開日: 2018/01/26 著者: Randall Degges 日本語タイトルは内容に即したものにしました。画像は元記事からの引用です。初版公開: 2019/10/19 追記更新: 2024/04/05 -- リンク情報を記事末尾に移動しました本気で申し上げます。local storageを使わないでください。 local storageにセッション情報を保存する開発者がこれほど多い理由について、私にはさっぱり見当がつきません。しかしどんな理由であれ、その手法は地上から消えてなくなってもらう必要がありますが、明らかに手に負えなくなりつつあります。私は毎日のように、重要なユーザー情報をlocal storageに保存す ●javascript ●セキュリティ ●localstorage ●security ●あとで読む ●ブラウザ ●HTML ●HTML5 ●JWT ●web

いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか？を運用に生かす｜ハイクラス転職・求人情報サイト AMBI︵アンビ︶

● 906 users ● employment.en-japan.com ● テクノロジー ●2019/10/17 いま知っておきたいLinux─WebアプリがOSのプロセスとしてどのように見えるか？を運用に生かす Webアプリを動かして負荷をかけると、OSのプロセスという観点ではどのように見えるのでしょう？それを通して運用やトラブルシューティングではどういったことが分かるのでしょう？ Linuxカーネルの開発者でもある武内覚︵sat︶さんによる解説です。こんにちは、sat︵@satoru_takeuchi︶と申します。コンピュータが誕生してから現在まで、最終的にエンドユーザが意識するアプリケーション開発はどんどん楽になっています。先人たちのたゆまぬ努力の結果、アプリ開発者はOSや、そのさらに下にあるハードウェアのことをほとんど意識することなく開発ができるようになりました。しかし、﹁作ったアプリが、OSレベルでどのように動いているか？﹂が今一つピンと来なくて、モヤモヤしていないでしょうか。それ ●linux ●あとで読む ●web ●CPU ●サーバ ●アプリ ●OS ●go ●運用 ●プログラム

1 2 3 4 5 6 7 8 9 10

検索対象

並び順

ブックマーク数

セーフサーチ

期間指定

絞り込み

検索対象

ブックマーク数

期間

セーフサーチ

HTMLの検索結果1 - 40 件 / 5637件

HTMLの関連エントリー

HTMLの関連エントリー

新着記事

キーボードショートカット一覧

公式Twitter

はてなのサービス