プログラミング

【2nd】DAY27『VSCodeに「Easy Sass」導入してSassで書いてみる』

内容 今日は、VScodeに拡張機能「Easy Sass」を導入します。 やってみて思ったこと はにわまんさんの記事の通りにすれば一瞬で終わります。10分くらいで終わると思います。 早く終わった人は、P...
アクションカメラ

価格がほぼ同じ『Insta360 GO』と『GoPro HERO7 Silver』を比較してどちらを買うべきか本気で考えてみた!

最近、動画を配信してみようと「GoPro」を買うつもりでした! しかし、先日「Insta360 GO」の存在を知りました。 価格も僕が買おうと思っていた「GoPro HERO7 Silver」とほとんど...
プログラミング

【2nd】DAY26『Progate:Sass Ⅰ』

内容 今日は久しぶりにProgateをします。やることは「Sass」を学習します。 やってみて思ったこと いままで、CSSで書いていたけどSassを使うことですごく記述量が少なくなるのは良いなと思いました。 ...
プログラミング

【2nd】DAY25『モーダルを作る』

内容 今日は、モーダルの実装をします。 やってみて思ったこと 今日はモーダルの実装をするのですが時間があまりなかったので、レイアウトの方はあまりこだわらずに機能をつけることに時間を割きました。 機能をつ...
プログラミング

【2nd】DAY6『XDからテーブルとGoogleMap埋め込みのコーディング』

内容 今日は、テーブルの作成とGoogle Mapの埋め込みです。 やってみて思ったこと テーブルの作成やGoogle Mapの埋め込み自体はそんなに難しいものではありませんでした。 でも、レスポンシブ...
プログラミング

【2nd】DAY24『Q and Aをアコーディオンでコーディング』

内容 今日は、アコーディオンを実装します。 やってみて思ったこと Progateの中級編を見ながらやりました。 Progateと全く同じコードを書けば、エラーが出ることなく実装できます。 僕は、ク...
プログラミング

【2nd】DAY5『XDからニュース系のコーディング』

内容 今日は、ニュース系のコーディングです。 やってみて思ったこと ニュースの1行ずつを1つのまとまりとして考えて、「display: flex」で横並びにするのは簡単でした。 そこからの調整がやや大変...
プログラミング

【2nd】DAY23『ページ内リンクでクリックした要素に対して下線を引く(クリックイベントの処理)』

内容 今日はヘッダー内のリンクをクリックした際に、クリックした要素に対して下線を引く動きを実装します。 やってみて思ったこと 自分でゼロから実装しようと思ったけど、実装のイメージが分かりませんでした。 ...
プログラミング

【2nd】DAY4『ボタン、見出しを自在に作れるようになる』

内容 今日はボタンと見出しを作ってみます。 量が多いのでやるやつを選んでからコーディングします。 やってみて思ったこと やってみて分からないやつがあってもググればなんとか作ることができました。 あ...
プログラミング

【2nd】DAY22『スムーススクロールとフローティングアイテムを作る』

内容 今日は、スムーススクロールとフローティングを実装します。 やってみて思ったこと スムーススクロールはProgateでやったところですが、すでに忘れていました。なので、復習をしながらコードを書きました。 ...