キーワード react が含まれる動画 ： 961 件中 833 - 864 件目
種類:
- タグ
- キーワード
対象:
PC自作から始めるスマホアプリ開発 #9 React Native基礎編 GPSの位置情報を取得してマップに表示する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では電話機のGPSを利用して位置情報を取得して、Google/Appleマップに表示する方法を解説しました。
このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
上記のレポジトリは下記の自作ボイラープレートをベースとしています。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
AppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #8 React Native基礎編 ウェブAPIからデータを取得する
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではdraftbitの提供するテスト用ウェブAPIからデータを取得して画面に描画する処理を解説しました。
動画内に登場する自作ボイラープレートです。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
次回からはAppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #7 React Native基礎編 画面遷移の実装
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではこのシリーズで使用している自作のReact Nativeボイラープレートの紹介と、画面遷移の実装方法を解説しました。
動画内に登場する自作ボイラープレートです。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
次回からはAppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #6 開発環境構築編 AndroidエミュレーターとiPhone実機でアプリを起動
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ #ドスパラでこれ買った
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では組み立てた自作パソコンにアプリ開発のための様々なソフトをインストールしました。Androidエミュレーターと実デバイス(iPhone)でアプリを起動し、実際に開発を行えるようにするまでを解説しています。
動画内に登場する自作ボイラープレートです。
https://github.com/kiyohken2000/ReactNativeExpoBoilerplate
動画内で作成した、このYouTubeシリーズ用のレポジトリです。
https://github.com/kiyohken2000/youtuber-project
次回からはAppStoreとGooglePlayでの公開を目指して実際にアプリを開発していきます。
まだ開発するアプリは決まっていないので「こんなアプリが欲しい」やアプリのアイディアなどありましたら教えていただければうれしいです。
よろしくお願いします。
※追記
動画内ではnode16系を入れていますが、ExpoSDK50世代でnode16のサポートが終わりました。これから環境構築される場合はnode18系をインストールしてください。
PC自作から始めるスマホアプリ開発 #5 PC組み立て編 Windowsの基本設定
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画ではWindowsの基本的なカスタマイズやドライバのインストールを行いました。これで組み立てたパソコンが使えるようになったのでPC組み立て編は終了です。
次回からは実際にスマホアプリ開発を行うための開発環境を構築していきます。
今回組み立てたパソコンを、普段メインで使っているRyzen 9 7950Xの自作パソコンとベンチマークソフトを使って比較しました。性能比較の結果は下記の私のブログに投稿してあります。IntelとAMDのハイエンドCPU対決にご興味のある方はぜひご覧ください。
Core i9 13900K検証
https://retwpay.ml/blog/2023-10-01
まだ開発するアプリは何も決まっていないので「こんなアプリが欲しい」などありましたら是非教えていただきたいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #4 PC組み立て編 組み立ての続きとWindowsのインストール
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画はパソコン組み立ての続きです。Windowsのインストールまで行いました。
まだ開発するアプリは何も決まっていないので「こんなアプリが欲しい」などありましたら是非教えていただきたいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #3 PC組み立て編
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では実際にパソコンを組み立てます。
まだ開発するアプリは何も決まっていないので「こんなアプリが欲しい」などありましたら是非教えていただきたいです。
よろしくお願いします。
PC自作から始めるスマホアプリ開発 #2 PC組み立て編 パソコンの構成とパーツ紹介
#reactnative #自作pc #プログラミング #iphone #android #スマホアプリ #ドスパラでこれ買った
自作パソコンを組み立てるところから始めるスマホアプリ開発のハウツー動画です。React Native Expoを使います。
今回の動画では組み立てるパソコンの構成や購入したパーツを紹介しています。
まだ開発するアプリは何も決まっていないので「こんなアプリが欲しい」などありましたら是非教えていただきたいです。
よろしくお願いします。
【歌ってみた】オリオンをなぞる - UNISON SQUARE GARDEN _Covered by 獅子神レオナ【TIGER & BUNNY】
□Vocal
獅子神レオナ（@Leona_Shishigami）
https://twitter.com/LeonaShishigami
□mix
KosK 様（＠KosK_MIX）
https://mobile.twitter.com/KosK_MIX
□movie
Lye 様 (@Lye_xX)
https://twitter.com/Lye_xX
□Character Animation
miki 様 (@kemmimilk)
https://twitter.com/kemmimilk
□□□□□□□□□□□□□□□□□
□YouTube
http://u0u0.net/v2uX
□マシュマロ
http://goo.gl/oEoCjz
□Twitter
http://goo.gl/YZ3igo
□□□□□□□□□□□□□□□□□
↓他のRe:AcTのメンバーはこちら
★Re:AcT（リアクト）所属メンバー
http://v-react.com/
★Re:AcT（リアクト）公式Twitter
https://twitter.com/Re_AcT
★Re:AcT（リアクト）公式通販
https://react.booth.pm
★お問い合わせ
https://goo.gl/2khiBp
□□□□□□□□□□□□□□□□□
#オリオンをなぞる #UNISONSQUAREGARDEN #獅子神レオナ
【UNISON SQUARE GARDEN】シュガーソングとビターステップ _ vo.獅子神レオナ【歌ってみた 】
□偉大なる本家様
UNISON SQUARE GARDEN 様（@USGinfo）
https://twitter.com/USGinfo
/ @unisonsgofficial
UNISON SQUARE GARDEN「シュガーソングとビターステップ」ショートVer.
• UNISON SQUARE GARDEN「シ...
UNISON SQUARE GARDEN「シュガーソングとビターステップ」LIVE MUSIC VIDEO
• UNISON SQUARE GARDEN「シ...
□オフボーカル制作・MIX
Akki 様 （@air_skyblue）
https://twitter.com/air_skyblue
□Illust
白雨 様（@hakuueffect）
https://twitter.com/hakuueffect
□Movie
とーわ 様（@touwaoftn）
https://twitter.com/touwaoftn
Thematic Colon 様（@ThematicColon）
https://twitter.com/ThematicColon
□Vocal
獅子神レオナ
@Leona_Shishigami
https://twitter.com/LeonaShishigami
□□□□□□□□□□□□□□□□□
□YouTube
http://goo.gl/GeCaFr
□マシュマロ
http://goo.gl/oEoCjz
□Twitter
http://goo.gl/YZ3igo
□□□□□□□□□□□□□□□□□
↓他のRe:AcTのメンバーはこちら
★Re:AcT（リアクト）所属メンバー
http://v-react.com/
★Re:AcT（リアクト）公式Twitter
https://twitter.com/Re_AcT_?lang=ja
★お問い合わせ
https://goo.gl/2khiBp
□□□□□□□□□□□□□□□□□
#獅子神レオナ #UNISONSQUAREGARDEN #シュガーソングとビターステップ
【歌ってみた】PinocchioP - SLoWMoTIoN _ピノキオピー - すろぉもぉしょん covered by 獅子神レオナ
#獅子神レオナ #すろぉもぉしょん
獅子神レオナ、1歳になりました。
たくさんの人に恵まれてここまでこれました！
これも咲良ゆきママ、そして沢山であってくれたみんなのおかけです；；
これからもっとみんなをあっと驚かせられるようにいつも通りいつも以上にがんばります！！
幸せをいっぱいありがぉう！！□□
大好きな曲｢すろぉもぉしょん｣を歌いました！
最後の最後まで見るとみんなもきっと幸せになると思います！！！！
ぜひお聞きください！！！！
□□□□□□□□□□□□□□□□□
□偉大なる本家様
PinocchioP - SLoWMoTIoN /ピノキオピー - すろぉもぉしょん
https://sp.nicovideo.jp/watch/sm23648996
□mix
ヨシくん。 様（@yoshikun_nico）
https://twitter.com/yoshikun_nico
□movie
とーわ様（@touwaoftn）
https://twitter.com/touwaoftn
□Vocal
獅子神レオナ（@Leona_Shishigami）
https://twitter.com/LeonaShishigami
□マシュマロ
http://goo.gl/oEoCjz
□Twitter
http://goo.gl/YZ3igo
↓他のRe:AcTのメンバーはこちら
★Re:AcT（リアクト）所属メンバー
http://v-react.com/
★Re:AcT（リアクト）公式Twitter
https://twitter.com/Re_AcT
★Re:AcT（リアクト）公式通販
https://react.booth.pm
★お問い合わせ
https://goo.gl/2khiBp
□□□□□□□□□□□□□□□□□
#ピノキオピー #すろぉもぉしょん #獅子神レオナ
※コンテンツ概要
・本作品は純粋なエンターテインメントを目的とした歌唱カバー動画です。
・原曲の作品性を侵害する意図はございません。
・本内容は自作のカバー音源・イラスト・動画を使用し、制作したオリジナルコンテンツです。
©︎mikai inc.
YouTubeから転載
イギリスの銃器専門家がゲームの銃を解説：『Battlefield 1』(１)
ゲームニュースサイトGameSpotで、各分野の専門家がゲームを解説するシリーズ
「Experts React（訳：専門家の反応）」。
その中でゲーム作品に登場する銃やその歴史を解説するイギリスのロイヤル・アーマリーズ（王立武具博物館）
所属のジョナサン・ファーガソン氏のエピソードを翻訳していきます。
バトルフィールド１では試作止まりなどで実戦を経験しなかった銃が数多く登場するけど、
歴史家だけでなくゲームプレイヤーとしても開発側の事情も理解しつつ解説するのがジョナサンの特徴。
少し字幕を修正した過去動画などをYoutubeにも投稿していますのでぜひチャンネル登録などお願いします。
http://www.youtube.com/@user-kq9bk1vh4f
転載元：https://www.youtube.com/watch?v=J-2OICqG3Ig&t=132s
注意：
・知ってるタイトルや気に入ったエピソードを中心に翻訳しているので、転載元の投稿順とは異なります。
・投稿者は銃の専門家ではないので、用語などを正しく使用できていない可能性が大いにあります。
・ほぼ投稿者の英語力と勢いに頼った翻訳なので、意訳や誤訳もある点はご了承ください。
【完全版】モバイルアプリ開発の手順を徹底解説！2023年版
2023年これからアプリ開発を始めたいけど、何から始めていいかわからないという方はこちらの動画で手順を学んで進めてください。
プログラミングからスタートしてしまう方が多いですが、プログラミングから始めてしまうとマーケティングで行き詰まります。
そのため、予めニーズがあることを調査してから開発をスタートしましょう！
プログラミングは手段です。特にAIが発展してきた2023年においてはアイデア出しや市場調査がより重要になってくるので、ぜひ市場調査も手を抜かずに行いましょう。
■ 打田裕馬のメルマガ(合計83,400円分 React.jsとデータベースのコースをプレゼント)
https://www.yumaclass.com/opt-in?from=niconico_2023_roadmap
■ 目次
01:24 結論
02:01 ①トレンドを知る
02:43 ②キーワード選定
04:04 ③アイデアと要件定義
06:35 ④データベース設計
08:11 ⑤開発環境の選定
09:37 楽しく継続するコツ
11:16 ⑥デザイン
12:47 ⑦プログラミング
14:00 ⑧ストア準備
15:32 ⑨テスト
16:44 最強のスキルアップ方法
JavaScriptで書く色んな条件分岐のパターン「elseがない⁈」【早期リターン（return）】
JavaScriptの条件分岐の書き方は色んな種類を発見します。
他人のコードや見ていると遭遇する「何これ？」ってなる書き方を、パッと見ただけでザックリ理解できるようになると良いと思いましたので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/not-else
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
引用元：https://www.youtube.com/watch?v=EumXak7TyQ0
Twitter：https://twitter.com/rubyprogram
URLのエンコード、デコードって何すか？【encode,decode】
「エンコーディング」「URLの文字化け」なんてことを聞いたことがあるかと思います。
正直言って何をしているのか自分はさっぱり分からなかったのですが、JavaScriptで用意されている簡単な関数を使うことで一瞬で理解できたので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/encode-decode
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptでハイフンや空白を簡単に削除する方法（置き換え）【replace】
空白やハイフンなど文字を削除したい場面ってありますよね？
削除ではなく「置き換え」というものを使うだけで、JavaScriptでは簡単に出来てしまいます。
フォームやデータの整理など地味に使える場面が多いので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-replace
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptで文字を結合する方法「`${}`」
数字の足し算はイメージしやすいですし最初に勉強しますが、文字の結合は意外と知らなかったりします。
また意外と文字同士を合体させないといけない場面は、サイト制作やアプリ開発で発生しますよね？
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-merge
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
JavaScriptで大文字⇔小文字を自動変換する方法【toLowerCase, toUpperCase】
英語の文字で大文字と小文字を、どちらかに揃えたい場面があります。
例えばslackではチャンネル名は自動で小文字になります。
そんな感じで自動で変換するのはJavaScriptでは1行追加するだけなので紹介します。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/font-size-convert/
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
長いけどReactのuseEffectはコレだけ理解すれば良いと思う、たぶん
ReactのuseEffectって結局のところ何してるか分からなくないですかね？
自分は全く理解できないまま実務に入ったのでハマりました。
よくありがちなハマりポイントはあるのですが、その原因や対処法を細かく説明してくれる教材や記事が少ないのも事実です。
そこでuseEffectと真剣に向き合い学び直したので共有です。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/useeffect
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://www.youtube.com/watch?v=QQYeipc_cik
scriptタグでのJSファイルの読み込みコピペしてるとハマる？！【defer】
JavaScriptのファイルって実は読み込む場所を間違えると思ったように動作しない経験ってありませんか？
自分は最初の頃よく遭遇していて、ググってもイマイチ理解できませんでした。
本来なら読み込みについては軽くスキップせずに理解すべきなんですが、
学習教材やYoutubeではそこまで触れられていません。
小さなミスで時間を取られないようにJSファイルの読み込みの基本をまとめてみました。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/js-file-import
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
ブログ：https://lorem-co-ltd.com/
Twitter：https://twitter.com/rubyprogram
引用元：https://youtu.be/v2tJ3nzXh8I
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
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
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
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
エクセルで集計するときに「なに空白入れとんねん？」ってなるよねー【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
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
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
よくあるReactでのカウントの落とし穴を共有
Reactを勉強し始めた時に必ず通る「カウントアプリ」についてです。
要件もシンプルでReactの機能を体験するには良い題材ですが、注意して理解しないと本番でハマってしまいます。
「コーディングでJavaScriptは軽く触ったことがある」
「Reactに興味があって勉強し始めた」
そんな方に向けた内容になっています。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/wrong-counter
適当に使ってたuseStateの意味が何となく分かった件【react-hooks(useState,useRef)】
Reactを勉強したての時に遭遇したあるあるを共有させて頂きます。
学習教材やYoutubeでよく見られる書き方は意外と本番で思わぬバグを引き起こすことがあります。
まずは基本を抑えることが大事ですが、実際の作業では何気ないコードを深掘りすることが求められます。
僕自身が遭遇したuseStateに関する事例を紹介させて頂きます。
この動画はReact初心者のWebデザイナーが勉強したことや初めて知ったことを復習と共有を目的に投稿します。
学習教材のような動画ではありませんが、Reactでのコーディング、Reduxでの状態管理など、多くのことを学びますので一緒にハンズオンで作業して頂く形で視聴していただくことができると思います。
また僕自身がreactの予備知識は必要ありませんので、
同じような初心者の方はもちろん、
「Web制作でコーディングは出来るけどReactもやってみたい」という方に見て頂けると嬉しいです。
テキストで確認したい方はこちら↓
https://lorem-co-ltd.com/tips/wrong-usestate
【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