Webの神様（おすすめch紹介）

【タイピング練習】Web業界の必須スキル！タッチタイピングを最短で習得する方法【Webデザイナー・エンジニア・プログラマー】

(c) Webの神様　Web業界を志しているなら、キーボードをガン見でタイピングしてる場合ではありません！最短でタッチタイピングを習得するための、オススメ …

Web業界を志しているなら、キーボードをガン見でタイピングしてる場合ではありません！最短でタッチタイピングを習得するための、オススメの練習方法やツールの紹介です！===動画内で紹介しているおすすめツール・リンク===・マイタイピング（ひよこでも出来るタイピング練習講座）https://typing.twi1.me/training・マイタイピング（いうおあえタイピング）https://typing.twi1.me/game/88397・ローマ字入力表http://typingx0.net/key_l.html・イータイピング（模擬試験）https://web.e-typing.ne.jp/mock/最低限3級合格、目指すは2級合格！・寿司打http://typingx0.net/sushida/普通モード　高級 10000円コースで〇〇円お得！を目指す・Codedrilhttps://www.code-drill.com/chars/・Macbook 専用キーボードを真っ黒にするシール※テープなど適当なもので代用可能ですが、専用のものの方がおしゃれでかっこいいです！○ブラックアウトステッカーJIS キーボードhttps://amzn.to/3JcV70EUS キーボードhttps://amzn.to/35LdJ9p○ブラックアウトステッカー ProJIS キーボードhttps://amzn.to/3J8M5BGUS キーボードhttps://amzn.to/3LhUULr

タイピングを見直すきっかけになりましたホームポジションをちゃんと意識しただけでタイプミスが減りました、正しい指使い大切ですね！いつも初心者のためになるテーマで動画の作成ありがとうございます

この動画ですごく有益だと感じる点は、タッチタイピングの実務で使うレベルのゴールを示してくれているところだと思いました。ありがとうございます。

最近フォローしたばかり物なんですが、web業界に転職したくて、自己流の打ち方を治そうとしているところ、この動画がアップされて大変お勉強になりました！！！地道に練習します。

義務教育に加えた方がいい必須スキルだと思います

いつも良い情報、ありがとうございます！タイミング、遅くはないけど早くならないなぁ〜と思ってました。0からみっちり練習します！

初めて拝見しました。大変わかりやすかったです！マイタイピングは使ってたのですが、結構煮詰まっていたのでまた1からやり直すつもりで修行します。code-drillも参考になりました。今後もこちらのチャンネルでいろいろ学びたいと思います。ありがとうございます！

いつもわかりやすい動画をありがとうございます。今日はリクエストがありコメントさせていただきました。実際の案件ではphotoshopを使ってコーディングすることが多いと聞いて勉強をしているのですが、画像を書き出す方法どうしても分からず行き詰まっています。画像アセットの生成の仕方のところを動画にしていただけるととてもありがたいです。ご検討よろしくお願いいたします。

参考になります(^ ^)ありがとうございます。速くなるようがんばります！

説明が丁寧で参考になります！是非やってみようと思います。

やはり自己流は伸びないんですね💦私小指がかなり短く代わりに薬指でやったりしてます。スピードはかなり早い方だと思うのですが打ち間違いも多いんです。やはり基本が大事ですね！きっかけを下さってありがとうございます😌

書くよりタイピングは相当楽ですね。字が綺麗ではないので、字を書かずに仕事ができることは助かっています。

web業界だと、タッチタイピングは出来ないとマズイレベルなのは分かりましたが、普通の事務くらいのレベルの場合は、どの程度のスピードが求められますか？自身、パソコン作業は、今まで経験があまり無く、病気により事務仕事のような体に負担が少ない仕事しかダメだと主治医に言われ、現在、パソコン教室に通って、練習してる感じなのですが・・・

足で打ってみようと思って練習してたら足でも打てるようになりました。ゲームもそうですが、足でも打てるようになるので、両手と両足で打てば事実上１．５～１．７倍更に早くなりますよ

できるか不安だったけどオンライン授業で2年間パソコンでレポートばっかり打ってたら自然とできるようになってた

現役エンジニアです。タイピング練習いっぱいやりましたがCmd,Shift,Control,Fnキー押しながらだとどうしてもホームポジション崩してしまいます。何か良い手段ないでしょうかコーディング中はコピペすることが多く、HHKBのUSキーなので方向キーはショートカットキーを使って範囲選択してCmd+C,Vなどしているともう散々な指使いになっています

4月から大学でプログラミングをやるので今練習してます。こういう動画はありがたい…

こんにちは！とても参考になります(^^♪

ブラインドタッチは習得していれば確かに便利ではあると思うけど、今のWeb業界では必須なのかな？ CMSで管理されているサイトのコーダーであれば早く打てるのはいいことなのかも。どちらかと言えば、タイピングが多い総務系など事務職に必要なスキルって感じてます。 20数年SEしてますが、タイピングよりも表現（訴求）する為の手法をいかに知っているかが大事なのかなと思いますね。収入に関していえば、タイピングが速く正確であっても増える事はないと思います。タイピング量で差が出る報酬の場合は違いますけど。時代的には、ノーコード、ローコードになってきてると思っています。

マジでセンター分け似合ってる（笑）いいなーこんな社長だったら給料５万でいいわ。自分でショッピングサイト作れるように勉強がんばろ、、、むずかしすぎる（ ; ; ）レッドブル自分も大好きです！！！

【超入門】初心者必見！模写コーディングをやってみた実践編【HTML・CSS コーディング】

(c) Webの神様　HTML/CSSの学習で定番の学習方法、「模写コーディング」のやり方、練習するときのポイントをまとめました下記の動画をもとに、実際に …

＜目次＞・オープニング 0:00・オススメの手順のおさらい 1:25・模写コーディング実況　①サイト選び 1:42　②スクリーンショットを撮る 2:22　③テキストを抽出する 3:13　④画像を抽出する 4:00　⑤HTML編集 5:13　⑥CSS編集 12:06　⑦運命の答え合わせ 39:51・今回のまとめ 43:40↓今回参考にしたサイト↓模写サイトhttps://free-hp.net/clinic/cl_001/「HTML5 Doctor Reset CSS」http://html5doctor.com/html-5-reset-stylesheet/

大変参考になる動画ありがとうございます！一緒にやりながら進めてましたが、説明が早すぎてCSSの段階からついていけなくなりました。初心者には少し難しいかと。。でもやり方の流れは大変勉強になりました。今後も楽しみにしています🙇‍♀️

模写と言ってもどうすればいいか戸惑っていましたが、この動画は実践しているところをみながら学べるだけでなく、解説がとてもわかりやすいです。何度も見て勉強を深めていきます！

すごくわかりやすいです！また、この動画と同じような一緒にコーディングしていくようなものを出してくださると嬉しいです！

コーディングはこれといった決まりがないんですね、答えを導きだすのに過程は人それぞれ違うんだなと思いました。効率化も視野に入れ模写コーティングやってみます！

動画ありがとうございました。まさに、模写コーディング初心者ですが、とっても分かりやすい解説でした。解説だけでなく、実際のコーディングまで細かく解説してくれていて、大変勉強になりました。模写コーディングの別バージョンも見てみたいです。(*‘ω‘ *)今後も色々な動画を楽しみにしています。

有益な動画ありがとうございます！動画を見ていて疑問におもったのですが、画像の横幅を図るところで、自分のwindows環境だと　1110px と測っている部分が1670px になってしまいます。他の方は２倍になっているようですが、設定をどのようにしたら、横幅が1110px となるのでしょうか？

今月勉強始めたばかりの超初心者です！こうしたいときはこうする的な、実際にコードを書きながらの説明わかりやすかったです、ありがとうございます！ただ、なつこさんがコードを確認するペースで画面が変遷していって途中からついて行けなかったのでもう少しゆっくり画面が切り替われば初心者にはとてもありがたいです笑　今後も楽しみにしています(^o^)！

とても分かりやすい動画で本当に感謝しております。ただ急に駆け足になった感じがしてしまって途中からよく分からなくなってしまいましたがそこはまだ私の知識が足りてないと実感も出来ました。少し元に戻って復習をしたいと思います。なつこさんが美人さんなので癒されながら勉強できて一石二鳥です。今後も動画のアップをお願いします！

progate,dotinstallで学習を終えた後、この動画に出会いました！有料級の動画だと思うので本当に感謝しています。そこでは、エディタのスタイルシートをhtml とcssで分けてコーディングしていたので、自分もその書き方に慣れていたのですが、この動画内では、htmlのスタイルシートにcssの記述もしているので、少し疑問に思ったことを質問させてください。動画内で、リセットcss　doctorをコピペしてhtmlのシートに貼り付けていますが、そのあとは自分が学んできた通りにcssを記述していいということでしょうか。もし記述の仕方が異なりましたら教えていただきたいです。あと、そのように同じシートで記述することによるメリットもお聞きしたいです。よろしくお願いします！

神動画ですね！一通り勉強して何やればよいかわからなかったので参考になりました☺︎

模写コーディングが難しくて悩んでいましたが、作業の流れが把握できたので続けてみようと思えました。ありがとうございます。

模写コーディングの取り組み方に迷っていたため、凄く参考になりました！　　　　　　　　　　１つご質問ですが、スクリーンショットを使って高さなどのサイズを測っておりましたが、Full Page Screen Captureでスキャン後、どのような種類のファイルで開いてますか？

こんな動画が欲しかった涙です。。できる人＝教えるのが上手いではないですよね。教員経験から痛いほどわかります。。ありがとうございます。divなどの構成手順や思考回路がわかりやすく、まさに神です‼またコーディング動画希望します‼

模写コーディングというやり方は、この動画で初めて知りました。ポイントを絞って解説してもらっているのでとてもわかりやすいです。ただ、進行が初心者にとっては早いかなと感じます。長時間になっても構わないので、じっくりご説明いただければ幸いです。これからも期待しています。

分かりやすい説明有難うございました！右下のテロップがあってCSSの書き込みが見にくかったですが、とても為になりました！

独学でプログラミングを勉強中で模写コーディングやり始めていました。苦戦していましたが、考え方などとても参考になりました。ありがとうございます！

とても参考になりました🙇初心者にとってはすごくありがたい動画でした…また模写コーティングの実践編をあげていただけたら幸いです！！

うわー！めっちゃ助かる動画発見しました！ありがとうございます😭！！

大変勉強になりました。このような動画を上げていただきありがとうございます。一つご提案ですが、なつこさんが現在のレベルまで至った過程を紹介していただけたら嬉しいです！

【超入門】初心者向け模写コーディング！オススメのやり方とポイント【HTML・CSS コーディング】

(c) Webの神様　HTML/CSSの学習で定番の学習方法、「模写コーディング」のやり方、練習するときのポイントをまとめました！ ↓次回は、この動画の内容を …

明確て非常にわかりやすい説明でした！！実際に模写コーディングをやっている動画がなくて結構難しく考えていました😩

本当に神様だった。わからなかったことが全部解決しました。ありがとうございます。今後の動画も楽しみにしてます。

初学者にも、とても分かりやすい！ありがとうございます。

さっきprogateのhtml/cssを終えました。この動画のテーマ、温度感、どれもとても良かったです。明日から模写コーディングしようと思ってますが、やり方やツールなど具体的でとても参考になりました！ありがとうございます！

かなり丁寧でわかりやすいです😭ありがとうございます！今日からやってみます✊

はじめまして！丁度ドットインストールでの学習が終わって次はどうしようか考えてたところ、こちらの動画にたどり着きました！めっちゃ参考になりました！！模写コーディングやってみます＾＾チャンネル登録させて頂きました＾＾

模写コーディングはどのように始めたらいいのか困っていたのでスゴく参考になりました。頑張ります😁

模写が全く出来なくて挫折しかけてました…！全体を完璧に作らねばと思い込んでいました。一部ずつ、少しずつ頑張ります！ありがとうございます！

この動画に出会えたことに感謝感激すぎです！ありがとう！！！

今日から模写コーディング始めたのでとてもありがたい動画でした！頑張ります😊

ページ全体のスクリーンショットを撮る方法がめちゃくちゃ参考になりました！

模写コーディングという言葉を初めて知りました。とても勉強になりました！ありがとうございます。WordPressで作られたサイトでも模写コーディングは出来ますか？それと、Class名はとりあえず自分なり付けるのでしょうか？

こんにちは！いつも参考にさせてもらってます！質問なんですけど、font-sizeとかは検証ツールで確認するしかないですよね？

すごく分かりやすいです。ありがとうございます😊模写頑張ります。

とてもわかりやすくて勉強になる動画をアップしてくれてありがとうございます！

すごく参考になりました。ありがとうございます。早速役立たせて頂きます✨

情報ありがとうございます😸まさに今欲していた学習方法がここにあった！かなり為になったので心地よく言われた通りにチャンネル登録しました🙋‍♂️笑

要素のサイズを測れるツールや拡張機能も教えていただきたいです。

参考になりました！ありがとうございます✨

模写コーディングを始めて1ヶ月になりますが、今更かゆいところに手が届くような解説動画に出会えました、ありがとうございます。質問というよりリクエストになるのでしょうか、模写コーディングを始めてから “Lancersさん” や “クラウドワークスさん” で簡単な案件を取って来るまでの “流れ” や “期間” 。初めて取る “オススメの案件内容” などの紹介をして頂けたらと思いコメントさせていただきました。検討の程よろしくおねがいします。

【超入門】たった20分でまるわかり！HTMLをはじめてみよう【HTML・CSS コーディング】

(c) Webの神様　これからHTMLの勉強をはじめるみなさん、この動画でHTML学習のスタートダッシュはバッチリです！後から大きくハマってつまづく前に、 …

〈目次〉・オープニング 0:00・今回の概要 0:38・タグと要素 1:02・入れ子ルール 3:27・終了タグが存在しないタグ 4:34・属性 7:35・コメント行の入れ方 10:03・「class」属性と「id」属性とは？ 11:15・よく使うタグを覚えよう 15:26・「div」タグと「span」タグ 17:08

今まで見た中で一番分かりやすいです！（ ; ; ）これから全部見て勉強します！ありがとうございます‥！！！！！

一度基礎を勉強した私にとって、とても良い情報でした。わかりやすかったです、ありがとうございます😊

とても分かりやすくて勉強になります！ありがとうございます。

めちゃ分かりやすくて良い振り返りになりました！今後の動画も楽しみに、今日はイサラ模写に取り組んでいきます😌

とてもわかりやすいです。ありがとうございます！

とてもわかりやすかったです！チャンネル登録させていただきました^_^

これから始めようとしています。めっちゃ分かりやすいです！

丁寧な説明ありがとうございます😭

いいねはたまにしかつけないですし、Youtubeのコメント、初ですがそれぐらいわかりやすい動画で感動しました！今後も動画楽しみにしています！

助かりました。

いつも拝見させていまだいてます！今、HTMLメールの案件やっているのですが、上手くコードが反映されなくて、悩んでいます。HTMLメールに関する動画など作っていただけないでしょうか？？

cssの反映ができず教えて頂いた通り確認したらエラーが出ていましたが、スペルなどは特に問題ありませんでした。他の要因はありますか？ちなみに画像も添付がうまくいかずエラーになっていました

基礎学習後に改めて見ると更に理解深まりました。idとclassの違いは分からなくもないのですが、他のサイトなどの色んな解説も含めて聞けば聞くほどidっているの？って思ってしまいます。全部classじゃダメなのでしょうか？？

背景黒にしたほうが目に優しいし見えやすくなるのでしてほしいです

大変勉強になります。このエディタは何ていうのでしょうか⁉️宜しくお願い致します。

初めに、大変申し訳御座いませんがつい最近に知りました、出来ましたら、どの部分から始めて良いか分かりません、番号を付けて頂けないでしょうか？それぞれのスタートチャンネルページにお願いします、ジジィのお願いです、宜しくお願いします。

在宅ワークでHTMLとCSSやってもお金にならないと他のチャンネルで見ました。なんかそー言われると勉強してもどーなのかなと心配になります。

はじめまして、これから参考にWebサイトを作りたいと思います。ところで、後藤真希さんそっくりで素敵な美人さんですね。

声すきだわぁw

【超入門】実践！「iSara」模写コーディングをやってみた① ソースコード配布【HTML・CSS コーディング】

(c) Webの神様　模写ソースコード配布中！↓↓↓ 著作者の方にご快諾いただき、模写ソースコードの配布を開始しました！下記よりダウンロード（zip …

【目次】0:00 イントロ1:07 模写コーディングの手順1:37 ①サイト選び3:11 ②スクリーンショットを撮る7:57 ③テキストを抽出する9:26 ④画像を抽出する7:08 ⑤HTML編集11:05 HTMLマークアップの確認12:22 CSS編集1:26:59 全ソースコードおさらい1:27:39 締め

動画の更新をずっと待っていました！なつこさんの模写コーディングの動画を何回もみていろんなサイトを模写できるようになりました！本当に感謝です！次はちょうどisaraをやろうと思っていたのでとてもありがたいです😊

学習お疲れ様です！著作権保持者です。著作権の関係上ソースコード配布できないとありますが、配布してくださっても問題ございません！みなさんの学習のお役に立ててくださいー😇

超入門の模写コーディングは、初心者の私には大変有難いです✨今回もありがとうございます😊

つい先日isaraの上半分ぐらい模写終えたばかりでした！トレンディーな動画なので答え合わせしてみます^ ^css設計などの深掘りしたコンテンツの動画も出してもらいたいです！

自力で模写をした後にこちらを見るとすごく為になります！今後も楽しみにしております！

「iSara」の模写コーディングは、すごく勉強になりました。ありがとうございます。これからも多くの人のコーディングの上達の役に立つ動画を作成してください。Webの神様は、素晴らしい活動をされています。神様という名もけっして誇張ではないですね。

非常にわかりやすいです！ありがとうございます^^

CSSのbackground一気に指定しているところ2つcentarがありますが、それは最初のcenterで左右2つ目のcenterで上下の位置を決めていると言う理解で良いですか？

すごく勉強になりました！ありがたいです✨✨🙏🙏これからも応援します。続き楽しみにしています

模写一旦全部上手くいきました！神動画ありがとうございます！

isara模写ありがとうございます！！YouTube上に綺麗な動画が無いのですごく助かります！！

いつも初心者に優しい有益な動画ありがとうございます。本件の続きも楽しみにしています。