SlideShare a Scribd company logo
1 of 4
プロデザイナーが実践する
HTML&CSSスキル向上トレーニング
∼GitHub編(1)
!
笠井 枝理依
質疑応答
レポート課題
実際に自分で同じページをHTMLスケッチしてみて、その
感想や意見を提出してください。
• 対象URL

https://github.com/ellekasai
• サンプルコードURL

https://github.com/htmlsketch/sample/tree/master/2-
schoo%20class/part2
各種SNSアカウント
• Twitter

https://twitter.com/ellekasai
• Facebook

https://www.facebook.com/elle.kasai

More Related Content

Viewers also liked

【再放送】菊池崇のレスポンシブWEBデザイン道場
【再放送】菊池崇のレスポンシブWEBデザイン道場【再放送】菊池崇のレスポンシブWEBデザイン道場
【再放送】菊池崇のレスポンシブWEBデザイン道場schoowebcampus
 
Workshop chair
Workshop chairWorkshop chair
Workshop chairNoi Kapong
 
Audience feedback
Audience feedbackAudience feedback
Audience feedbackmicsan95
 
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗schoowebcampus
 
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】schoowebcampus
 
数学的「頭の働かせ方」を身につける 基礎編(3/6)
数学的「頭の働かせ方」を身につける 基礎編(3/6)数学的「頭の働かせ方」を身につける 基礎編(3/6)
数学的「頭の働かせ方」を身につける 基礎編(3/6)schoowebcampus
 
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)schoowebcampus
 
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)schoowebcampus
 
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子schoowebcampus
 
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAIN
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAININDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAIN
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAINNeha Sharma
 
次世代リーダーが伝える福島の現状【第二回目:子ども編】
次世代リーダーが伝える福島の現状【第二回目:子ども編】次世代リーダーが伝える福島の現状【第二回目:子ども編】
次世代リーダーが伝える福島の現状【第二回目:子ども編】schoowebcampus
 
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつしschoowebcampus
 

Viewers also liked (18)

【再放送】菊池崇のレスポンシブWEBデザイン道場
【再放送】菊池崇のレスポンシブWEBデザイン道場【再放送】菊池崇のレスポンシブWEBデザイン道場
【再放送】菊池崇のレスポンシブWEBデザイン道場
 
Workshop chair
Workshop chairWorkshop chair
Workshop chair
 
Isevilikten hiristiyanliga
Isevilikten hiristiyanligaIsevilikten hiristiyanliga
Isevilikten hiristiyanliga
 
Audience feedback
Audience feedbackAudience feedback
Audience feedback
 
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗
プロのSEO担当者が教える、人工リンクに依存しない内部SEOサイト改善のポイント 先生:實川節朗
 
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】
恋愛専門家集団に生放送で恋愛相談しよう!【女性限定質疑応答あり】
 
数学的「頭の働かせ方」を身につける 基礎編(3/6)
数学的「頭の働かせ方」を身につける 基礎編(3/6)数学的「頭の働かせ方」を身につける 基礎編(3/6)
数学的「頭の働かせ方」を身につける 基礎編(3/6)
 
Heldere test
Heldere testHeldere test
Heldere test
 
Expo 2015
Expo 2015Expo 2015
Expo 2015
 
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)
マンガで学ぶ「学校や英会話教室では教えられない英語表現」 (第5回:日本文化編)
 
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)
立ち上げたばかりのFacebookページで最初のファンを集めよう(第6回)
 
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子
Webデザインの骨組み「ワイヤーフレーム」を学ぼう【制作編】 先生:田中 晶子
 
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAIN
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAININDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAIN
INDIAN ECONOMY LOOKING FOR DIRECTION FOR INDIA TO SHINE AGAIN
 
次世代リーダーが伝える福島の現状【第二回目:子ども編】
次世代リーダーが伝える福島の現状【第二回目:子ども編】次世代リーダーが伝える福島の現状【第二回目:子ども編】
次世代リーダーが伝える福島の現状【第二回目:子ども編】
 
Paradisec overview
Paradisec overviewParadisec overview
Paradisec overview
 
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし
英語で電話する際のシチュエーション別演習(電話を取ったとき編) 先生:小林 あつし
 
Revista digital
Revista digitalRevista digital
Revista digital
 
Schoo 0724
Schoo 0724Schoo 0724
Schoo 0724
 

More from schoowebcampus

ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 Newschoowebcampus
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoowebcampus
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~schoowebcampus
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...schoowebcampus
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...schoowebcampus
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...schoowebcampus
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...schoowebcampus
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法schoowebcampus
 
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)schoowebcampus
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~schoowebcampus
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1schoowebcampus
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)schoowebcampus
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)schoowebcampus
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】schoowebcampus
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司schoowebcampus
 

More from schoowebcampus (20)

Compl exxx after
Compl exxx afterCompl exxx after
Compl exxx after
 
Compl exxx before
Compl exxx beforeCompl exxx before
Compl exxx before
 
ビジネスプラン概要資料 New
ビジネスプラン概要資料 Newビジネスプラン概要資料 New
ビジネスプラン概要資料 New
 
2479
24792479
2479
 
schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内schoo法人利用-ビジネスプランのご案内
schoo法人利用-ビジネスプランのご案内
 
PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~PHP実践 ~外部APIを使って情報を取得する~
PHP実践 ~外部APIを使って情報を取得する~
 
i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...i.school, The University of Tokyo "Methods of concept designing and user surv...
i.school, The University of Tokyo "Methods of concept designing and user surv...
 
i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...i.school, The University of Tokyo "Divergence, convergence, and expression of...
i.school, The University of Tokyo "Divergence, convergence, and expression of...
 
i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...i.school, The University of Tokyo "The purposes and methods of technological ...
i.school, The University of Tokyo "The purposes and methods of technological ...
 
i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...i.school, The University of Tokyo "The purposes and methods of interviews and...
i.school, The University of Tokyo "The purposes and methods of interviews and...
 
i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...i.school, The University of Tokyo "Foundation and methodology in creating inn...
i.school, The University of Tokyo "Foundation and methodology in creating inn...
 
ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法ポートフォリオ公開後のマーケティング法
ポートフォリオ公開後のマーケティング法
 
1840
18401840
1840
 
授業資料(スクー)
授業資料(スクー)授業資料(スクー)
授業資料(スクー)
 
個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~個人事業主・フリーランスのための確定申告 ~白色申告編~
個人事業主・フリーランスのための確定申告 ~白色申告編~
 
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
初心者でもUnityアプリに広告実装!広告も簡単に導入できる!儲かるアプリ講座【appC cloud school】Unityシリーズ vol.1
 
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
少ない資金でシステム開発を委託する方法(補助金と類似事例の有無)
 
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
補助金で合格しやすい事業計画の作り方(主に創業補助金、ものづくり補助金)
 
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
アプリ開発したい人必見!Swiftを使ってiPhoneアプリに広告実装!【appC cloud school】
 
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
快適にWebデザインするためのフリーランスの仕事の流れ【プロジェクトマネジメント編】夏本 健司
 

Recently uploaded

ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdf
ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdfストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdf
ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdfmasakisaito12
 
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店ssuserfb441f
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfmasakisaito12
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipYasuyoshi Minehisa
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)KayaSuetake1
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチユニパー株式会社
 
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ 株式会社
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdfssuser80a51f
 

Recently uploaded (8)

ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdf
ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdfストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdf
ストックマーク株式会社がお客様へご提供しているAnews概要資料のご共有.pdf
 
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
株式会社MAVEL会社概要_アフィリエイト広告_運用型広告_LTVを予測しLOIを最適化する広告代理店
 
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdfストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
ストックマーク株式会社がご提供しているAnews(エーニュース)概要紹介.pdf
 
Service-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadershipService-introduction-materials-misorae-leadership
Service-introduction-materials-misorae-leadership
 
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
202405_VISIONARYJAPAN_engineerteam_entrancebook(ver2.1)
 
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチUP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
UP103シリーズ パワーコメット ユニパー スライドレールタイプ 瓦揚げ機 ウインチ
 
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
シンフォニティ株式会社(SYMPHONITY , Inc.) 会社説明・人材採用資料
 
20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf20240427 zaim academy counseling lesson .pdf
20240427 zaim academy counseling lesson .pdf