flex;で指定した子要素にあたるものの幅を可変にしたくない時ってありますよね。画像とテキストが横に並んだメディアと呼ばれるようなものです。私はこの実装にすごく苦労しました。調べるとCSSで実装できる情報がたくさん出てくるのですが、最後までCSSでは実装出来ませんでした。このあたり、時間があればしっかり調べたいです。[...]2022年7月17日JavaScriptWeb制作全般FTPツールを使ってファイルをサーバーにアップロードするしょーごさんのレビューを受ける時、【中級編】までは、ブラウザでconohawingのサーバーにログイン後、ファイルアップロードをドラッグアンドドロップでupしておりました。デザインと見比べて細かな調整をしていくと思います。[...]2022年7月12日CSSCSSレスポンシブ対応を少しでも楽にしたい【フォント編】コーディングに時間がかかってくるところの一つに、レスポンシブ対応があります。モバイルファーストという言葉があるくらい、スマホでの見え方は検索エンジンに見つけてもらうためにもレスポンシブ対応は必須の作業となっています。[...]2022年7月11日CSSGitgitをサブマシンでcloneしてpushするまでの流れ【メモ用】Githubを用いてソースコードを管理していますが、今回はいつも使っているPC(メインマシン)からではなくそれ以外のPC(サブマシン)で作業してみてうまくpushまでいけたので、メモをしておきます。Flowについて書いた記事がありましたが、あれはチーム開発用らしく個人用にはforkなどの機能が使えませんでした。そのため、改めてここで流れを一から整理しなおすことにします。push」だけしかしていません。初級の時にも、はまっていた記憶があります。備忘録として残しておきます。フォーム部品などに使われる送信ボタンのbuttonやinput。[...]2022年7月6日CSSJavaScriptVue.jsの次はNuxt.jsについて調べてみた-メモ用です-参考サイトをもとに自分なりにまとめました。Nuxt.js「ナクスト」とは、Webアプリ開発の機能が最初から組み込まれているVue.jsベースのJavaScriptフレームワーク。[...]2022年7月5日JavaScriptJavaScriptJavaScriptフレームワーク-気になったので調べてみた-参考サイトをもとに気になる記事をまとめました。ライブラリ・・・汎用性の高いプログラム(コード)パーツのコレクション。[...]2022年7月4日JavaScriptCSSflexbox使用時に各item(子要素)間の余白を調整したいflexboxを用いている時に、flex-item間、つまり子要素間の余白を取るときはgapという方法があるそうです。外部ライブラリの依存が無いjavascript製ライブラリ)なるものを実装することになりました。公式サイトはどうやら英語なのですが、「にほんご。[...]2022年7月2日JavaScriptCSSfontのMediumってどう指定するの?font-weightがbold以外の時、例えばMediumとかLight、ExtraBoldなどに出会ったことはありませんでしょうか。実はこれ、font-weightに数字を指定して実装できます。