【超便利】SASSを導入せよ【HTML/CSSコーディング】
HTML-код
- Опубликовано: 8 сен 2024
- SASSの導入について説明しています！
導入が少し面倒ですが、パソコンに1度入れてしまえば、あとはガシガシSASSを使えるようになるので、早いうちにCSS→SASSの使用をオススメします😆❗️
🎥 SASSの便利な使い方についてはこちら
• SASSの超便利な使い方【HTML/CSSコ...
※ 2021/05/12（水） 20:00 公開
📕【目次】
1:19 ターミナルの起動
2:19 SASSのインストール
3:03 xcodeのインストール
4:24 実際の使用方法
この動画が気に入っていただけたら、ぜひチャンネル登録よろしくお願いします🙇♂️❗️
その他のSNSもフォローいただけたら嬉しいです❗️
◆ チャンネル登録
www.youtube.com...
◆ Twitter. ツイッター
/ hirocodeweb
◆ Instagram. インスタグラム
/ hirocodeweb
◆ ROOM. 楽天ルーム
room.rakuten.c...
🔋 僕が使っている、おすすめのデバイス 🔋（アフィリエイト広告を使ってます！）
---- マウス ----
【 ロジクール アドバンスド ワイヤレスマウス MX Master 3 】
amzn.to/34Zn5LH
" ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
---- キーボード ----
【 ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS 】
amzn.to/38S1B4i
" 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
---- パソコン ----
【 Apple Macbook Pro 16inch 】
amzn.to/2WXKtEN
" 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
---- 周辺機器 ----
【 Apple AirPods Pro 】
amzn.to/3rAyU4u
" カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
【 Apple iPad Pro 11インチ 】
amzn.to/3mZuvoo
" macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
📕 おすすめ書籍 📕
---- デザイン 基礎編 ----
【 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座 】
amzn.to/3o8vofO
" webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
【 なるほどデザイン 】
amzn.to/2X48Z77
" デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
---- デザイン 思考編 ----
【 誰のためのデザイン？ 】
amzn.to/3o4gzun
" デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
【 IAシンキング Web制作者・担当者のためのIA思考術 】
amzn.to/2KETvEn
" デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
---- 書籍デバイス ----
【 キンドルペーパーホワイト Kindle Paperwhite 】
amzn.to/3n2AwRh
" 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
🎧 BGM 🎧
----------------------------------------------------------
Music Title: Happy And Joyful Children
Music Link: • Happy Children Backgro...
----------------------------------------------------------
![Run Away - Tzuyu(TWICE) ツウィ 쯔위 [Music Bank] | KBS WORLD TV 240906](http://i.ytimg.com/vi/KnHNNyAYiu0/mqdefault.jpg)
ありがとうございます！おかげ様で無事に導入することが出来ました。
HIROさんの動画はどれも本当に分かりやすくて参考になります！
無事導入できたようで良かったです😊♪嬉しいお言葉ありがとうございます🙇♂️❗️
sass導入できました。ありがとうございます！
無事導入できたようでよかったです😆‼️嬉しいコメントありがとうございます🙇♂️‼️
ありがとうございます。もう知ったような顔をして「あーSaSSね」とごまかす事がなくなります😆
ウケました😆笑
毎度コメントいただきありがとうございます🙇♂️❗️
windowsPCですと、また別のやり方になるのでしょうか？
基本的には同じようです！
次の動画とてもとても楽しみにしています
嬉しいです😭ありがとうございます❗️
私はvscodeを使っているのですが、拡張機能のlive sass compilerを使っても問題ありませんか？
やはり実務だとターミナルを使用したやり方の方がいいのでしょうか？
ターミナルではsassからコンパイルするとエラーが発生します😭
何が原因か教えて頂ければ幸いです。
コメントありがとうございます🙇♂️❗️
VSCODE使用している人であれば拡張機能の方が断然便利で楽ですね😆
エラーの原因多数あるのでアドバイス難しいですが、実務だとしても拡張機能で全く問題ないです❗️
この方法で入れたxcodeをアンインストールしたいのですがどうしたらよいでしょうか？
いつもわかりやすい動画でとても勉強になっています！ありがとうございます！
コメントいただきありがとうございます😊♪
すべて完全に削除するにはいくつか削除するファイルがあるようです。下記記事参考になったのでみてみて下さい😆❗️
mykii.blog/xcode-uninstall/
無事にインストールできました！ありがとうございます！
最後にsassを止めるのはターミナルで「control+c」を押すですが、再開したい場合は何を押せばいいですか？
よろしくお願いします。
うまく行ったようで良かったです😆‼️
ターミナルでキーボードの↑キーを押すと過去のコマンドが出てくるので、sass -watchのコマンドを表示してEnterキーで、再度実行する感じです‼️
@@hirocode 返事ありがとうございます！無事に戻りました：）助かりました！！
sassをインストールしていなく、sassを使うためのコンパイルをしていないPCにzipファイルで共有してflaskなどサーバーにアップロードすることは問題ないでしょうか？
コメントいただきありがとうございます😊♪
アップロード自体は問題ないかと思いますが、少なくとも何かしらの形でCSSにコンパイルしなければスタイルは適用されないはずです❗️
vscodeの拡張機能で変換するまでにタイムラグが出て困っていました。
HIROさんの動画でSassを導入できました。
これからSassの学習をします。ありがとうございました！
嬉しいコメント頂きありがとうございます😊🎵導入できたようで良かったです😆❗️僕ももっとSass極めていきたいので、一緒に学習がんばりましょう❗️