tomy/WEB制作についての雑記note

こんにちは、tomyです。27歳です。関西に住んでいます。WEB制作が大好きです。感じたこと・思うこと・技術に関する学びなどのアウトプット雑記アカウントみたいな感じです。

tomy/WEB制作についての雑記note

こんにちは、tomyです。27歳です。関西に住んでいます。WEB制作が大好きです。感じたこと・思うこと・技術に関する学びなどのアウトプット雑記アカウントみたいな感じです。

最近の記事

【プログラミング】スムーススクロールでwindow幅に応じてスクロール位置を変更する方法

オンラインスクールの卒業制作が完成し ページの挙動などのセルフチェックをしていた際に見つけた、スムーススクロールの不恰好な動きを修正した際の学びがあったのでアウトプットです。 スムーススクロールの不恰好な動きとは?変更前のjQueryの記述 jQuery('a[href^="#"]').on("click", function (e) { const speed = 300; const id = jQuery(this).attr("href"); const t

    • 【WEB制作】swiperライブラリ、無限ループの作り方と苦戦したところ

      オンラインスクールの卒業制作で、swiperの無限ループを作成する機会があり、その中で学びがあったのでnoteで共有します。 swiperのライブラリを使ったカルーセルスライダーは過去に数パターン実装しており、特段難しいと感じていなかったが、今回無限ループのスライダーを実装するにあたって、うまく動かなかった部分があり、自分にとって価値ある学びだった。 それが、 swiperについてのfunctionの中でwidthを指定してしまうと、 無限ループの最後に空白が入ってしまっ

      • 【プログラミング】FROCSSのCSS設計で未だ悩むcomponent?project?どっちで作るべきか

        今現在オンラインスクールの卒業制作を作成しているが、FROCSSのCSS設計手法でsassでサイト制作をしているが、まだ完璧に理解しきれていないのが、 このパーツはcomponentなのか?それともprojectで作った方がいいのか? がまだ悩むし、サイト全体の構造を見てても、このセクションのデザイン結構使い回されてるし、クラス名は抽象的にすべきか?それとも具体的にしてしまって、今後出てくるものはまた別でファイル分割してCSS書くか・・・? が、作りながらまだ確信が持て

        • 【プログラミング】CSSプロパティheight: ⚪︎vw;で指定することについての理解

          オンラインスクールの卒業制作を作成中だが、 一見簡単そうに見えるデザインだったが自力で実装できない部分があった。 chatGPTに聞いたりしたがイマイチ実装できず、やむをえず参考サイトでお手本のソースコードを見てみて、そのコードを拝借しながらなんとか実装できたが、その中にこんなheightの指定があった。 img { height: 61.2vw; @include global.mq(lg) { height: 438px;

          プログラミングの理解を深めるためのアウトプットとしてのnoteの活用

          2023年は趣味だったWEB制作を本格的に学んで仕事にしたい!と思って、 4月からWEB制作の勉強を始めて、それまではずっと独学で学んでいたが、かなり時間がかかりそうというのと、実際現場で通用するのか?という不安から、2023年の10月にオンラインスクールに入会しHTML,CSS,JavaScript、その他知識の学習を開始。 今後の予定としては、今の会社を退職して、 フリーランスとして活動をしていく予定です。 そんな目標を掲げたこともあり、昨年はプログラミング、WEB関

          プログラミングの理解を深めるためのアウトプットとしてのnoteの活用

          【読書感想文】ポジティブ足りない!今の自分にぴったりだったポジティブ超変換!!

          どうもこんにちわ、だっくすです。 自称読書好きミニマリストです。 最近Kindleを購入してからすごく読書が捗ってます! 本当に買ってよかった! 今の所2023年買ってよかったものランキング第1位です! 今日読んだ本は春木開さんの、 【ポジティブが足りない! 人生が思い通りになる「運」のつかみ方】 を読みました!すごく読みやすくて1番はポジティブ変換の発想力に驚かされました! この本を一言で表すならこんな本行動からなる、ポジティブ超変換思考。 とりあえず大丈夫精神、で

          【読書感想文】ポジティブ足りない!今の自分にぴったりだったポジティブ超変換!!

          【読書好きミニマリスト】読書について思うこと

          どうもこんにちわ、だっくすです。 自称読書好きミニマリストです。 最近は、【命綱なしで飛べ】を読み終わりました。 約400ページの大ボリュームでしたが、かなり学びがありました。 自分の気づきもあった、やっぱり自分は恐れてたってことに気づいた。 今成り行きでもIT起業のマネージャーっていうポジションにいて、 それなりに給料をもらっているけど、やってることは中間管理職っていう名前の都合のいい社員とクライアントの板挟みになってるだけ。ってことに。 すごく端的にこの本の要約をす

          【読書好きミニマリスト】読書について思うこと

          【サウナ】ついに見つけた!神戸穴場ホテルサウナ

          どうもこんにちわ、だっくすです。 自称サウナ大好きミニマリストです。 ミニマリストってこぞってサウナ好き多いですよね。 最近サウナ開拓にハマってます。 というのも、 普段行ってるサウナは、すごく気に入ってるんですけど、 もう、とにかく人が多い、、、 夜23時に行ってもお昼の15時でも朝6時に行っても常に満員、、、 サウナもすし詰め状態、水風呂も順番待ち、外気浴のインフィニティチェアも常に埋まっている。 そんなわけで今探し求めていたのは以下の条件 人が少なめ(水風呂と

          【サウナ】ついに見つけた!神戸穴場ホテルサウナ

          TOEIC勉強って楽しいね。

          どうもこんにちわ、だっくすです。 最近はTOEIC勉強をしてます。 今年の3月に受験することにして、 1/20に応募してからすごくやる気が湧いてきて、 通勤電車の中、片道40分くらいかかるんですけど、ずっとアプリ勉強してられるくらいはいい感じに勉強できてます! 使っているアプリはabceedというアプリで、 金のフレーズとか金のセンテンスのアプリ版が入っているので 単語の暗記にすごくちょうどいい、自分は単語だけを覚えるよりも、 文章とかのセンテンスで覚える方が身についてい

          TOEIC勉強って楽しいね。

          フォロワー様が100名になってました😊😊😊😊😊 いつもお読みいただきありがとうございます😭更新頻度は少ないかもしれませんがこれからも投稿していくのでよろしくお願いします😊😊😊

          フォロワー様が100名になってました😊😊😊😊😊 いつもお読みいただきありがとうございます😭更新頻度は少ないかもしれませんがこれからも投稿していくのでよろしくお願いします😊😊😊

          【読書感想文】付加価値の作り方〜命の時間は価値を生み出すために使う〜

          どうもこんにちわ、だっくすです。 自称読書が好きなミニマリストです。 本を読むのが好きで、今回読んだのは、 【付加価値の作り方】 現在マネージャーという仕事柄、付加価値、生産性アップは特に意識しているところなので、すごく役に立ちそう、読むだけでなく、 実際にアウトプットとして実践していくための今回のアウトプットです。 この本を1言で表すとこんな本この本で得られる付加価値の作り方は、 これからの物価が急上昇していく厳しい現代を生き抜くための働く人、すべての人が身に付けるべ

          【読書感想文】付加価値の作り方〜命の時間は価値を生み出すために使う〜

          Aimerさんの『Ivy Ivy Ivy』が好きすぎる

          どうもこんにちわ だっくすです。 いつもと少し方向性が違いますが、 筆者の1番大好きなアーティスト、Aimerさんの 【Ivy Ivy Ivy】が好きすぎるので語らせてください! まずはAimerさんご結婚おめでとうございます! 年始早々の発表で驚きでしたが 昔からずっと好きなアーティストさんなので 幸せになっていただきたいです! そんなAimerさんの最新の楽曲 【Ivy Ivy Ivy】 が大好きすぎで鬼リピしてるのでみなさんにも布教していきたいと思います!

          Aimerさんの『Ivy Ivy Ivy』が好きすぎる

          あけましておめでとうございます🎉 2023年も自分のペースでアウトプットを続けていこうと思います。 今年もどうぞよろしくお願い致します🐰

          あけましておめでとうございます🎉 2023年も自分のペースでアウトプットを続けていこうと思います。 今年もどうぞよろしくお願い致します🐰

          気づけばフォロワー様が70人超えてました!フォローいただきありがとうございます!ペースはゆっくりかもしれませんが、note書くのは好きなので続けていきます! 今後ともよろしくお願い致します😁

          気づけばフォロワー様が70人超えてました!フォローいただきありがとうございます!ペースはゆっくりかもしれませんが、note書くのは好きなので続けていきます! 今後ともよろしくお願い致します😁

          ミニマリスト愛用スキンケア 〜キールズ愛を語りたいだけ〜

          どうもこんにちわ、だっくすです。 自称ミニマリストです。 スキンケア迷子だった筆者が1年前に出会い、 いろんな浮気をしつつも、やっぱりここだな。そう思ったブランドが キールズ! 本っっ当にめっちゃいいからぜひおすすめしたい。 今スキンケアいろいろ探してる人はもう、全員キールズでいい! それくらい言い切れるくらい大好きで、 こだわり強い筆者の大好きなスキンケアブランド キールズの魅力について勝手に語っていきたいと思います。 ハマったきっかけはYouTube、そして神保

          ミニマリスト愛用スキンケア 〜キールズ愛を語りたいだけ〜

          【デジタルデトックス】1日だけスマホ捨てたら快適だった

          どうもおはようございます。 だっくすです。 仕事柄1日最低8時間、長い時は10時間、 さらにそれにスマホを見る時間とかを加えると、寝てる時以外常に何かしらのデジタルの画面を見てる。 急にそんなことを思ったので、思い切って 休みの日1日スマホを捨ててデジタルデトックスしてみたんですけど、 控えめに言って最高。 あと何にも困らなかった そんな1日デジタルデトックスの感想を書いていこうと思います。 スマホの支配からの解放まず最初に見てもらいたいのが、これが仕事の日のスマホ

          【デジタルデトックス】1日だけスマホ捨てたら快適だった