タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
「動画で助かる」「IT基礎知識が一通り学べる」──各社が公開した新人エンジニア向けの研修資料が話題に 人気資料まとめ
IT企業が社内の新人エンジニアに向けた研修資料や動画を無償公開し、話題になっている。学べる内容はIT業界の文化からゲームエンジン「Unity」を使ったゲーム開発までさまざまで、中には150ページ超のスライドや5時間超の動画もある。 ネット上では「初心者（エンジニア）の指針になる」「IT基礎知識の一通りのことが身につく」「動画があって助かる」などと評判だ。改めて公開内容と目的をまとめた。 サイボウズ、新人ITエンジニア向けに「IT業界文化」など サイボウズが7月20日に公式ブログで、4月から6月にかけて行った研修の資料を公開した。7月30日時点でブログへの「はてなブックマーク」（以下、はてブ）は約1950件、Facebookの「いいね」は約590件付いている。同社は“駆け出しエンジニア”向けとしている。 （関連記事：サイボウズの“駆け出しエンジニア”向け研修資料が話題 Webアプリ開発やIT
JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、イベントループ、スコープチェーン、プロトタイプ継承、非同期処理、ジェネレータ関数、Hoisting（巻き上げ）など、GIFアニメを使用して詳しく解説しています。 シリーズ7本すべてと、プラス1として楽しく学べるクイズもあります。 JavaScript イベントループの仕組み JavaScriptでエラーの原因となるHoisting（巻き上げ）の仕組み JavaScriptのスコープチェーン・変数参照の仕組み JavaScriptエンジンの仕組み JavaScript プロトタイプ継承の仕組み JavaScriptのジェネレータ関数とイテレータの仕組み JavaScriptの
富士山バス横転事故の基礎知識
バスが急坂でブレーキが効かなくなって横転事故を起こした件で、個人でバスを所有する変態さんが検証動画を出しているが、 https://b.hatena.ne.jp/entry/s/togetter.com/li/1959853 前提の知識が全然共有されてないのが気になった。なので説明を書く事にするよ。 バスの2速＝乗用車の1速まず元記事のバス個人所有氏は2速で下ってるんだが、バスやトラックというのは2速で発進する。1速は急勾配での坂道発進とかの緊急用で普通は使わないのだ。 乗用車のオートマだと「PRND21」とレンジが分かれていて、2、1レンジではギアが固定される。峠の下りでは2速で下ると思う。1速に入れるって事は余り無いと思われる。その1速に入れてると思ってくれていい。普段じゃそんな運転する機会はないと思う。 因みに乗用車のATは軽トラ軽バン以外では4～5速あるよ。 バスは回転を上げて走行
TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
TCP/IPをわかりやすく - 通信プロトコルの基礎知識を図解で学ぼう 現在のインターネットを支える技術であるTCP/IPについて、基礎となるプロトコル群と、TCPの基本機能を丸田一輝さん、 中山悠さんに解説していただきました。 今からおよそ50年前、パケット交換方式による世界初のコンピュータネットワークであるARPANETが構築されました。それ以来、TCP/IP（Transmission Control Protocol / Internet Protocol）は通信を実現する基盤技術として使われ続けています。今ではパソコンに限らず、スマートフォンやゲーム機、センサー、最近では自動車など、無線通信機能を持ったさまざまな端末も含めコンピュータネットワークは構成されています。 その中でも「通信の信頼性を確保する」役割を担っているTCPは、その性質上、多くの機能を備えています。加えて、時代とと
2024年の今こそ使ってほしい「RSSリーダー」。基礎知識＆最新おすすめリーダー・一挙紹介 | ライフハッカー・ジャパン
1TBでこの価格。PCやテレビ、ゲームの容量不足を解消するシリコンパワーのmicroSD【楽天セール】
吉田豪さんが2022年5月9日放送のTBSラジオ『アフター6ジャンクション』の中でなにかと批判されがちな秋元康さんについて、実は誤った認識に基づいた批判が目につくという件を紹介。批判をするのであれば、最低限踏まえるべき基礎知識を宇多丸さんと話していました。 （宇多丸）秋元康さん、ご存知ね、AKBなどでもおなじみ……えっ、秋元康さんを正しく批判するための基礎知識ってこれ、なぜこのタイミングでそういうのをやろうと思ったんすか？ （吉田豪）最近、たぶんAKBの勢いが落ちてきたこともあって、秋元康関連のアイドルぐらいしか知らなそうな人とかが「日本のアイドルはK-POPと比べてパフォーマンスも音楽もレベルが低い」的な批判記事をネットで結構書きがちになってきていて。全然それはいいんですけど、「この一言が入るだけで説得力がなくなっちゃうんだよな」っていうフレーズがあるんですよ。 （宇多丸）ほうほう。 （
数学が好きな人を好きになってしまった、もしくは好きな人が数学を好きになってしまったけれど、自分で数学勉強するのはちょっと…という人に向けた基礎知識をまとめました。 ちょくちょく私見が入りますので、数学大好きな人は広い心でご覧ください。 2021.1.24日曜数学会（オンライン）で発表させていただきました。 ＊動画：https://www.nicovideo.jp/watch/sm38215130 なお、参考までにボツバージョン（最初にまとめたスライド）も公開してます。内容はだいたい一緒です。 ＊数学が好きな人を好きな人のための数学入門：https://www.slideshare.net/nisei/ss-241775697Read less
JJUG CCC 2023 Spring 発表資料（ステップアップセッション）。 私がクラス設計をするときに重視している考え方とやり方を紹介。 主な内容 ・クラス設計のスキル 3段階 ・クラス設計の技能を習得するシナリオ ・７つの基礎知識 ① 入出力と計算判断 ② プログラムの中核と周辺 ③ モジュラー性 ④ データ抽象 ⑤ カプセル化 ⑥ 契約プログラミング ⑦ 不変（イミュータブル）
→ English 対象読者 ワイヤーフレームだけが渡されて、それを元にコーディングしなければいけないようなケースで役立つ知識を紹介します。 また、デザイン経験は無いけど、個人開発で何かプロダクトを作ってみたい方にも参考にしていただけるかと思います。 デザインといっても、無からクリエイティブを生み出すような部分ではなく、あくまでワイヤーフレームレベルのものをプロダクトとして最低限機能するレベルに引き上げるまでの範囲について言及します。 概要 最近のWebデザインはシンプルなので、既存のWebサイトに新しいパーツを実装するような場合に、ワイヤーフレームだけが与えられ、デザインデータが用意されないことがあるかもしれません。 そのような場合、エンジニアにデザイン領域への多少の裁量が生じ、実装者によって仕上がりに差が出ます。 この記事では、ワイヤーフレームを元にエンジニアが実装した「ちょっと悪いデ
「［試して理解］Linuxのしくみ ～実験と図解で学ぶOS、仮想マシン、コンテナの基礎知識【増補改訂版】」が発売されます - 覚書
拙著、「［試して理解］Linuxのしくみ ～実験と図解で学ぶOS、仮想マシン、コンテナの基礎知識【増補改訂版】」が10/17日に発売されることになりました。本記事はその宣伝のためのブログエントリです。 ［試して理解］Linuxのしくみ ―実験と図解で学ぶOS、仮想マシン、コンテナの基礎知識【増補改訂版】 作者:武内 覚技術評論社Amazon まずは本書がどのようなものかについて説明し、その後に、すでに第一版を読まれている方向けに第一版と本書の差分について説明します。 どんな本なのか 筆者は過去にLinuxカーネル開発をしていたのですが、そのころから次のような思いをずっと持っていました。 OS、とくにOSカーネルについての広く浅い知識はOSカーネル開発者だけではなく多くの技術者にとって役立つはず 当時OSカーネルについての知識を得ようとすると、OSを作ったりサポートしたりする人用の難しくて分
サンディスクのmicroSDカード 512GBが40%OFF。写真や動画のデータ置き場はこれで良くない?【Amazonセール】
CSSでよく使用する単位といえば、px, em, remをはじめ、最近ではvh, vwなどだと思います。特にレスポンシブ対応のレイアウト・コンポーネントを実装する時には、ビューポート相対単位のvh, vwが非常に便利です。 CSSはメディアクエリの登場で進化したように、コンテナクエリの登場でさらに進化しようとしています。新しい単位「コンテナ単位（qh, qw）」は、コンテナのサイズをベースにする相対単位です。 コンテナ単位を使用すると、下記のようにコンテナの幅をベースにした値でfont-sizeを定義したり、同一ページ内で異なる幅のカラム（コンテンツとサイドバー、2カラムと3カラム）に同じコンポーネントやテキストを異なるサイズで配置したり、異なる幅のカラムでスペースの量を変えたりできます。 ビューポート単位では、同一ページだとビューポートの基準値は同じなので、こういうことはできません。 C
こんにちは、らくからちゃです。 先日、ウェブミーティングで部会を行っていたら、育児休業中の先輩が参加してくれました。久々にお顔を拝見すると、めっちゃヒゲを伸ばしていてびっくり。他の育児休業を取ったひともヒゲを伸ばしていたのですが、お客さんとの打ち合わせも無いので伸ばしやすいのかなあ？ さて世間では少子化の波が押し寄せているようですが、私の近辺では年代的にもベビーブームが来ています。 www3.nhk.or.jp 共働きが当たり前で、近くに頼れる親族もいなければ、保育園の空きもない。子供を産み育てるのが本当に厳しい時代ですが、父親の育児休業の取得者が続出という一筋の光が見えてくるようになりました。 わたしの身の回りでも同期が3ヶ月、先輩は9ヶ月、協力会社の社員はまるっと1年間ほどの育児休業を取得しました。 会社全体としても「父親の育児休業取得は当然の権利」といった機運も高まり始めており、私が
モバイルバッテリーの正しい“捨て時”、目安は〇〇 処分の基礎知識、Ankerに聞いた：デジタルガジェットのあとしまつ もはや仕事や生活になくてはならないものになりつつあるデジタルガジェットの数々。購入を薦められることは多々あるが、正しい捨て方は知られていない。本連載では、デジタルガジェットの正しい捨て方を専門家に聞いていく。 今回は、外出時などスマートフォンのバッテリーが心もとない時に便利なモバイルバッテリーの捨て方を紹介。アンカー・ジャパンの井田真人さん（カスタマー・エクスペリエンス本部 本部長）に、1問1答形式で聞いた。 モバイルバッテリー、正しい交換のタイミングは？ ──モバイルバッテリーを捨てる、もしくは交換する適切なタイミングを教えてください 井田さん モバイルバッテリーの寿命は、破損などの場合を除いて、リチウムイオン電池の寿命と同じといえます。 リチウムイオン電池は、充放電回数
まいど AWS の犬が、少々 Azure に触れてみましたので、絵は描かずに基礎知識の整理と共有だけしていきたいと思います。 全然ド素人な状態なので、なにかしら間違ってたり不足していると思われますが、同じようにイチから調べる人の足がかりにでもなれば、くらいの質感で進めていきます。 はじめに 今のところ少々用事があっただけなので、これから Azure を掘り下げるぞとか、Azure の犬になるぞ、とかは考えていなく一発ネタで終わる可能性が高いです。雑なメモをブログに起こして、いったんの区切りとする個人的な清書のため、詳しくはちゃんとリンク先のドキュメントなどを読んでくださいませ。 さて、AWS に似たパブリッククラウドはいくつもあり、Azure もその１つです。公式ドキュメントに何箇所も AWS との比較が出てくるくらいには、Azure も AWS を意識しています。 例）AWS サービスと
一歩先行く Azure Computing シリーズ（全3回） 第2回 Azure VM どれを選ぶの？ Azure VM 集中講座
今からでも遅くない！アプリケーションエンジニアが知っておきたい、Dockerコンテナの基礎知識 / The Basic of Docker Container for Developers
クラウドネイティブを取り巻く技術の中でも、ひときわKubernetes(Dockerコンテナ)は注目を浴びており、様々なシーンで利用が始まっています。本セッションでは、Dockerコンテナが私達にもたらす恩恵や、アプリケーションのコンテナ化に置いて気をつけるべきポイントについて、アプリケーションエンジニアという観点からお話したいと思います。以下の聴講者を主なターゲットとしています: ・Webアプリケーション開発者(フロント/バックエンド/モバイル) ・Dockerをローカルで動かしたことがある/CIなどで既にあるパイプラインなどを利用しているエンジニア ・KubernetesやDockerを、プロダクトに導入してみたいアプリケーション開発者
「Pixel Art School - 今から始めるドット絵入門 -」がSteamで配信に。ドット絵としての表現や技術などドット絵の基礎知識を学べる
「Pixel Art School - 今から始めるドット絵入門 -」がSteamで配信に。ドット絵としての表現や技術などドット絵の基礎知識を学べる 編集部：簗島 KoheiGalleryは，「Pixel Art School - 今から始めるドット絵入門 -」をSteamで2022年3月22日に配信した。価格は1220円（税込）。なお，スペシャルプロモーションとして，3月30日まで10％オフの1098円（税込）で販売される。 Steamの「Pixel Art School - 今から始めるドット絵入門 -」配信ページ 本作は，これからドット絵を描き始めようとしている人のために，ドット絵の基礎知識を学べるというタイトルだ。ドット絵としての表現や技術について解説されており，いきなりドット絵を描くよりも，本作をプレイしてから描いたほうが上達も早いはずとのことだ。サンプルゲームとして，マンドレイ
理解して拡げる分散システムの基礎知識
20200725の #JTF2020 セッションスライド。 （資料内で説明した資料へのリンク） ・昨年のJTF発表資料 https://speakerdeck.com/tzkoba/cloud-nativekai-fa-zhe-falsetamefalsedatabase-with-kubernetes ・「2020年のNewSQL」 https://qiita.com/tzkoba/items/5316c6eac66510233115 ・「NewSQLのコンポーネント詳解」 https://qiita.com/tzkoba/items/3e875e5a6ccd99af332f ・Saga https://www.infoq.com/jp/news/2018/03/data-consistency-microservices/ ・「マイクロサービスとは分散システムである」 https://
こんなデザイン書を待っていた！ 日本語フォントを使ったデザインの基礎知識と実践テクニックがしっかり学べる解説書 -タイポグラフィが上手くなる本
デザインにおける文字の使い方、特に日本語フォントについて書体の選び方、文字組、レイアウトの知識とテクニックを、プロが現場でクオリティを上げるためにどうしているか詳しく解説した永久保存版のデザイン書を紹介します。 本書は日本語のタイポグラフィに特化された解説書で、ひらがな・カタカナ・漢字が扱われています。もちろん、数字や記号文字も使用されていますが、英語に関してはほぼありません。
日本語の文字入力に使用されるキーボードには、大きく分けて日本語配列の「JISキーボード」と英語配列の「USキーボード」があります。 漢字変換をはじめとした日本語入力のしやすさから、日本ではJISキーボードのニーズが高いですが、USキーボードと比べてどのような違いがあるのでしょうか。 本記事では、日本語配列と英語配列の違いやJISキーボードならではの独自キーとその役割、入力効率アップに役立つ小技もあわせてご紹介します。 JISキーボード（日本語配列キーボード）とは JISキーボードとは日本語配列キーボードともよばれ、JIS規格に準拠して作られた日本語配列のキーボードです。 「JIS」とは日本産業規格を指します。規格がないと多様化・複雑化・無秩序化してしまうモノやコトについて、この「規格」を設けることで、互換性の確保や生産効率化などを実現しています。 JISキーボードはQWERTY配列（英字最
「ルパン三世の祖父のアルセーヌ・ルパンはモンキー・パンチが作った設定」と３５歳ライターに言い張られて「文学は執筆者の基礎知識ではない」と思い知った話
みきみき ＠ 文章の書き方を教える人（美樹 香月） @mikikazuki2020 作家です。朝日新聞社で記者してました。27歳でノンフィクション書籍を、46歳からは小説を出版。文章を書くコツをお話しています。文章に興味のある方は、フォローしてください。東京・浅草生まれ。江戸っ子ぶっています、すんません。 linktr.ee/mikikazuki みきみき ＠ 文章の書き方を教える人（美樹 香月） @mikikazuki2020 ルパン三世のおじいちゃんのアルセーヌルパンは、モンキーパンチによる設定だと言い張る35歳男性ライターの誤解を解くことができなかった。モーリスルブランを知らない。小説。「えっ、ラノベ版のルパンもあるんですか」と言われたとき、文学はもう執筆者の基礎知識なんかではないのだなと思い知った。 2022-10-28 08:50:02
CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化（階層化）でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー（@layerC
はじめにTIG真野です。育休明けです。 フューチャー社内のタスクランナーはmakeやTaskなど複数の流派があり、チームによって使い分けられています。個人的にはmakeで良いんじゃないかと思っていますが、Taskも良いですよね。 makeは細かい記法をいつも忘れる＋調べるとC言語向けの情報が出てきて脳内変換に手間を感じたため、makeを用いてWebバックエンドアプリをGoで開発するということをテーマに、役立ちそうな情報をまとめます。 なお、今記事におけるmakeは、GNU Makeを指します。バージョンは以下で動かしています。 MakefileのためのEditorConfigMakefileのインデントはハードタブである必要があります。誤りを防ぐためにもEditorConfigを設定しておくと良いでしょう。 makeは通常、Makefileという名称をデフォルトで認識しますが、同一フォルダ
AWSとオンプレミスを繋ぐときに知っておきたいルーティングの基礎知識（CCSI監修！）
AWSとオンプレミスと繋ぐときに知っておきたいルーティングの基礎知識。 JAWS DAYS 2021の発表資料です。Read less
この記事はBASEアドベントカレンダー2023 7日目の記事です ! (12/8追記) 「基盤」という誤った表記を「基板」に変更しました。 まえがき唐突ですが、インターネットの世界に生きる私のような人間にとって、現代社会のあらゆる自己表現はテキストを介して行われる、といった面があります。 テキストを書かなければ人間関係も仕事も始まりません。 そしてそのテキストをひねり出すためになにが必要なのか。それはキーボードなのです。 古来よりキーボードというハードウェアにまつわる話題は様々ありましたが、近年そのなかでもメカニカルキーボードというカテゴリが大変な賑わいを魅せています。 自分もそんなメカニカルキーボードの世界に魅せられてジャンキーになってしまった人間の一人です。 しかし、キーボード界隈はさまざまな用語が飛び交っている割に、網羅的な情報が少なくとっつきにくい部分があるのもまた事実。 そこで、
「積分はできるのに洗濯機を回せないあなたへ」って本を出したい……日常生活を送る基礎知識がフローチャートになってたりするのどうよ？欲しくない？
Rigel_Wired @Vtuber @RigelWired 「積分はできるのに洗濯機を回せないあなたへ」 ってタイトルの本を出したい 日常生活を送るための基礎知識がひと通り載ってるやつ 洗剤と柔軟剤の入れる場所が書いてあったり、免許更新のやり方がゼロからフローチャートになってたりするのどうよ？欲しくない？ 2023-02-16 02:58:03
Tweet Pocket マネジメントとは人間と組織の力を生かして成果をあげる一連の取り組みのことです。 具体的には、経営理念や戦略の策定、組織づくり、人材育成などを通して、会社に生産性を生み出し、成果につなげることをマネジメントと呼びます。 もしマネジメントをしなければ、会社が業績を向上させることは難しくなるでしょう。生産性が生まれないためです。 マネジメントは経営者にとって不可欠であるにもかかわらず、 「マネジメントって、具体的に何をすべきなのかわからない」 と感じている人が大多数なのではないでしょうか。 そのまま何となく経営を続けても、会社を大きく成長させることは難しいでしょう。 そこで本記事では、会社を成長させるために最重要といっても過言ではない「マネジメント」について、詳しく解説します。 本記事のポイント マネジメントの基礎知識が身につく 業績向上につながる実践的なポイントをレク
クラウドネイティブを推進する約500団体が参画する CNCF (Cloud Native Computing Foundation)に、クラウドネイティブの定義が公開されている。これは、IT業界で働く者の基礎知識であると言えるので、クラウドネイティブの定義を詳細に調べた結果を以下にまとめる。 CNCFとは CNCFは2015年7月に発表され、約50社が集まり2016年1月に正式発足した。最初の発表から4年後2019年11月のメンバーは約500団体で、大手クラウド事業者、ミドルウェア企業、ハードウェア製造企業、オープンソース・ソフトウェア企業、大学、その他非営利団体などが加入している。 CNCFは、The Linux Foundationの下で運営され、クラウドとコンテナに関連する横並びの活動として、Cloud Foundry Foundation、Xen Project, Open Con
単方向通信であるということと、HTTP/1.1上で動作しているのが大きな特徴です。 また、HTTP上で動作することから、通信の互換性が高く、セキュリティモデルも使いまわせるので安心です。 どんな用途と相性がいいの？ 双方向通信がしたいわけでなければ、相性の幅がとても広いです。 今回の ChatGPT のような、GPT がトークンを生成するごとに送るケースはもちろん、通知の未読件数バッジの更新、ニュース速報の表示など、サーバからイベントを送りたい時ならなんでも使えます。 HTTP/1.1で動くカラクリ SSEはHTTPのレスポンスヘッダにContent-Type: text/event-streamを指定した上で動作します。 SSEが動く流れ クライアントがサーバーに HTTP/1.1 リクエストを送信し、イベントストリームに接続します。 サーバーは、Keep-Alive 接続を使用して、T
『リッピングの基礎知識』
猫大好きのブログ 2019年06以前の記事にはリンク切れ(Yahooブログ)が大量にあります。 自作ＤＡＣ，自作アンプの初心者です。電気は独学・素人、故に、 技術的内容は信用されないようにご注意下さい！！
SameSite属性とCSRFとHSTS - Cookieの基礎知識からブラウザごとのエッジケースまでおさらいする - Flatt Security Blog
こんにちは、 @okazu_dm です。 この記事は、CookieのSameSite属性についての解説と、その中でも例外的な挙動についての解説記事です。 サードパーティCookieやCSRF対策の文脈でCookieのSameSite属性に関してはご存知の方も多いと思います。本記事でCookieの基礎から最近のブラウザ上でのSameSite属性の扱いについて触れつつ、最終的にHSTS(HTTP Strict Transport Security)のような注意点を含めて振り返るのに役立てていただければと思います。 前提条件 Cookieについて Cookieの属性について SameSite属性について SameSite属性に関する落とし穴 SameSite属性を指定しなかった場合の挙動 SameSite: Strictでも攻撃が成功するケース 例1: スキームだけ違うケース 例2: サブドメイ
CSSのサブグリッド（subgrid）の基礎知識と使い方、たった一行のCSSで複数カードの水平グリッドを簡単に揃えられる！
CSSのサブグリッド（subgrid）がChrome 117でサポートされ、Safari, Firefoxではすでにサポートされていたので、これで主要ブラウザのすべてで利用できるようになりました。 先日の記事でもお伝えしたように、subgridを使用するとカード内の見出しやテキストの水平グリッドを簡単に揃えることができます CSSのサブグリッド（subgrid）の基礎知識と使い方、プログレッシブエンハンスメント、デベロッパーツールによるデバッグ方法などを紹介します。 CSS Subgrid by Adam Argyle 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 はじめに サブグリッド（subgrid）の基礎知識 ページレベルの「マクロ」グリッドを共有する サブグリッドのサポートをチェ
HRzine Day（エイチアールジン・デイ）は、人が活き会社が成長する人事のWebマガジン「HRzine」が主催するイベントです。毎回、人事の重要課題を1つテーマに設定し、識者やエキスパードが持つ知見・経験を、参加者のみなさんと共有しています。
Chrome 106, Safari 16でサポートされたコンテナクエリは、親要素（コンテナ）のサイズに応じて子要素のスタイルを設定できる新機能です。しかし、これは機能の一部です。親要素のスタイルに応じて子要素のスタイルを設定できるスタイルクエリを紹介します。 たとえば、下記は右のカードの親要素に特定のスタイルが設定されており、それに応じて子要素のスタイルが適用されています。 Container Queries: Style Queries by Bramus 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに コンテナクエリとスタイルクエリの違い スタイルクエリの基礎知識 スタイルクエリの使い方 スタイルクエリのブラウザサポート スタイルクエリのリソース はじめに CSSのコンテナクエリは「コンテナのサイズ」だけではない
レスポンシブの実装が今までと変わる！ CSSの新機能コンテナクエリと:has()疑似クラス、最初に理解しておきたい基礎知識を解説
CSSの新機能コンテナクエリ（@container）と:has()疑似クラスが、いよいよChrome 105（8月末、来週リリース予定）でサポートされます。 コンテナクエリとは今までのメディアクエリがビューポートに依存していたのとは異なり、親要素（コンテナ）のサイズに対してスタイルを適用できます。:has()疑似クラスは指定した要素を含んでいる場合にスタイルを適用できます。 レスポンシブの実装この2つの新機能は単独でも強力ですが、組み合わせるとさらにすごいパワーを発揮します。この2つの新機能の最初に理解しておきたい基礎知識を紹介します。 container and :has(): two powerful new responsive APIs landing in Chromium 105 by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスにもと
コンテナクエリがすべてのモダンブラウザの安定版でサポートされ、これからはメディアクエリからコンテナクエリを使用する機会が増えてくると思います。 コンテナクエリは親コンテナに基づいてスタイルを定義できるものですが、親のサイズによるクエリだけではありません。親のスタイル値によるクエリ（スタイルクエリ）も可能です。スタイルクエリの基礎知識と便利な使い方を紹介します。 スタイルクエリを使用すると、複数のバリエーションを持つ再利用可能なコンポーネントが簡単に実装できます。 Getting Started with Style Queries by Una Kravets 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています CSSのスタイルクエリとは スタイルクエリの使い方 スタイルクエリで実装したUIコンポーネント 1 スタイルクエリで実装したUIコンポーネント
はじめに 2023年1月23日に法務省より、不動産登記において作成される登記所備付地図データがＧ空間情報センターを通じて無償で一般公開されました。 出典：https://www.moj.go.jp/MINJI/minji05_00494.html 登記所備付地図データが公開されることで、生活関連・公共サービス関連情報との連携や、都市計画・まちづくり、災害対応などの様々な分野で、地図データがオープンデータとして広く利用され、新たな経済効果や社会生活への好影響をもたらすことが期待されているようです。 いままでは登記所備付地図データのような土地の境界、形状を示すデータについてはオープンデータとしてあまり公開はされていなかったと思うので、普段GISを活用されている方にとっては嬉しいニュースだったのではないでしょうか。 この登記所備付地図データをQGISなどのGISで表示するには、デジタル庁が公開し
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ
じゅじゅ on Twitter: "エンジニアになりたい方、文系職でもIT基礎知識は学びたい方にお勧めなのが、テックカンパニーの無償公開されてる研修資料を読むこと。基礎から体系的に纏められてることが多く、全体感・ポイントが学べる お勧めな10社を纏めましたのでご参考にしてください ※本ツイートにリンクぶらさげておきます https://t.co/QXKSQFaraO"
吉田豪 秋元康を正しく批判するために知っておきたい基礎知識を語る
「電子帳簿保存法」改正で何が変わる？ 個人事業主がやらなければならないことは何？ 税理士の杉山靖彦さんに訊いてみた【フリーランスも知っておくべき「改正電子帳簿保存法」最低限の基礎知識 第1回】
数学が好きな人を好きな人のための数学基礎知識
これだけは知っておきたいクラス設計の基礎知識
エンジニアでも知っておきたいデザインの基礎知識 - Qiita
知らない業界について「15分で基礎知識を網羅する」最も効率的な学習法を実践してみた | ライフハッカー・ジャパン
CSSの新しい単位がすごく便利！コンテナベースの相対単位「コンテナ単位（qw, qh）」の基礎知識と使い方
全国民が知っておくべき「育児休業給付金」の基礎知識 - ゆとりずむ
モバイルバッテリーの正しい“捨て時”、目安は〇〇 処分の基礎知識、Ankerに聞いた
これからはじめる Azure の基礎知識 | 外道父の匠
今改めて学ぶ Microsoft Azure 基礎知識
JISキーボード（日本語配列キーボード）の基礎知識と入力効率アップの小技を解説 | PFU
CSSの新機能カスケードレイヤーが主要ブラウザにサポートされます、最初に理解しておきたい基礎知識を解説
Makefile覚書: Goアプリ開発に役立ちそうな基礎知識 | フューチャー技術ブログ
現代メカニカルキーボード用語の基礎知識｜simezi9
マネジメントとは？社長が知っておきたい基礎知識や必要な能力を解説
IT業界で働く者の基礎知識となるクラウドネイティブ とは？ - Qiita
ChatGPTをぬるぬるにする🐌Server-Sent Eventsの基礎知識
Qiita Jobsで「ITエンジニアリングの全体像・基礎知識」資料を無料公開―Increments
CSSのスタイルクエリの基礎知識と使い方を解説、親要素の「スタイル」に応じて子要素のスタイルを適用
CSSの進化が早い！ スタイルクエリ（@container style()）の基礎知識と便利な使い方を解説
登記所備付地図データを扱う上で知っておきたい土地の基礎知識 - Qiita
www.nicovideo.jp
sashimiosushi.com
highreso.jp
yuka204118.hatenablog.com
diamond.jp
layerx.co.jp