Размер видео: 1280 X 720853 X 480640 X 360
Показать панель управления
Автовоспроизведение
Автоповтор
この動画最高です。２時間きっちり見させてもらいました！スクール通ってるんですけど、この動画の方が断然わかりやすいです笑笑
そう言っていただけて大変嬉しいです！！
とても解りやすく、参考になりました。ありがとうございました。
ありがとうございます！
凄くわかりやすい動画、ありがとうございます。車はGTRですね^^
いろいろな勉強サイトを見てきましたが一番わかりやすかったです。自分がつまずいているところをなので何度もリピして覚えようと思います。次の動画宜しくお願い致します。
ご視聴ありがとうございます！年内は難しいのですが、また追加で少しづつ動画をアップさせていただきますので、お時間あるときに見てくださいmm
サービスの受講を考えていたのでありがたいです…！
ありがとうございますmm
今一番探している動画でした。 自分が知りたい情報がズバリです。 コーディングの勉強をしているのでこのような動画は非常にありがたいです。スマホコーディングの動画はこれからですかね？
現在公開している動画は、スクール教材になります。実はスマホ対応の動画はすでにありますwユーチューブで公開するか、学習サイトを2月以降にリリース予定ですので、そちらで共有するか考えております。
@@torikumu そうなんですね。いろんなライブコーディング動画をみてるのですが、たいてい途中でどうしてその数値になるのかの部分がカットされて分からなくなるのですが、torikuma さんの動画はきっちり説明してくれているので非常に参考になります。 また次の動画期待してます！
初めまして！こちらの動画とてもわかりやすく何度か見ています！！リセットcssはどこから開いたら見れますでしょうか？教えていただけると嬉しいです！
参考にしていただきありがとうございます！使用しているのは、destyle.csになります。github.com/nicolas-cusan/destyle.css/blob/master/destyle.css
@@torikumu お返事ありがとうございます。destyle.css使用します。もう一つお聞きしたいのですが、xdで作ったかんぷを印刷したい場合どのように印刷したら良いでしょうか？カンプが長い場合pdfにして印刷するとa4一枚に小さく印刷されてしまい書き込みができない状態になってしまいます。何か良い方法はありますでしょうか？まだxdなどのツールが使い慣れていないためコーディング前に手書きで書きたいのですが...
@@aya_chan_RUclips アートボードを分割して印刷するか、こういった方法もありますね。agn.jp/blog/?p=3582
データのダウンロードができないようなのですが、上記リンクでダウンロードフォームが出ません。修正いただけたらありがたいです。
大変失礼しましたｍｍ見れるようになりましたので、こちらからお願いいたします。▼ダウンロードフォーム▼creators-factory.com/download/
とても親切に説明していただいて凄く勉強になりました！わかりやすかったです^ ^是非、スマホ対応のレスポンシブの動画も宜しくお願いします。そして、サイト内に 詳しくこちら のリンクを作りますが、このリンク先のページはどこに作るのでしょうか？？教えていただけると有り難いです。宜しくお願いします。
ご視聴ありがとうございます！詳しくはこちらのページは、今回はないのです。。
containerの下にinnerを入れても画像が沿わないんですが、何故かわかりますか？
解決できました！
とても参考になる動画ありがとうございます！この素材で作った内容はポートフォリオに載せてもいいですか？
ご視聴いただきましてありがとうございますmm掲載は全然問題ございません。
@@torikumu ありがとうございます！とてもわかりやすかったので他の動画も見させて頂きます！
こちらのサイトのスマホ対応はどこにありますか
RUclipsでは公開しておりませんので、ご了承くださいmm
実際のデザインカンプからのコーディングで 例えばmarginが47pxであった時、コーディングで50pxとしても良いのでしょうか。それともデザインデーターどおりの数値にすべきでしょうか？paddingを％やemで表現すると違ってくる場合もあると思うのですが。こちらの動画では初心者向けだからなのでしょうか。また最終的には全ての要素の数値をデザイン通り完璧に（ほぼ寸分違わず）すべきなのでしょうか。
実務であればデザインデータを作成したデザイナーが誰かにもよります。自分以外の方であれば、コミュニケーションを取って確認すればいいと思います。例えば今回のようなケースは調整してもいいでしょうか？それともずれているように感じても合わせましょうか？と。コーディングは作業ではないので、ケースに合わせてコミュニケーションを活用しながら連携することが大事かなと思っております！
寸分違わずピッタリ合わせることだけが仕事になるなら、人間ではなくそのうちAIに仕事が奪われるようになりそうですよね。。
@@torikumu 返信ありがとうございます。勉強になります。
XDの about のメインビジュアルの幅が70px なのに、フォトショップのaboutからメインビジュアルの距離を測ると80px でした。 この場合、どちらが正しくどちらにあわせるべきでしょうか？ちなみに、イラストレーターのデータをフォトショップに変換したら数値が全く変わってしまったことがありました。
こちらのデザインデータは、XDで作成したものをPhotoshopに変換しております。そのため、数値が若干ずれているかもしれません。今回の動画では、XDの方に合わせていただければと思います。
@@torikumu そうだったんですね。 ありがとうございます。
デザインカンプをWeb用にコーディングする手順がとても分かりやすいです！class名をつけた要素の終了タグの後にという注釈が自動で入っていますがどうやっているのでしょうか？また、コーディングのことではないのですが、画面録画中に一部を円形で拡大したり矢印を引いたりする機能が便利そうで気になったのですが（左端のツールバー）、何というアプリでしょうか？教えていただければありがたいですm(_ _)m
の自動追加は、googleで調べて、Emmetのsetting.jsonに追記することで対応できました。画面の一部を拡大したり矢印などの注釈を入れるアプリのほうは調べても分からなかったので、教えていただけると嬉しいです！
@@きゃぽりん ご視聴ありがとうございます！ブラシは、Mac専用のアプリのコチラになります。apps.apple.com/jp/app/screenbrush/id1233965871?mt=12
@@torikumu 画面に注釈を入れるアプリについて教えてくださってありがとうございます。さっそくインストールしました。手書き風に描画できて良いですね🌟Webのコーディングのほうも、動画でtorikumuさんのおかげでclassの付け方など少しずつ感覚がつかめてきました。分かりやすい動画を作ってくださってありがとうございます！
おもしろい やってみます
デザインデータをURLを更新しましたので、そちらからご利用ください。
この動画最高です。２時間きっちり見させてもらいました！スクール通ってるんですけど、この動画の方が断然わかりやすいです笑笑
そう言っていただけて大変嬉しいです！！
とても解りやすく、参考になりました。ありがとうございました。
ありがとうございます！
凄くわかりやすい動画、ありがとうございます。車はGTRですね^^
いろいろな勉強サイトを見てきましたが一番わかりやすかったです。
自分がつまずいているところをなので何度もリピして覚えようと思います。
次の動画宜しくお願い致します。
ご視聴ありがとうございます！
年内は難しいのですが、また追加で少しづつ動画をアップさせていただきますので、お時間あるときに見てくださいmm
サービスの受講を考えていたのでありがたいです…！
ありがとうございますmm
今一番探している動画でした。 自分が知りたい情報がズバリです。 コーディングの勉強をしているのでこのような動画は非常にありがたいです。
スマホコーディングの動画はこれからですかね？
現在公開している動画は、スクール教材になります。
実はスマホ対応の動画はすでにありますw
ユーチューブで公開するか、学習サイトを2月以降にリリース予定ですので、そちらで共有するか考えております。
@@torikumu そうなんですね。いろんなライブコーディング動画をみてるのですが、たいてい途中でどうしてその数値になるのかの部分がカットされて分からなくなるのですが、torikuma さんの動画はきっちり説明してくれているので非常に参考になります。 また次の動画期待してます！
初めまして！こちらの動画とてもわかりやすく何度か見ています！！
リセットcssはどこから開いたら見れますでしょうか？
教えていただけると嬉しいです！
参考にしていただきありがとうございます！
使用しているのは、destyle.csになります。
github.com/nicolas-cusan/destyle.css/blob/master/destyle.css
@@torikumu お返事ありがとうございます。
destyle.css使用します。
もう一つお聞きしたいのですが、xdで作ったかんぷを印刷したい場合どのように印刷したら良いでしょうか？
カンプが長い場合pdfにして印刷するとa4一枚に小さく印刷されてしまい書き込みができない状態になってしまいます。
何か良い方法はありますでしょうか？
まだxdなどのツールが使い慣れていないためコーディング前に手書きで書きたいのですが...
@@aya_chan_RUclips アートボードを分割して印刷するか、こういった方法もありますね。
agn.jp/blog/?p=3582
データのダウンロードができないようなのですが、上記リンクでダウンロードフォームが出ません。修正いただけたらありがたいです。
大変失礼しましたｍｍ
見れるようになりましたので、こちらからお願いいたします。
▼ダウンロードフォーム▼
creators-factory.com/download/
とても親切に説明していただいて凄く勉強になりました！
わかりやすかったです^ ^
是非、スマホ対応のレスポンシブの動画も宜しくお願いします。
そして、サイト内に 詳しくこちら のリンクを作りますが、このリンク先のページはどこに作るのでしょうか？？
教えていただけると有り難いです。
宜しくお願いします。
ご視聴ありがとうございます！
詳しくはこちらのページは、今回はないのです。。
containerの下にinnerを入れても画像が沿わないんですが、何故かわかりますか？
解決できました！
とても参考になる動画ありがとうございます！
この素材で作った内容はポートフォリオに載せてもいいですか？
ご視聴いただきましてありがとうございますmm
掲載は全然問題ございません。
@@torikumu ありがとうございます！とてもわかりやすかったので他の動画も見させて頂きます！
こちらのサイトのスマホ対応はどこにありますか
RUclipsでは公開しておりませんので、ご了承くださいmm
実際のデザインカンプからのコーディングで 例えばmarginが47pxであった時、コーディングで50pxとしても良いのでしょうか。それともデザインデーターどおりの数値にすべきでしょうか？paddingを％やemで表現すると違ってくる場合もあると思うのですが。こちらの動画では初心者向けだからなのでしょうか。また最終的には全ての要素の数値をデザイン通り完璧に（ほぼ寸分違わず）すべきなのでしょうか。
実務であればデザインデータを作成したデザイナーが誰かにもよります。
自分以外の方であれば、コミュニケーションを取って確認すればいいと思います。例えば今回のようなケースは調整してもいいでしょうか？それともずれているように感じても合わせましょうか？と。
コーディングは作業ではないので、ケースに合わせてコミュニケーションを活用しながら連携することが大事かなと思っております！
寸分違わずピッタリ合わせることだけが仕事になるなら、人間ではなくそのうちAIに仕事が奪われるようになりそうですよね。。
@@torikumu 返信ありがとうございます。勉強になります。
XDの about のメインビジュアルの幅が70px なのに、フォトショップのaboutからメインビジュアルの距離を測ると80px でした。 この場合、どちらが正しくどちらにあわせるべきでしょうか？
ちなみに、イラストレーターのデータをフォトショップに変換したら数値が全く変わってしまったことがありました。
こちらのデザインデータは、XDで作成したものをPhotoshopに変換しております。
そのため、数値が若干ずれているかもしれません。
今回の動画では、XDの方に合わせていただければと思います。
@@torikumu そうだったんですね。 ありがとうございます。
デザインカンプをWeb用にコーディングする手順がとても分かりやすいです！
class名をつけた要素の終了タグの後にという注釈が自動で入っていますがどうやっているのでしょうか？
また、コーディングのことではないのですが、画面録画中に一部を円形で拡大したり矢印を引いたりする機能が便利そうで気になったのですが（左端のツールバー）、何というアプリでしょうか？
教えていただければありがたいですm(_ _)m
の自動追加は、googleで調べて、Emmetのsetting.jsonに追記することで対応できました。
画面の一部を拡大したり矢印などの注釈を入れるアプリのほうは調べても分からなかったので、教えていただけると嬉しいです！
@@きゃぽりん ご視聴ありがとうございます！
ブラシは、Mac専用のアプリのコチラになります。
apps.apple.com/jp/app/screenbrush/id1233965871?mt=12
@@torikumu 画面に注釈を入れるアプリについて教えてくださってありがとうございます。
さっそくインストールしました。手書き風に描画できて良いですね🌟
Webのコーディングのほうも、動画でtorikumuさんのおかげでclassの付け方など少しずつ感覚がつかめてきました。
分かりやすい動画を作ってくださってありがとうございます！
おもしろい やってみます
データのダウンロードができないようなのですが、上記リンクでダウンロードフォームが出ません。修正いただけたらありがたいです。
デザインデータをURLを更新しましたので、そちらからご利用ください。