【HTML/CSSレイアウト番外編】コーディングに便利なChrome拡張機能を作りました【ヤフー出身エンジニアの初心者向けプログラミング講座】

チャンネル名:しまぶーのIT大学
◆概要(引用)
文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家

?️ 拡張機能(UI Build Assistant)
https://chrome.google.com/webstore/detail/ui-build-assistant/clbhieamajlakjobcoiheklaoldcjhjf

? GitHub(使用したコード)
拡張機能のソースコード
https://github.com/lightsound/ui-build-assistant

今回つくったレイアウト
https://github.com/lightsound/html-css-class/tree/master/%E7%95%AA%E5%A4%96_Extension

? もくじ
0:00 拡張機能のインストール方法
2:00 拡張機能の使い方
3:18 拡張機能を使って実際にレイアウトを組む
8:58 他のサイトで拡張機能を有効にしてみる
9:27 拡張機能でデザインも学べるかも!?
12:05 拡張機能はオープンソースでコードが見れる
13:03 クロージング

? 今日のひとこと
UI構築に便利なChrome拡張機能を開発しました。
HTML要素に background-color と outline のCSSを付与し、
レイアウトを作るときの補助として使えます。
他サイトに使うとデザインの勉強にもなるかも!?
プログラミング・マークアップ学習中の方向けの拡張機能です。

?この動画だけは見よ!
【HTML/CSSレイアウト #1】
実践的かつデザインも学べるレイアウト講座を開講します
https://youtu.be/BOWH_7BpO8Q

?‍? 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

? SNS
Twitter: https://twitter.com/shimabu_it
Instagram: https://www.instagram.com/shimabu_it

?️ タグ
#レイアウト #拡張機能 #Chrome拡張機能

コメント

タイトルとURLをコピーしました