キーワード Redux が含まれる動画： 1010 件中 897 - 928 件目

種類:

タグ
キーワード

対象:

JavaScriptのconsole logにCSSでスタイル使えて草

console.log()で出力する内容にCSSのようにスタイルを適用できるのをご存知でしょうか？

何気なく使っているconsole.log()に一工夫を加えることで、プリントデバックの可読性が良くなるかと思い共有です。

ちなみに自分は実務では面倒くさがって使っていないですｗ

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/console-style

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I

http://www.nicovideo.jp/watch/sm41627782

JavaScriptで??,||,&&を使って条件分岐してみよう！

条件式は「if」で学ぶことになりますが、他にも同じような条件式を書ける方法があるのをご存知でしょうか？

自分も基本的には「if」を使いながらも、コードを簡素化する目的で状況に応じて違う書き方をしています。

最近になって知ったのですが「もっと早くに知っておけば。。。」と感じた内容ですので皆さんにとっても有益な内容かと思います。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/sumbol-if

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I

http://www.nicovideo.jp/watch/sm41627723

JavaScriptでの「||」の本当の意味を知らなかった件

否定条件（!）はJavaScriptの条件式でたびたび登場します。

自分も最初の頃は条件の一つくらいにしか理解していなかったのですが、
ある時にバグに遭遇したことで深掘りしてみると意外な落とし穴があることを知りました。

Web制作やWebデザイナーの方でも同じような認識をしたまま書いている人がいるのでは？と思い共有です。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/wrong-not-if

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I

http://www.nicovideo.jp/watch/sm41627673

JavaScriptで文字が含まれているかを調べる１行【includes,startsWith,endsWith】

文章の中から特定の文字を検索したい時は多いですが、大体が正規表現で挫折してしまいます。

柔軟性があって便利なのは正規表現ですが、簡単な検索であればJavaScriptの標準の関数でも実現できます。

今回は代表的な３パターンを紹介するので、正規表現を使えない人でも利用してもらえる内容になっています。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-index

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram

http://www.nicovideo.jp/watch/sm41623774

エクセルで集計するときに「なに空白入れとんねん？」ってなるよねー【JavaScriptのtrimで解決します】

文章の両端にある空白を削除するのはJavaScriptを使えば秒で実現できます。

意図しない空白があることでデータ管理や集計にトラブルが発生するケースは意外とあるので知っておくだけでも得だと思い投稿しました。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-space-trim/

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram

http://www.nicovideo.jp/watch/sm41623730

JavaScriptで文字をカウント（数える）のめちゃ簡単な話

フォームの作成などで「文字をカウント」という場面に遭遇するかと思います。

便利なライブラリもありますが簡単な仕組みなので一度は自分で作ってみてほしいです。

加えて実務で自分が遭遇した小さなバグと対処法も紹介します。

画面収録をミスりまして画面が見切れてしまっています。。。
ハンズオンをしながら閲覧してもらう分には全く問題ないですが、ブログにもまとめているので必要に応じて活用くださいm(_ _)m

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-count/

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram

http://www.nicovideo.jp/watch/sm41623646

Reactのpropsは使い方ミスると大変とよ！の巻

Reactを学習し始めた時に最初に覚えるのが「props」になるでしょう。
とても便利なものでReactの便利さを体感することになるのですが、
便利さが故に自分でトラブルの火種を作ってしまうこともあります。

今回は自分が過去にやらかした「props」の悪い例を紹介しますので、
ぜひ反面教師にしてもらえればと思います。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/wrong-props/

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/NZqMVUEiDIw

http://www.nicovideo.jp/watch/sm41623599

よくあるReactでのカウントの落とし穴を共有

Reactを勉強し始めた時に必ず通る「カウントアプリ」についてです。

要件もシンプルでReactの機能を体験するには良い題材ですが、注意して理解しないと本番でハマってしまいます。

「コーディングでJavaScriptは軽く触ったことがある」
「Reactに興味があって勉強し始めた」

そんな方に向けた内容になっています。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/wrong-counter

http://www.nicovideo.jp/watch/sm41623537

適当に使ってたuseStateの意味が何となく分かった件【react-hooks(useState,useRef)】

Reactを勉強したての時に遭遇したあるあるを共有させて頂きます。

学習教材やYoutubeでよく見られる書き方は意外と本番で思わぬバグを引き起こすことがあります。

まずは基本を抑えることが大事ですが、実際の作業では何気ないコードを深掘りすることが求められます。

僕自身が遭遇したuseStateに関する事例を紹介させて頂きます。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/wrong-usestate

http://www.nicovideo.jp/watch/sm41623420

【CSSのみ】横並びレイアウトの高さを揃えてみた

コーディングは順調に進められたのに WordPress化した時にレイアウト崩れが起きることがあります。

その都度、修正していくのですが出来るだけCSSメインで修正してJavaScriptにまで手を出したくないデザイナーは多いのでは無いでしょうか？

今回はあえてCSSのみでレイアウト崩れを回避する方法を共有してみたいと思います。

テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/limit-line-css

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://www.youtube.com/watch?v=OhCzEjXvY9A

http://www.nicovideo.jp/watch/sm41620649

JavaScriptのSwitch文は最初に理解しとかないとReactでハマる件

Webデザイナーのお仕事でswitch文を使う機会はほとんど無いと思います。

なぜなら多くの場合でif文で事足りるからです。

僕自身も言葉の意味しか分かっていなかったですが、
Reactなど最新のJSを触った時に「ちゃんと理解しておけば、、、」となりました。

そんな過去の自分に向けてswitch文の基礎を共有したいと思った次第です。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

http://www.nicovideo.jp/watch/sm41615892

JavaScriptの「?.」オプショナルチェーンが便利すぎた

ドットを使った文法の中に「?.」を使ったものを見かけ、最初は「これってタイプミス？」と思ってました。
それから実際にオプショナルチェーンを使う事になり、使ってみて感じた恩恵や具体例などをまとめてみました。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

http://www.nicovideo.jp/watch/sm41615797

分かりそうで分からなかったReduxを説明してみた

Reduxを初めて触った時はいまいち「これって何のためにやるんだろう？」という感じでした。
それから数ヶ月経って初心者なりに感じたReduxを使う事による恩恵、純粋なReactのみで起こるリスクについてまとめてみました。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

http://www.nicovideo.jp/watch/sm41615393

分かりそうで分からなかったReactを説明してみた

Reactを初めて触った時はいまいち「これって何のためにやるんだろう？」という感じでした。
それから数ヶ月経って初心者なりに感じたReactを使う事による恩恵などをまとめてみました。

この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。

また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。

http://www.nicovideo.jp/watch/sm41615170