前にjsonやcsvファイルの相互変換や編集の方法を備忘録としてまとめました。 elsammit-beginnerblg.hatenablog.com elsammit-beginnerblg.hatenablog.comこちらの変換サイトですが、少し便利で使うときもあり、せっかくなのでWebサイトにて作成することにし…

今回は半年前に作成したスライドショーに音楽を付与し、 画像をクリックすると音楽とスライドショーが開始するようにしてみたいと思います。 作成したスライドショーはこちらにまとめております。 elsammit-beginnerblg.hatenablog.com合わせてhtmlで音声出…

今回はscss、sass導入手順です。 ■そもそもscss、sassって？ ■Windows(VS Code)での構築方法 ■Linuxへのコンパイル導入手順 ■最後に ■参考 (adsbygoogle = window.adsbygoogle || []).push({}); ■そもそもscss、sassって？ まずはscss、sassについてまとめて…

もうすぐ春ですね！！ 春と言えば桜！！ということで、Web上で桜をヒラヒラ舞わせてみようと思い、コーディングしてみました。 まだまだ自粛でお花見も難しそうなので、お部屋で桜が舞い散る風景を見て楽しめればと思っております。今回はフレームワークは用…

実は今ちょっとしたWebアプリを作成しているところw。 作成中に スマホへの対応もしとこうかな？ と思ったのですが、、、レスポンシブ対応したことなかった！！ と気づき、調べてみました。HTML5&CSS3デザインブック忘れないように今回もまとめておこうと思…

最近Webアプリのレイアウトについて勉強中！！そこで、こちらのような記事を見つけました。 gigazine.netReactでも試してみたいな！！と思いたち調べてみました。 こちらをまとめてみたいと思います。 ■まず始めに ■Reactでnes cssを使用するための事前準備 …

今年も残すところ後1日になりました。 今年はありがとうございました！！来年もよろしくお願いいたします！！今年はコロナに振り回された1年でした。。。 来年は終息し、平穏な一年になることを切に願います！！一足早いですが、おみくじアプリを作成しまし…

メリークリスマス！！ ただ残念なことに、 コロナウィルスの第3波が来てしまって、遊びに行くことも憚られる状態ですねせっかくのクリスマスなのに、、、 例年ならイルミネーションとかきれいなはずなのにということで、クリスマスっぽいWebアプリを作ってみ…

今まで作成したアプリやコードの整理真っただ中！！ 今年中に終わるかな？そこで、以前作成したポートフォリオ(なのか)？？を整理しつつ少しレイアウトを変更したので、 そこで使用したアニメーション付きリストについてまとめていきたいと思います！！ ■事…

ちょっと英語も勉強して行かなきゃなと思う今日この頃。速読速聴・英単語 Core1900 ver.5 (速読速聴・英単語シリーズ)新品価格￥2,090から(2020/10/24 22:02時点)だけど、、、ただ勉強するのもな。。。と思ったので、、、 今回勉強も兼ねてReactで英単語アプ…

HTMLとCSSホームページ作ってみたいな！！と思っているのですが、どうもうまく作れなかったので AmazonでHTMLやCSSの参考書で1位を取っていたこちらを読んでみました！！1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座新品価格￥2,237から(2020/10/7 …

今回はWebアプリのレイアウトを整えてみたので、その報告と備忘録です。 と言っても、デザインセンスがないのと初めてレイアウトを作成を行ったのでとてもダサいw。 世の中便利なもので、無償のテンプレートが数多く用意されていますが、"一度は自分で作って…