(Translated by https://www.hiragana.jp/)
CSSの人気記事 4688件 - はてなブックマーク

検索けんさく対象たいしょう

ならじゅん

ブックマークすう

期間きかん指定してい

  • から
  • まで

1 - 40 けん / 4688けん

CSSの検索けんさく結果けっか1 - 40 けん / 4688けん

CSSかんするエントリは4688けんあります。 webプログラミングweb制作せいさく などが関連かんれんタグです。 人気にんきエントリには 『コグニカル』などがあります。
  • コグニカル

    コグニカルは、りない知識ちしきげて理解りかいする学習がくしゅうサイトです。

    • 台本だいほん11さつ入手にゅうしゅ 五輪ごりん開会かいかいしき崩壊ほうかい” ぜん内幕うちまく けい1199ページにすべての変遷へんせんが | 週刊文春しゅうかんぶんしゅん 電子でんしばん

      演出えんしゅつ責任せきにんしゃ相次あいつ交代こうたいなど迷走めいそうかさねた五輪ごりん開会かいかいしき今回こんかい入手にゅうしゅした11さつにもおよ台本だいほんには、その過程かていつまびらかにしるされていた。なぜ、どのようにして、開会かいかいしきは“崩壊ほうかい”していったのか。しょうだけがけるぜん内幕うちまく――。 そのセレモニーは、しん国立こくりつ競技きょうぎじょうに1だいのバイクが颯爽さっそうはしってくるシーンからまくけるはずだった。大友おおとも克洋かつひろ漫画まんが『AKIRA』の主人公しゅじんこう愛車あいしゃあかいバイクだ。会場かいじょううつされるカウントダウンの数字すうじ。ゼロになると、中央ちゅうおうのドームがひらき、ステージに3にん女性じょせい姿すがたせる。Perfumeだ。会場かいじょうには、彼女かのじょたちをプロデュースする中田なかたヤスタカろし楽曲がっきょくながれている。 Perfumeの出演しゅつえんまぼろしわった 精魂せいこんめてつくげた210分間ふんかんのステージが、ぜん世界せかい人々ひとびととりこにし、アスリートたちの背中せなかしていく。演出えんしゅつ振付ふりつけ・MIKIKO彼女かのじょひきいてきたチームにとって、東京とうきょう五輪ごりん開会かいかいしきはそんな舞台ぶたいとなるに

        台本11冊を入手 五輪開会式“崩壊” 全内幕 計1199ページにすべての変遷が | 週刊文春 電子版
      • ワンランクじょう勉強べんきょうほう (https://web.archive.org/web/20130629035806/http://www.geocities.jp/nagare_basi/study/stdy_mokuji.html)

        • 2021ねんのエンジニア新人しんじん研修けんしゅう講義こうぎ資料しりょう公開こうかいしました - Cybozu Inside Out | サイボウズエンジニアのブログ

          こんにちは。開発かいはつ本部ほんぶ オンボーディングチームの酒井さかい(@sakay_y)です。社内しゃないのオンボーディングコンテンツを、どんどん社外しゃがい公開こうかいすることを夢見ゆめみています。 2021ねんもエンジニア新人しんじん研修けんしゅうおこないましたので、かる紹介しょうかいと、講義こうぎ資料しりょうおよび一部いちぶ講義こうぎ動画どうが(New!)を公開こうかいいたします。 2021ねんのエンジニア研修けんしゅうについて 講義こうぎ資料しりょう公開こうかい Webアプリケーション基礎きそ HTTP/DNS ソフトウェアライセンス ソフトウェアテスト テスト自動じどう アクセシビリティ Docker Chrome Developer Toolsの使つかかた サイボウズのアジャイル・クオリティ デザインの役割やくわりかかわりかた データベース CI/CD セキュリティ モブにはやれたいひとのためのガイド ITコミュニティ文化ぶんか情報じょうほう発信はっしん共通きょうつうする成長せいちょう貢献こうけん要素ようそ 正規せいき表現ひょうげん Kubernetesを使つかった開発かいはつ入門にゅうもん モニタリング入門にゅうもん gRPC入門にゅうもん 日本語にほんごばなし

            2021年のエンジニア新人研修の講義資料を公開しました - Cybozu Inside Out | サイボウズエンジニアのブログ
          • CS50 for Japanese: コンピュータサイエンスの入門にゅうもんとうウェブサイトは、Creative Commons ライセンスにもとづいて管理かんりされています。

            らせ: 2022/9/1 CS50 を活用かつようした営利えいり協賛きょうさん企業きぎょうによる「コロナ学生がくせい支援しえん」プロジェクトを実施じっしちゅう学生がくせいほうへ:CS50 の学習がくしゅう履修りしゅう証明しょうめいしょ取得しゅとく)を一緒いっしょむプロジェクト CS50日本語にほんごばん翻訳ほんやくコントリビューターである CODEGYM が主催しゅさいする、営利えいり無償むしょうのプロジェクト「CODEGYM Academy (外部がいぶリンク)」は、昨年さくねんつづき2022年度ねんどはる/あき)も、キャリア選択せんたくひかえた学生がくせいたいし、以下いか企業きぎょう協賛きょうさんにより無償むしょうで17週間しゅうかんのプログラミング教育きょういくカリキュラムを提供ていきょうします。 CODEGYM Academy 協賛きょうさん企業きぎょう(2022ねん) https://codegym.jp/academy/ 今年度こんねんどのエントリーはりました — ようこそ! このページは、ハーバード大学だいがく CS50 の日本語にほんごばん翻訳ほんやくプロジェクトのページです。とうサイトのドメインに掲載けいさいされているコンテンツは、Cre

            • どうしてHTML5が廃止はいしされたのか | フューチャー技術ぎじゅつブログ

              フロントエンド連載れんさいの5記事きじです。 HTML5が2021ねんの1がつ廃止はいしされました。 Webエンジニアとしてバリバリ活躍かつやくされてるほうやエグゼクティブテックリードのような肩書かたがきをほうにとっては「なにをいまさら」という話題わだいかとおもいます。 しかしながら、今年ことし新人しんじんさんはいってきてくださったので、プログラミングを学習がくしゅうちゅうにHTML5という文字もじれつなやまされないように、そもそもHTML5とはなにかや、廃止はいしされた経緯けいいをまとめてみます。 HTML5とはWebサイトをつくるときにかならくことになるHTML。Webサイトのコンテンツ、つまり中身なかみ構造こうぞうつくるために使つかうマークアップ言語げんごです。 そして、その最近さいきんばんとして10ねんほどまえ登場とうじょうしたHTML5。当時とうじは Webニュースなどでさかんに特集とくしゅうまれていましたが、このHTML5がついこないだ、2021ねん1がつ28にち廃止はいしされました。 広義こうぎのHTML5 / 狭義きょうぎのHTML5HTML5

                どうしてHTML5が廃止されたのか | フューチャー技術ブログ
              • 無料むりょうコーディング練習れんしゅうしょ | 経験けいけんからWebデザイナーへ!【2024年版ねんばん

                無料むりょうコーディング練習れんしゅうしょ』では、完全かんぜん無料むりょうのコーディング教材きょうざい提供ていきょうしています。 入門にゅうもんへんから上級じょうきゅうへんまで6サイトをコーディングすることで、 HTML・CSS・jQueryの基礎きそスキルがしっかりにつくカリキュラムになっています。 デザインカンプと完成かんせいばんコーディングデータきです。 この教材きょうざい制作せいさく会社かいしゃ新人しんじんコーダーの教育きょういくにも使用しようされています。 さぁ、たのしみながら一緒いっしょ勉強べんきょうしていきましょう♪

                  無料コーディング練習所 | 未経験からWebデザイナーへ!【2024年版】
                • 新人しんじんほうによく展開てんかいしている有益ゆうえき情報じょうほう - Qiita

                  Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 新人しんじんほうによく展開てんかいさせていただいている有益ゆうえき情報じょうほうをまとめておきます。今後こんご展開てんかいすることがあるかもしれないため情報じょうほうをまとめております。 あらたな、有益ゆうえき情報じょうほうがありましたら、随時ずいじ追加ついかしてまいります。 有益ゆうえき記事きじ論文ろんぶん書籍しょせきとう執筆しっぴつ紹介しょうかいしていただいた皆様みなさま感謝かんしゃもうげます。 ちなみに、ほん記事きじ記載きさいされている情報じょうほうは、おこまりごと・おなやみごとをおきしたとき・づいたときに、そのおこまりごとにたいして参考さんこうになりそうなものだけを展開てんかいしていました。この情報じょうほう一気いっき展開てんかいしていたわけではございません。 コードリーディングについて [1]ソースコードをむため

                    新人の方によく展開している有益な情報 - Qiita
                  • 配色はいしょくまよったらこれ!配色はいしょくイメージを言語げんごして論理ろんりてきつたえられるスケールがめちゃくちゃやくつ「語彙ごいりょくないわたしにうってつけ」

                    リンク 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-12-

                      配色に迷ったらこれ!配色イメージを言語化して論理的に伝えられるスケールがめちゃくちゃ役に立つ「語彙力ない私にうってつけ」
                    • 日本語にほんごフォントがGoogle Fontsに大量たいりょう追加ついか!すべてのフォントが商用しょうよう利用りよう無料むりょうのフリーフォントです

                      フリーフォントがだい好物こうぶつひと朗報ろうほうです! 🎉 先週せんしゅう、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にあたらしく追加ついかされた日本語にほんご

                        日本語フォントがGoogle Fontsに大量追加!すべてのフォントが商用利用も無料のフリーフォントです
                      • クリエイティブコーディングの教科書きょうかしょ

                        ゲームエンジンや3Dソフトウェアを利用りようして高度こうど表現ひょうげんができるこの時代じだいでも、プリミティブな描画びょうがうごき、アルゴリズムからまなべることはおおい。それらをJavaScriptでくクリエイティブコーディングというかたちまなべる手引てびきしょ本書ほんしょとなる。

                          クリエイティブコーディングの教科書
                        • デジタルちょうのサイトやばすぎるwww - Qiita

                          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに みなさん、デジタルちょうのサイトはごらんになったことはありますか?こん話題わだいのデジタルちょうです。 こちらが2023ねん6がつ現在げんざいのデジタルちょうのサイトです。やばくないですかこれ?最初さいしょたときこれ「やっばw」とおもいました。これからこのサイトのやばさをかたっていきたいとおもいます。 洗練せんれんされたシンプルさ、そしてデザイン ぼく最初さいしょたときびっくりしました。「なんてシンプルでやすいんだ!」官公庁かんこうちょうのサイトですよ?官公庁かんこうちょうのサイトといえば、こまかいがずらっとならんでづらいイメージでしたが、デジタルちょうのサイトはとことんシンプルさを追求ついきゅうしてやすくしてます。フォン

                            デジタル庁のサイトやばすぎるwww - Qiita
                          • 45さいプログラマーさん、警察庁けいさつちょうとNTTとSMBCのソースコードを世界せかい無償むしょう公開こうかいしてしまう

                            プログラマーれき20ねんかんこれ提督ていとくつくったプログラムをれると年収ねんしゅう査定さていしてくれるからと 手持てもちのプログラムをすべれてしまい SMBCとNTTと警察庁けいさつちょう日銀にちぎん埼玉さいたま県庁けんちょう使つかっているソースコードGithubで世界中せかいじゅう公開こうかいしてしまう

                              45歳プログラマーさん、警察庁とNTTとSMBCのソースコードを世界に無償公開してしまう
                            • 調しらべて、整理せいりして、発信はっしんするのがき。「とほほのWWW入門にゅうもん管理人かんりにんが26年間ねんかん更新こうしんめない理由りゆう|tayorini by LIFULL介護かいご

                              調しらべて、整理せいりして、発信はっしんするのがき。「とほほのWWW入門にゅうもん管理人かんりにんが26年間ねんかん更新こうしんめない理由りゆう #老後ろうごたのしむ 公開こうかい | 2022/12/12 更新こうしん | 2025/02/18 インターネットがなか急速きゅうそく普及ふきゅうした、1990年代ねんだい後半こうはんから2000年代ねんだい前半ぜんはんごろ。当時とうじはまだ、ブログやSNSといった手軽てがる情報じょうほう発信はっしんツールが一般いっぱんてきではありませんでした。 そんな時代じだい情報じょうほう発信はっしんをするにはWebサイトが必要ひつようで、Webサイトを制作せいさくするためには専用せんようのHTML言語げんご習得しゅうとくする必要ひつようがありました。 書籍しょせきだけでなくインターネットにもHTMLをまなべるコンテンツはさまざまありましたが、なかでももっともおおくのひと参照さんしょうしたであろうサイトが「とほほのWWW入門にゅうもん」。Webサイト制作せいさくかんする膨大ぼうだい情報じょうほうがきれいに整理せいりされており、素人しろうとでもかりやすくHTMLについて学習がくしゅうできる「先生せんせい」のような存在そんざいです。 とほほのWWW入門にゅうもんは1996ねんひらけ

                                調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由|tayorini by LIFULL介護
                              • れいのHTML / CSS / JavaScriptのかた50せん

                                Web制作せいさく技術ぎじゅつ日々ひび進化しんかしており、会社かいしゃやプロジェクトによっては昨今さっこん環境かんきょうてきさないかたをしているケースも時折ときおり見受みうけられます。 そこで今回こんかいは「2024ねんのWeb制作せいさくではこのようにコードをいてほしい!」という内容ないようをまとめました。 しつよりりょうで、まずは「こんなかたがあるんだ」をこの記事きじつたえたかったので、コードの詳細しょうさいはあまり解説かいせつしていません。なので、具体ぐたいてき仕様しようなどを確認かくにんしたいほう参考さんこう記事きじんだりご自身じしん調しらべていただけるとさいわいです。 1. HTML 画像がぞうまわりはサイトパフォーマンスに直結ちょっけつするので、まずはそこだけでもれていただきたいです。また、コアウェブバイタルやアクセシビリティもあわせて理解りかいしておきたい内容ないようです。 Lazy loading <img>にloading="lazy"属性ぞくせいけると画像がぞう遅延ちえんみになり、サイトの時間じかんはやくなります。

                                  令和のHTML / CSS / JavaScriptの書き方50選
                                • 新卒しんそつ研修けんしゅう資料しりょう基礎きそ統計とうけいがく / Basic of statistics

                                  株式会社かぶしきがいしゃブレインパッドの2023ねん新卒しんそつ研修けんしゅう資料しりょうです。基礎きそ統計とうけいがくについてあつかっています。

                                    【新卒研修資料】基礎統計学 / Basic of statistics
                                  • ちいさな Web ブラウザをつくってみよう

                                      ちいさな Web ブラウザを作ってみよう
                                    • ハーバード大学だいがくのコンピューターサイエンスの講義こうぎ日本語にほんごばん)が無料むりょう公開こうかいされているけん「ききとりやすいから英語えいご勉強べんきょうできる」

                                      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くん⚡️AI関連かんれん無料むりょう教材きょうざい紹介しょうかい @developer_quant 東工大とうこうだい無料むりょう公開こうかいしているPython解説かいせつサイト chokkan.github.io/python/index.h… 初心者しょしんしゃ目線めせんわせた丁寧ていねい説明せつめいで、かゆいところにとど教材きょうざい基本きほんてき文法ぶんぽう、データ構造こうぞう、ファイル入出力にゅうしゅつりょくやオブジェクト指向しこう

                                        ハーバード大学のコンピューターサイエンスの講義(日本語版)が無料公開されている件「聞き取りやすいから英語も勉強できる」
                                      • これだけはさえよう!住所じゅうしょフォームのつくかた - ケンオールブログ

                                        まとめ 住所じゅうしょフォームのつくかた 住所じゅうしょフォームをつくるときには以下いかの4つをさえましょう。 オートコンプリート機能きのう最適さいてきする 郵便ゆうびん番号ばんごうフィールドは1フィールドにしてハイフン有無うむどちらも対応たいおうする モバイルUX優先ゆうせんなら郵便ゆうびん番号ばんごう入力にゅうりょくされたら即座そくざ補完ほかん精度せいど優先ゆうせんなら郵便ゆうびん番号ばんごう補完ほかんボタンを設置せっち 住所じゅうしょフィールドは「都道府県とどうふけん」「市区しく町村ちょうそん」「町名ちょうめい以下いか」の3フィールドが基本きほん。「建物たてもの」フィールドはオプション 本文ほんぶん 地域ちいきSNSのユーザー登録とうろく、ECサイトの配送はいそうさき入力にゅうりょく資料しりょう請求せいきゅう自治体じちたいサイトでの電子でんし申請しんせいなど、ウェブサービスを活用かつようするじょう住所じゅうしょ入力にゅうりょくかすことができません。 住所じゅうしょ入力にゅうりょくをシンプルかつ正確せいかくおこなえるような入力にゅうりょくインタフェース(住所じゅうしょフォーム)は、離脱りだつりつらし、コンバージョンりつ向上こうじょうさせるじょう重要じゅうようです。 郵便ゆうびん番号ばんごう入力にゅうりょくすると対応たいおうする住所じゅうしょ自動じどう入力にゅうりょくする機能きのう郵便ゆうびん番号ばんごうによる住所じゅうしょ補完ほかん)は、住所じゅうしょフォームの改善かいぜん方法ほうほうとしてもっとこう

                                          これだけは押さえよう!住所フォームの作り方 - ケンオールブログ
                                        • 医師いしすすめる「ネガティブなかんがかためる方法ほうほう」 マイナス思考しこう作者さくしゃらくになれた実体験じつたいけん漫画まんが反響はんきょう』へのコメント

                                          <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/

                                            『医師が勧める「ネガティブな考え方を止める方法」 マイナス思考な作者が楽になれた実体験漫画に反響』へのコメント
                                          • デザイナーのぼくが「デザインぽい」ことをするとき使つか便利べんりツール17しんでプログラミングをまなんだ柴犬しばけん(くるしば)

                                            ※こちらの記事きじがはてブの総合そうごう人気にんきエントリにはいりました! こんにちは。くるしばです。 元々もともとコンサルタントの仕事しごとをしていましたが、独学どくがくでプログラミングを学習がくしゅうし、Webサービスをつくって起業きぎょうしました。 その個人こじん開発かいはつしたサービスを売却ばいきゃくしたり、またべつのITけい会社かいしゃ創業そうぎょうしたりしています。 去年きょねんの8がつから下記かきのTwitterにてプログラミング学習がくしゅうかんして発信はっしんはじめ、ありがたいことに8000にん方々かたがたにフォローしていただきました。 プログラミング初心者しょしんしゃ絶対ぜったいおぼえてほしい、ググるとき効率こうりつが10ばいがるコツ pic.twitter.com/hK1ZhNavwh — しんでプログラミングをまなんだ柴犬しばけん(くるしば) (@shiba_program) September 13, 2022 ぼく普段ふだんはいわゆるPMやエンジニアとして仕事しごとをすることがおおいのですが、業務ぎょうむでも個人こじんプロジェクトをつくっているときでも 「最低限さいていげん見栄みば

                                              非デザイナーの僕が「デザインぽい」ことをする時に使う便利ツール17個|苦しんでプログラミングを学んだ柴犬(くるしば)
                                            • 山上やまかみ徹也てつや容疑ようぎしゃおもわれるアカウントのツイートしゅう

                                              山上さんじょう容疑ようぎしゃ SNSにきゅう統一教会とういつきょうかいへのうら投稿とうこうか「オレがにくむのは統一教会とういつきょうかいだけ。安倍あべ政権せいけんなにがあっても…」― スポニチ Sponichi Annex 社会しゃかい https://www.sponichi.co.jp/society/news/2022/07/17/kiji/20220717s00042000453000c.html

                                                山上徹也容疑者と思われるアカウントのツイート集
                                              • ブラウザレンダリングの仕組しく

                                                Webの用語ようごを100びょう解説かいせつするチャンネルをつくりました! よかったらチェックしてみてください! はじめに 以前いぜんいた記事きじ「Webページがブラウザに表示ひょうじされるまでになにこるのか?」で ブラウザレンダリングについて詳細しょうさいりたいという意見いけんをいただいたので、調しらべてまとめてみました。 全体ぜんたい レンダリングのおおまかなながれです。 HTMLのダウンロード サーバからおくられてきたHTMLをダウンロードします。 HTMLの解析かいせき サーバからおくられてきたHTMLファイルは、「0」と「1」でできたデータになっています。 ブラウザは、サーバからったデータをそのままHTMLとして解釈かいしゃくすることはできないので、自分じぶんあつかうことができるかたち、つまりDOMに変換へんかんする必要ひつようがあります。この作業さぎょう解析かいせき ( Parse ) といます。 HTMLをダウンロードしたら、すぐにこの解析かいせき作業さぎょうはいります。作業さぎょう以下いかのようなステップにな

                                                  ブラウザレンダリングの仕組み
                                                • Webページ高速こうそく必須ひっす知識ちしき!ブラウザがWebページをどのようにレンダリングしているか、もちいて解説かいせつ

                                                  ブラウザが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サイトを構築こうちくするには、実装じっそうちゅうかくステップを最適さいてき

                                                    Webページ高速化に必須の知識!ブラウザがWebページをどのようにレンダリングしているか、図を用いて解説
                                                  • リクルートテクノロジーズ エンジニアコース新人しんじん研修けんしゅう内容ないよう公開こうかいします!(2020年度ねんどばん) | Recruit Tech Blog

                                                    こんにちは! リクルートテクノロジーズでセキュリティエンジニアとして活動かつどうしている、藤原ふじわら たくみです。 毎年まいとし恒例こうれいとなっており、おおきな反響はんきょうをいただいている、エンジニアコースの新人しんじん研修けんしゅう内容ないよう紹介しょうかいさせていただきます。 研修けんしゅう概要がいよう リクルートテクノロジーズでは、新卒しんそつ採用さいよう新人しんじんけに3ヶ月かげつあいだ技術ぎじゅつ研修けんしゅうおこなっています。この技術ぎじゅつ研修けんしゅうではおおきくけてふたつのコースがもうけられています。 1. プログラミングやWebサービスの構造こうぞう基礎きそ体系たいけいてきまなび、そのいちにんにつき、ひとつのスマホサイトを企画きかくからリリースまでおこなうコース 2. 一定いってい以上いじょうのプログラミングスキルと開発かいはつけい経験けいけんがある新人しんじんけた、実際じっさい開発かいはつ必要ひつようとなる様々さまざま技術ぎじゅつ要素ようそをよりふかまなび、その実際じっさいのサービスでチーム開発かいはつにてOJTをおこなうコース 今回こんかい公開こうかいするのは 2. で使用しようした資料しりょうです。 この技術ぎじゅつ研修けんしゅうは、そのほとんどの部分ぶぶんうちせい実施じっししています。 この研修けんしゅう最大さいだい

                                                      リクルートテクノロジーズ エンジニアコース新人研修の内容を公開します!(2020年度版) | Recruit Tech Blog
                                                    • ついに、Webアプリでの帳票ちょうひょう印刷いんさつのベストプラクティスをしました

                                                      この記事きじ紹介しょうかいした手順てじゅんをライブラリして公開こうかいしました🎉 こちらのべつ記事きじ使つかかたなどくわしくご紹介しょうかいしていますので、ぜひご参照さんしょうください! 2024/05/07 追記ついき 最新さいしん登壇とうだんスライドバージョンはこちらです。 登壇とうだん様子ようすがYouTubeにがっているのでよろしければあわせてごらんください。 はじめに いいきりタイトルすみません ぼくふく一定いっていすうひとにとって現時点げんじてんでのベストプラクティスとなりうる手法しゅほうという意味いみ紹介しょうかいしています きわめてシビアな帳票ちょうひょう出力しゅつりょく世界せかいにいるひとからると使つかものにならない内容ないようかもしれないとおもいます 帳票ちょうひょう印刷いんさつ世界せかいでは SVF というサービスが有名ゆうめいらしいです。が、こういった外部がいぶサービスは使つかわずに自力じりき実装じっそうするというのがこの記事きじ前提ぜんていです 動的どうてき明細めいさいぎょうかず増減ぞうげんするれんひょうはこの記事きじ解説かいせつでは考慮こうりょしていませんが、追加ついか実装じっそうするのはそれほどむずかしくないということはんでいただければかるかな

                                                        ついに、Webアプリでの帳票印刷のベストプラクティスを編み出しました
                                                      • ブラウザでリロードしながらキャッシュの挙動きょどう確認かくにんしてるすべての開発かいはつしゃへ | blog.jxck.io

                                                        Intro こういうタイトルをけるのはあまりきではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下いかは、Web における Caching の FAQ だ。 サーバで Cache-Control を付与ふよしたのにキャッシュがヒットしない サーバで ETag を付与ふよしたのに If-None-Match がおくられない サーバで Last-Modified を付与ふよしたのに If-Modified-Since がおくられない 先日せんじつも、筆者ひっしゃいた MDN の Cache セクションで「記述きじゅつ間違まちがっているのでは?」と同様どうよう質問しつもんけた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/content/iss

                                                          ブラウザでリロードしながらキャッシュの挙動を確認してる全ての開発者へ | blog.jxck.io
                                                        • デザインシステム|デジタルちょう

                                                          デジタルちょうでは「だれ一人ひとりのこされない、ひとやさしいデジタルを。」の実現じつげん目指めざし、ウェブサービス・ウェブアプリケーションの使つか勝手がって情報じょうほうさがしやすさ、アクセシビリティとう向上こうじょうんでいます。
その一環いっかんとして、「デザインシステム」の構築こうちく推進すいしんし、官民かんみんわずすべてのほう参照さんしょうできるかたち公開こうかいしています。よりよいデザインの普及ふきゅう啓発けいはつけて拡充かくじゅう更新こうしん継続けいぞくてきおこない、あらゆるひとがデジタル恩恵おんけい享受きょうじゅできる社会しゃかい貢献こうけんします。 2024ねん5がつ30にち デザインシステムのコンテンツは専用せんようサイト「デジタルちょうデザインシステムβべーたばん」へ移行いこうしました 専用せんようサイトで、ガイドラインやデザインデータとうかくアセットを案内あんないしています。 イラストレーション・アイコン素材そざい 行政ぎょうせい手続てつづきをもっとわかりやすくするために作成さくせいした素材そざいしゅうです。どなたでもご利用りよういただけます。 最近さいきん取組とりくみ2024ねん5がつ 専用せんようサイト「デジタルちょうデザインシステムβべーた

                                                            デザインシステム|デジタル庁
                                                          • 「SEOにつよいHTMLのかた」についての個人こじんてき見解けんかい

                                                            「SEO につよい HTML のかた」というツイートがそこそこバズっていて、その内容ないようたいしてしエンジニアのかたたちが「参考さんこうになった」などと称賛しょうさんこえげていたのをかけておもうところがあったのでこの記事きじきました。 もとツイの概要がいようつぎとおり。 body > main > article > sectionに h1は 1 ページに 1 つ(ようキーワード) 見出みだしタグは毎度まいど section でかこむ ヘッダーメニューは nav でかこ画像がぞう適切てきせつな alt を設定せっていする title / description を階層かいそう意識いしきしてく div はあまり使つかわない 画像がぞうは p でかこむ この記事きじもとツイおよびもとツイの投稿とうこうしゃ批判ひはんする意図いといたものではなく、あくまでげられている内容ないようたいする個人こじんてき見解けんかいをまとめたものです。 ただしいかただしくないかをそれぞれの項目こうもくのはじめにいていますが、あくまでぼく個人こじん

                                                              「SEOに強いHTMLの書き方」についての個人的な見解
                                                            • Smoozサービス終了しゅうりょうせて

                                                              202012_smooz.md Smoozサービス終了しゅうりょうせて 前置まえおき この文章ぶんしょうと、それにふくまれる考察こうさつかくサービスへの脆弱ぜいじゃくせい報告ほうこくなどはmala個人こじん活動かつどうであり、所属しょぞくしている企業きぎょうとは関係かんけいありません。 一方いっぽうわたしは、企業きぎょう閲覧えつらん履歴りれき収集しゅうしゅうしてなにをしたいのか、所属しょぞくしてる企業きぎょう他社たしゃ事例じれいについて、ある程度ていどくわしい当事とうじしゃでもあります。 一般いっぱんろんとしてけることはけるが、(業務ぎょうむじょう知識ちしき開示かいじされてないものなど)個別こべつ具体ぐたいてきなことはけないこともあり、また観測かんそく範囲はんいかたよりがある可能かのうせいもあります。 Smoozに報告ほうこくした脆弱ぜいじゃくせい2けん 最近さいきん、Smoozというスマホけのブラウザアプリに2けん脆弱ぜいじゃくせい報告ほうこくをした。 この記事きじいている時点じてんで、Smoozの配布はいふ停止ていしされていて、修正しゅうせいバージョンの入手にゅうしゅ出来できない。 2けんについてはまだ返事へんじていない。 脆弱ぜいじゃくせい情報じょうほう開示かいじにあたって特段とくだん許可きょかていないが、開発元かいはつもとからも利用りよう停止ていし

                                                                Smoozサービス終了に寄せて
                                                              • 保存ほぞんばん勝手かってめよう!全国ぜんこく47都道府県とどうふけん代表だいひょうするお土産みやげはこれだ! - ぐるなび みんなのごはん

                                                                こんにちは。ヨッピーです。 ちょっとこの、美味うまそうな物体ぶったいてください。 これ、アップルパイなんですけど、なかにリンゴがまるごといちゴロンってはいってるんですよ。 そんでまあ、きたなかおしたオッサンがべるじゃないですか。 優勝ゆうしょう!!!!! はい。今日きょういちにちちゅうこんなかんじのことをやります。 ぼく仕事しごとがら日本にっぽん全国ぜんこくあちこちにくのですが、そのときにいつも「お土産みやげなにえばいんだ……?」ってなるんですよね。 だって、どういうお土産みやげ美味おいしくて人気にんきがあるのか、現地げんちんでないからわかんないじゃないですか。そういう選択肢せんたくしってるほうがお土産みやげえらとき絶対ぜったいたのしい! そこで、47都道府県とどうふけん人気にんきのあるお土産みやげさぐるべくこういう記事きじいたところ、全国ぜんこく津々浦々つつうらうらからぬほどご意見いけん頂戴ちょうだいいたしました。 はてなブックマーク、ブログのコメントらん、LINE@の返信へんしん、Twitter、FBでのコメントなどなど合計ごうけい1,000けん以上いじょう! 「〇〇

                                                                  【保存版】勝手に決めよう!全国47都道府県を代表するお土産はこれだ! - ぐるなび みんなのごはん
                                                                • NTT 東日本ひがしにっぽん - IPA 「シン・テレワークシステム」 - HTML5 はん Web クライアントの公開こうかいについて

                                                                  NTT 東日本ひがしにっぽん - IPA 「シン・テレワークシステム」 Beta 7 および HTML5 はん Web クライアントの公開こうかいについて トップ | 中間なかま報告ほうこく | 自治体じちたいテレワーク for LGWAN | HTML5 Web ばんクライアント (Mac, Chromebook 対応たいおう) | バージョン履歴りれき | ダウンロード | ユーザーすうグラフ 入門にゅうもん - いますぐ使つかってみよう | クライアント検疫けんえき機能きのう・MAC アドレス認証にんしょう機能きのう | 要素ようそ認証にんしょう・ワンタイムパスワード (OTP) 機能きのう | マイナンバーカードをもちいたユーザー認証にんしょう機能きのう | 仮想かそうマルチディスプレイ機能きのう 行政ぎょうせい情報じょうほうシステムでの利用りよう | 組織そしき LAN におけるポリシー規制きせいサーバー設置せっち | 企業きぎょうシステムにおける VM・HDD クローン対応たいおう | Wake on LAN リモート電源でんげん ON 機能きのう | 画面がめん撮影さつえい・キャプチャ防止ぼうしのための電子でんしかし機能きのう FAQ

                                                                    NTT 東日本 - IPA 「シン・テレワークシステム」 - HTML5 版 Web クライアントの公開について
                                                                  • バイキング - アンサイクロペディア

                                                                    この項目こうもくでは、アトラクションについて説明せつめいしています。ヴァイキングについては「海賊かいぞく」を、定額ていがく自由じゆうきなだけべられる食事しょくじについては「放題ほうだい」を、おわらいコンビについては「バイきんぐ」をごらんください。 概要がいよう このアトラクションの仕組しくみはいたってシンプルでがりがりをかえすだけである。最近さいきんでは加速かそくはやかったり、いちかいころがしたりするものもあるが基本きほんてき巨大きょだいなブランコであることにわりはない。特徴とくちょうはジェットコースターが土台どだいから建設けんせつされているのにたいして、バイキングは設置せっちがたのアトラクションなのではこびできる。つまりかり閉園へいえんしたとすると、ゆう園地えんち一心いっしん同体どうたいびつきほろびをつだけか解体かいたいされててつくずになるかどちらかの最後さいごしかむかえられないジェットコースターとくらべると、バイキングはどこかにかれる可能かのうせいがある。 歴史れきし ゆう園地えんち花形はながたわれているジェットコースターと比較ひかくするとその歴史れきしはものすごくあさいものでジ

                                                                    • 個人こじん開発かいはつそく戦力せんりょくになるツール・サイトまとめ - Qiita

                                                                      はじめに 個人こじん開発かいはつもエンジニア自体じたいれきあさいSEです。 就業しゅうぎょうさきがJavaをメインで使つか企業きぎょうなのですが、個人こじんてきにフロントエンドまわりがきです。 元々もともと興味きょうみ本位ほんいでデザインのほんだったりUXにかんするほんとかをんでいたりするのですが、 その結論けつろんさいにたどりいたのが、 「理論りろんとかまってるなら、それをよしなにやってくれるor参考さんこうにできるツールとかサイトさがせばよくね」 という結論けつろんになりました。なんと怠惰たいだ思考しこうでしょうか。 そんなわけで、こちらではデザインにかぎらず、色々いろいろ開発かいはつ便利べんりなツールを紹介しょうかいさせていただきます。 (有名ゆうめいなのがおおいかもしれませんが、ご容赦ようしゃください、結局けっきょく有名ゆうめいなものにくのです) レイアウト関係かんけい 1. Awwwards おしゃれなwebサイトがあつまっているサイトです。 ここまで個人こじん開発かいはつでお洒落しゃれにできたらいいなとおもいますが、自分じぶんはアニメーションをかんがえるときや、 つくりたいフロントがわのデザイ

                                                                        個人開発で即戦力になるツール・サイトまとめ - Qiita
                                                                      • 最近さいきん実装じっそうわせたHTMLテンプレート、基本きほんのコードとすべての要素ようそ役割やくわり解説かいせつ

                                                                        最近さいきん実装じっそうわせた、WebページようのHTMLテンプレートを紹介しょうかいします。 レスポンシブようのHTML、ソーシャルメディアようのHTMLをはじめ、高速こうそく表示ひょうじかせないrel="preload"などもふくまれています。IEなどのふるいブラウザはプログレッシブエンハンスメントで対応たいおうしています。 HTMLテンプレートはすべての要素ようそ役割やくわり各行かくこうごとに解説かいせつしているので、自分じぶん必要ひつようなものを削除さくじょしたりくわえたりすることもできます。 My current HTML boilerplate by Manuel Matuzović 下記かきかくポイントを意訳いやくしたものです。 ※とうブログでの翻訳ほんやく記事きじは、もとサイトさまにライセンスを翻訳ほんやくしています。 はじめに HTMLのテンプレート(最終さいしゅうがた) HTMLのテンプレートを1ぎょうずつ解説かいせつ ページのタイトルと説明せつめいぶん外部がいぶファイル ソーシャルメディアようのHTML アイコンとアドレスバー もう

                                                                          最近の実装に合わせたHTMLテンプレート、基本のコードとすべての要素の役割も解説
                                                                        • Your code displays Japanese wrong

                                                                          A static site to link people to when their code is displaying Japanese wrong. View the Project on GitHub heistak/your-code-displays-japanese-wrong Why am I here? If someone gave you a link to this page, that person probably thinks your code displays Japanese wrong. In short, from a native Japanese eye, yѳur ҭєxҭ lѳѳκかっぱs κかっぱιいおたnd ѳf lιいおたκかっぱє ҭЋιいおたs. This page will give you a brief description of the glyph appe

                                                                          • 開発かいはつ効率こうりつをあげてくれるツール|しんでプログラミングをまなんだ柴犬しばけん(くるしば)

                                                                            ※こちらの記事きじがはてブの総合そうごう人気にんきエントリ、noteの「先週せんしゅうもっともおおくよまれた記事きじ」「先週せんしゅうもっともスキされた記事きじ」にはいりました! こんにちは。 しんでプログラミングをまなんだ柴犬しばけんこと、くるしばです。 元々もともとコンサルタントの仕事しごとをしていましたが、独学どくがくでプログラミングを学習がくしゅうし、Webサービスをつくって起業きぎょうしました。 その個人こじん開発かいはつしたサービスを売却ばいきゃくしたり、またべつのITけい会社かいしゃ創業そうぎょうしたりしています。 今年ことしの8がつから下記かきのTwitterにてプログラミング学習がくしゅうかんして発信はっしんはじめ、ありがたいことに6000にん以上いじょう方々かたがたにフォローしていただきました。 プログラミング初心者しょしんしゃ絶対ぜったいおぼえてほしい、ググるとき効率こうりつが10ばいがるコツ pic.twitter.com/hK1ZhNavwh — しんでプログラミングをまなんだ柴犬しばけん(くるしば) (@shiba_program) September 13, 2022

                                                                              開発効率をあげてくれるツール|苦しんでプログラミングを学んだ柴犬(くるしば)
                                                                            • https://web.archive.org/web/20080305225407/http://www.c-sawat.com/index2.html └ https://web.archive.or..

                                                                              https://web.archive.org/web/20080305225407/http://www.c-sawat.com/index2.html └ https://web.archive.org/web/20080723202836fw_/http://www.c-sawat.com/release/yumeoto/dl.html これじゃね ユメミルオトメ:音楽おんがく映像えいぞう 主題歌しゅだいか:the everlasting light ~約束やくそくゆめ~ ---------------------------- 自分じぶんせられた運命うんめいかうつよ決意けついあいするひとおもい、まっすぐにつめる主人公しゅじんこうきんおん姿すがた表現ひょうげんされた主題歌しゅだいか仕上しあがりました。 https://www.alchemics.co.jp/users/bandit/vocal9999_damepo.html によると、 (*1)#7(3:5

                                                                                https://web.archive.org/web/20080305225407/http://www.c-sawat.com/index2.html └ https://web.archive.or..
                                                                              • Obsidianは最高さいこうのマークダウン『メモ』アプリである

                                                                                ぼくいままでマークダウンエディタを資料しりょう作成さくせいツールとして使つかってきました。見出みだしやリスト、ひょう簡単かんたん記述きじゅつでき、それをCSSで整形せいけいして表示ひょうじできるマークダウン記法きほうは、ブログの下書したがきや業務ぎょうむ使つかうPDFなど、「他人たにんせるための資料しりょうつくる」という役目やくめにピッタリです。 ぎゃくえば、個人こじんてきなメモにはいていないとおもっていました。 その固定こてい概念がいねんをぶちこわしたのがObsidian(オブシディアン)です。今回こんかいはマークダウン『メモ』アプリとしてくてはならない存在そんざいとなったObsidianの特徴とくちょうと、一般いっぱんてきなマークダウンエディタとの使つかけについておはなししたいとおもいます。

                                                                                  Obsidianは最高のマークダウン『メモ』アプリである
                                                                                • あたらしい日本語にほんごフォントがたくさんリリースされてる! 2021ねん日本語にほんご新作しんさくフリーフォントのまとめ

                                                                                  2021ねんもあとのこり2週間しゅうかんですね、今年ことしリリース・アップデートされたひらがな・カタカナ・漢字かんじ使つかえる日本語にほんご新作しんさくフリーフォントを紹介しょうかいします。 ゴシック、明朝みょうちょう、デザインフォント、手書てがきフォントなど、りだくさんです! これまでの日本語にほんごフリーフォントそうまとめは、下記かきをごらんください。 日本語にほんごのフリーフォントそうまとめ -商用しょうようサイトだけでなくかみ同人どうじんなどの利用りよう明記めいき 後日ごじつ上記じょうき追加ついかします。 2021ねんフォントかいおおきなニュースは、Google Fontsに大量たいりょう日本語にほんごフォントが追加ついかされたことです。Webフォントとして利用りようできるのはもちろん、オープンソースになったので商用しょうようプロジェクトでも無料むりょう利用りようできます。 というわけで、Google Fontsで利用りようできるようになった日本語にほんごフォントから紹介しょうかいします。有料ゆうりょうだったフォント(きぬた書体しょたいやZENフォントやFontworksなど)もオープンソースのSILライセンス

                                                                                    新しい日本語フォントがたくさんリリースされてる! 2021年、日本語の新作フリーフォントのまとめ

                                                                                  新着しんちゃく記事きじ