CSSに入門する

CSSに入門する

CSSの基礎知識 リセットスタイル 各ブラウザは、タグごとにデフォルトスタイルをそれぞれ持っていて、それをリセットする。 として一番最初に読み込ませるのが良さそう。 rem,vw が既存ではあったが、新たな長さの単位としてがある。 - :親要素を基準とする。2emなら親の2倍 - :ルートを基準とする。つまりhtmlを基準。レスポンシブデザインならフォントや幅などはこれかも - :windowの幅

Frontend
HTMLに入門する

HTMLに入門する

HTMLの基礎知識 文書型宣言 文字エンコーディング テンプレ section 章や節。 見出し+本文。 article ブログの投稿など、切り出しても独立したコンテンツとして再利用可能なもの。 nav ナビゲーション。サイト内のページリンクの集まり。 aside メインのコンテンツとは関連が薄く、切り離せるコンテンツ。 補足、サイドバー、広告とか。 hgroup 見出しと、付随する小見出し、副題

Frontend
Macのセットアップ時の設定メモ

Macのセットアップ時の設定メモ

Macお気に入り設定 - マウス - 軌跡の速さ:最速にする - ナチュラルなスクロール:ON - 副ボタンのクリック:右側をクリック - ページ間をスワイプ:1本指で左右にスクロール - トラックパッド - 軌跡の早さ:最速にする - タップでクリック:ONに - ナチュラルなスクロール:ON - こうすることで、Winと方向が一致する - キーボード - Caps LockキーでABC入力モー

OS
Pythonに入門する

Pythonに入門する

Pythonの基礎知識 モジュールのインストール Pythonの実行 拡張子を「」にして保存し、コンソールから「」で実行 .pyを定期実行する Mac:Automator>アプリケーション>シェルスクリプトを実行 でできる Win:タスクスケジューラ>基本タスクの作成 関数作成 Webスクレイピング ブラウザ操作 - をインストールする - Webのテストに適している - テキスト入力やボタンのク

IT
WordPressの最小構成のブログテーマを自作する

WordPressの最小構成のブログテーマを自作する

経緯 勉強がてらWordPressのテーマを自作してみたので手順を記載しておく。 WordPressのテーマの自作手順 テーマを自作した際の手順は以下の通り。順番に深堀りしていく。 1. まずHTMLでマークアップ 2. HTMLをテンプレートタグに変換 3. CSSで装飾 4. テーマのインストール ① まずHTMLでマークアップ まずはどんなブログにしたいかの構想を練る。結果、以下のようなブロ

AWS Certified SysOps Administrator - Associateの対策

AWS Certified SysOps Administrator - Associateの対策

経緯 この度、を受験すべく対策を行っていく。長いので以下と呼ぶ。 SOA試験について - 試験時間130分、受験料150USD - 試験方法はPearson VUE テストセンターまたはオンラインでの監督付き試験 - 本来は「試験ラボ」というフェーズがあるらしいけど、2023/03/28以降は一時的に含まれなくなっている - 合格スコアは - 試験対象は「クラウドオペレーションの役割を担うシステム

Infrastructure
過去にGatsbyで作成したブログを手直しする

過去にGatsbyで作成したブログを手直しする

Gatsbyについて Gatsbyとは、ReactとGraphQLを使用した静的Webサイトジェネレータ(SSG)のこと。読み方は「ギャッツビー」。プログラミング言語としてはJavaScriptやTypeScriptで記載する。 できあがるのが動的でなく静的なWebサイトということもあり、爆速で画面が表示されるのが大きな特徴とされている。 そして動作上もWebアプリケーションサーバを必要とせず、ホ

VitePressのカスタムテーマを自作する

VitePressのカスタムテーマを自作する

何故やるのか VitePressで技術ブログを作ってみたのだが、デフォルトのテーマがすごくおしゃれでダークテーマとライトテーマを切り替えられたりして便利だけども、やっぱり勉強のためにカスタムテーマを自作してみたくなった。 といっても日本語の情報はネットにほとんど落ちていないので、公式のドキュメントを読んだり試行錯誤したりして頑張ってみる。 要件 - 技術ブログの見た目はできれば出来合いのものではな

Windowsのセットアップ時の設定メモ

Windowsのセットアップ時の設定メモ

Windows11初期セットアップ - 言語選択:日本語 - 国または地域:日本 - キーボードレイアウト:Microsoft IME - 二つ目のキーボードレイアウト追加:スキップ - ネットワーク接続:Wi-Fiを選択 - アップデートの確認 - ライセンス契約:同意 - デバイスに名前をつける:今はスキップ - Microsoftアカウント:ログイン - 顔認証:はい、セットアップします -

OS
生成AIの個人的な活用事例集

生成AIの個人的な活用事例集

生成AIの活用について 生成AIの利用が当たり前になった昨今ではあるが、まだまだ活用しきれていないと感じることがある。 この記事では生成AIの活用方法を模索していく。 ちなみに、に生成AIの活用のコツを聞いてみたら以下の回答が得られた。 - クリエイティブな使い方を模索する - データの品質と多様性に注意する - 適切なモデルの選択 - ファインチューニングとハイパーパラメータ調整 - エチカルな

AI