GitHub 【GitHub Actions】Composite run steps actionの作り方 GitHub ActionsでComposite run steps actionが作れるようになりました。 これによってこれまでワークフローファイルに書いていたシェルスクリプトを細分化した、再利用可能なアクションとして用意して、ワークフロ... 2020.08.18 GitHub
HTML&CSS HTMLでscriptタグはなぜbodyタグの最後に配置するのか?その理由を説明 はじめに この記事ではHTMLに記述するscriptタグが、なんでbodyタグの最後に書かれているのか、その理由を説明します。 ページの表示速度を速くするため scriptタグがbodyタグの最後に書かれている理由は、ページの表示速度... 2020.08.17 HTML&CSS
HTML&CSS 【HTML・CSS】文章の最初の行だけ見た目を変更するにはどうやれば良いか はじめに この記事では、HTML内に記述したテキストの1行目だけスタイルを変更したいときに、CSSでどうすれば実現できるかの例を紹介します。 疑似要素の::first-lineを使用する方法 divタグやpタグ等で囲んだテキストにCS... 2020.08.15 HTML&CSS
HTML&CSS 【HTML・CSS】複数のボタンや画像を同じ間隔(等間隔)で横並びに配置する方法 この記事ではボタンや画像を複数並べたときに、同じ間隔(等間隔)を空けて配置する方法を紹介します。 等間隔で横並びにボタンを並べる(flexbox) 複数の要素を等間隔で並べるには、CSSの display:flex と justify-... 2020.08.14 HTML&CSS
HTML&CSS 【HTML・CSS】selectタグで作ったプルダウンメニューの横幅を統一する方法 はじめに HTMLのフォームでは、selectタグとoptionタグを使ってプルダウンメニューを作成できます。 このプルダウンメニューですが、メニューを複数作成したときに、横幅が選択肢の長さになってしまい、それぞれのプルダウンメニューの横... 2020.08.14 HTML&CSS
HTML&CSS 【HTML・CSS】ulタグのリストでli(箇条書き)の先頭の記号(点)を好きな記号に変更する はじめに HTMLのulタグで箇条書きのリストを作ったとき、li要素の先頭にはデフォルトで点(・)の記号が表示されます。 この記事では、デフォルトの点の記号を好きな記号や文字に変更する方法を紹介します。 CSSでulリストにlist-... 2020.08.14 HTML&CSS
HTML&CSS 【HTML】番号付きの箇条書きリストで開始番号を1以外の途中からの番号に変更する はじめに HTMLでは、olタグを使うと番号付きの箇条書きリストを作れます。 この記事では、olタグの箇条書きリストを2つに分けたときに、2つ目の箇条書きリストの開始番号を、1以外の途中の番号に変更する方法を紹介します。 開始番号を1以... 2020.08.14 HTML&CSS
Terraform 【Terraform】JSONファイルに変数を埋め込んでリソースから値を渡す方法 はじめに この記事では TerraformでJSONやYAMLファイルに変数を埋め込んで、実行時に値を渡す方法をまとめます。 templatefile関数を使う JSONに変数を埋め込んで値を渡すには、リソース側で templat... 2020.08.06 Terraform
shell 【shell】zipコマンドでディレクトリ構造を保持せずにファイルのみを圧縮する はじめに この記事ではbash等のシェルでzipコマンドを使ってファイルを圧縮したときに、ディレクトリ構造を保持しないようにする方法について紹介します。 -jオプションをつける ネストしたディレクトリ配下のファイルのみを圧縮しよう... 2020.07.27 shell
AWS 【AWS】AWS CDKとAWS SAMの違いについて はじめに この記事はAWS CDKとAWS SAMの違いについての備忘録です。 AWS CDKとAWS SAMの違い AWS CDKとAWS SAMの違いについてツイートしたので、そのツイートを記載します。 2020.07.24 AWS