Next.jsのi18n多言語対応(参考リンク)

=サイト (nextjs i18n)=

Next.jsで多言語対応のサイトを作るのが簡単すぎた件
https://zenn.dev/steelydylan/articles/nextjs-with-i18n

Next jsのサイトをi18n対応する手順(国際化ルーティング)
https://tech-parrot.com/react/setting-next-js-i18n/

Next.js で国際化(i18n)対応サイトを作る / next-i18next https://www.npmjs.com/package/next-i18next
https://goodpatch-tech.hatenablog.com/entry/2021/07/20/190715

Nextjsのi18nで、あらゆる言語を徹底的にリダイレクトする
https://zenn.dev/sasigume/articles/937a11c655b15c

=動画=

Youtube (next js i18n
https://www.youtube.com/results?search_query=next+js+i18n

Internationalization (i18n) with Next.js!:ライブラリをつかわず、Localの翻訳定義を使っている。
https://youtu.be/SJDYCw5KC7s
トップページのコンテンツの切り替えを言語メニュー切り替えからできる

Next.js +ストラップ-#Internationalization(i18n) wz Strapi V3.6 翻訳オプション => OK
https://youtu.be/iqi3ZSp1cpE
*Strapiをつかって、ブログページのコンテンツ切り替えができる

Next.js 10国際化(i18n); next/translate を使っている。言語メニューの切り替えがある。
https://youtu.be/Rbi52ZYtVKM
=> next/translate は動くが、Strapiにエラーがでた。

i18Next-個人のWebサイトに翻訳サポートを追加する / react-i18next https://www.npmjs.com/package/react-i18next
https://youtu.be/Od6VRVJH15Y

next-i18nextによるNext.jsの国際化と国際化されたルーティング(完全なウォークスルー)
https://youtu.be/UwzN8R6h9-U

i18nexus というツールを使う。
Internationalization (i18n) in NextJS apps using next-intl / next-intl
https://youtu.be/uDXyk1ZgLK0

Next.js-多言語(wz Staapi) すこし古い
https://youtu.be/nW2QUJ7_13M

Bubbleチュートリアル動画

===Youtube動画===

Bubble.io Crash Course: Building A Real Marketplace | Bubble.io Tutorial for Beginners 2020/2021 1時間15分 https://youtu.be/SKqDP2s3axs

Bubble.io Beginners Tutorial: Building a Company Directory Web App without code https://youtu.be/JjUyGp8YRvo

===Youtube 再生リスト===

Bubbleチュートリアルの再生リスト(22本) https://www.youtube.com/playlist?list=PLrOdxQrSTe5FO577qPeNO1PfJC0MkwiEK

Uber風のサイト構築を通して学ぶ、Bubbleの使い方 https://www.youtube.com/playlist?list=PLiDMHhMXhuXRfwx-sRoBCrClO5V6sEclj

Build Your First Bubble App 20本 https://www.youtube.com/watch?v=SHbY8eoe8Gw&list=PLoNVJrdvQQYlT3e3qur1LDgP8Rcs9msAm&index=1

===Youtube Channel===

(チャンネル) Jon Baxter - Visual App Developer https://www.youtube.com/channel/UCdMi_oVF3rdvUrDma2HbBzQ/videos

Building With Bubble : No-Code Cloneのビデオ多数(14本) https://www.youtube.com/c/BuildingWithBubble/featured

SORACOMからGCP Pub/Sub、CloudFunctions、Firestore、GoogleSheets連携関連情報

SORACOM -> GCP 連携設定

Soracom Google Cloud Pub/Sub アダプターを使用する https://users.soracom.io/ja-jp/docs/funnel/google-cloud-pubsub/

ボタンと Google Cloud Functions 連携をすばやく構築したい ― SORACOM Funk + Google Cloud Functions パターン https://users.soracom.io/ja-jp/guides/design-patterns/button/gcp/

Functions単体

【011】Cloud Functionsの概要【Firebase】 (わかりやすい) https://youtu.be/z8lVQQtUNJc

【Firebase】Cloud Functions チュートリアル 電子書籍(500円) https://zenn.dev/tentel/books/a96e4a64d3a672911f25

Pub/Sub -> CloudFunctions -> Firestore

※PubSub -> DataFlow -> BigQuery の連携も検討したが、DataFlowが0.4ドル/1時間とコストかかる。 (リアルタイム処理ではなく、バッチ処理にすると安くなるらしいがやり方が不明)

Cloud Functions- moving data from Pubsub to Firebase Cloud Firestore in TypeScript - YouTube https://www.youtube.com/watch?v=3Zohd6U6CL8

Firestore -> CloudFunctions -> GAS(GoogleSheets)連携

Cloud Functions for Firebaseでスプレッドシートに書き込む (サービスアカウントを使用する方法:一番参考になった) https://qiita.com/m_norii/items/63cc8f5eb91a3fc5505f

FirebaseからGoogleSpreadSheetに書き込みをし、その更新をメール通知する (googleapi,サービスアカウントを使用する方法:参考になった) https://qiita.com/shotashimura/items/65d149b74297cebd0d7a

GAS(Google Apps Script)でCloud Firestoreを利用する時のメモ (GASにライブラリ追加、サービスアカウントを使用する方法) https://qiita.com/PmanRabbit/items/a76b9bc5a9d0239c9f78

Google BigQueryへのデータ連携(WebioというIoT端末から連携する方法) https://webiot.io/docs/guide/bigquery/

Official の方法を採用する(OAUTHを使用する方法) https://github.com/firebase/functions-samples/tree/main/google-sheet-sync https://medium.com/@elon.danziger/fast-flexible-and-free-visualizing-newborn-health-data-with-firebase-nodejs-and-google-sheets-1f73465a18bc https://github.com/firebase/functions-samples/blob/main/google-sheet-sync/functions/index.js

Firebase公式ビデオ(Firestore for Google Apps Scriptsを使用する方法) Multi-factor authentication update, Firestore data into Google Sheets, & more! https://www.youtube.com/watch?v=TD3kWcb2TH0

GCP IoTのチュートリアル

IoT in the Google Cloud 7時間 クレジット: 46 https://www.qwiklabs.com/quests/49

Google Cloud 認定資格 – Professional Data Engineer について学習教材

== 公式 ==

[試験概要] Google Cloud 認定資格 – Professional Data Engineer について https://1e100.4watcher365.dev/google-cloud/google-cloud-platform/about_professional-data-engineer/

== 日本語情報 ==

Google Cloudではじめる実践データエンジニアリング入門[業務で使えるデータ基盤構築] 下田 倫大 (概要を学習するのによさそう) https://www.amazon.co.jp/dp/429711948X

== 英語情報 ==

1.Youtube

Google Cloud Professional Data Engineer (110本の動画) https://www.youtube.com/playlist?list=PLrFrRPGXX0xV7jTfXKZfGrYI0UE-MaweY

PDE-1 Quick, GCP Professional Data Engineer - BigQuery, JSON, schema, auto detect, temp/permanen https://www.youtube.com/playlist?list=PLQMsfKRZZviSLraRoqXulcMKFvIXQkHdA   Official_Google_Cloud_Data_Engineer_Exam_Question_Answer_2021|#all_chapter_complete_playlist_2021 https://www.youtube.com/playlist?list=PL2-i7Rk75YtUdRRcxEWxV-L9t8aG9vjUu

2.Tutorial

Courcera Preparing for the Google Cloud Professional Data Engineer Exam 日本語版  7日間無料トライアルあり https://ja.coursera.org/learn/preparing-cloud-professional-data-engineer-exam-jp

QWIKILABS GCPをハンズオンで学ぶ。(リスト) https://www.qwiklabs.com/catalog?cloud%5B%5D=GCP&keywords=&page=2

QWIKILABS Data Engineering (7時間 クレジット: 42) Google Cloud Certified Professional Data Engineer Certification 認定資格試験対応 https://www.qwiklabs.com/quests/25?locale=ja

3.Udemy

Google Cloud Professional Data Engineer: Get Certified 2021 https://www.udemy.com/course/google-cloud-professional-data-engineer-get-certified/

モバイルワークスペースの作り方。この構成で、自宅とモバイルの快適作業環境がつくれます。安定して動作します。(WindowsPC前提)

この構成で、自宅とモバイルの快適作業環境がつくれます。安定して動作します。(WindowsPC前提)

外出時:ノートPC(2560x1600)+外付けディスプレイ(FULLHD) 自宅:4Kディスプレイ(ドッキングステーション)

Windowsの解像度設定を変更する必要なく運用できているところがポイント。

モバイル ===

DELL Inspiron5310 Core-i7、RAM16GB、SSD1TB(2560x1600) http://www.get-pc.net/p-note-Inspiron13-5310/index.htm (派手さはないが、安定動作、コスパ高い)

タブレット用4アングルドローイングスタンド:TB-DSDRAWBK 3600円 https://www.elecom.co.jp/products/TB-DSDRAWBK.htmlDELL Inspiron5310とサイズがぴったり合う)

Anker PowerPort Atom III 63W Slim (PD 充電器 4ポート USB-C 急速充電器)【PPS規格対応 / PD対応 / PowerIQ 3.0 (Gen2)搭載 / GaN(窒素ガリウム)採用】 https://www.amazon.co.jp/gp/product/B08BYQ48F2/ref=ppx_yo_dt_b_asin_title_o06_s00?ie=UTF8&psc=1 (薄型で持ち運びしやすい、ノートPC充電のUSB-Cポートの充電電圧が最大45W、警告がでるものの充電は問題ない、  サンワサプライ 電源コード(2P・L型コネクタ) 0.2m KB-DM2L-02とセットがよい)

ロジクール ワイヤレスマウス 無線 マウス Pebble M350GR 2600円 https://www.logicool.co.jp/ja-jp/products/mice/m350-pebble-wireless-mouse.910-005615.html (平べったいので持ち運び便利)

外付けディスプレイ(FULLHD) EVICIV 13.3インチ/モバイルモニター/モバイルディスプレイ  /薄型/IPSパネル/USB Type-C/標準HD/mini DP/スリーブケース付 EVC-1301 19500円 https://www.amazon.co.jp/gp/product/B07PZ59J8Y/ref=ppx_yo_dt_b_asin_title_o00_s00?ie=UTF8&psc=1 (安定動作問題なし)

SONY WG-1000XM4(ノイズキャンセリングヘッドホン) https://www.sony.jp/headphone/products/WH-1000XM4/ (外出先で集中するために欠かせない)

≪ace./エース≫ EVL-3.5 LP バックパック ランバームービングシステム搭載  18リットル 2気室/B4/PC・タブレット収納 ビジネスリュック 62018 https://store.ace.jp/shop/g/g62019-01/ (ノートPC+外付けディスプレイなどそれなりの荷物になり重くなる、腰痛を防ぐランバーサポートシステムがよい、  同じタイプで20リットル版もあるが18リットルのタイプで十分収納できる。)

自宅デスクトップ ===

ASUS 4Kディスプレイ

Dell ノートPC用端子拡張アダプター USB3.1 Type-C接続 (HDMI/DP/VGA/LAN/USB3.1) DA310 13000円 https://www.dell.com/ja-jp/shop/dell-usb-c-%E3%83%A2%E3%83%90%E3%82%A4%E3%83%AB-%E3%82%A2%E3%83%80%E3%83%97%E3%82%BF%E3%83%BC-da310/apd/450-akms/pc%E3%82%A2%E3%82%AF%E3%82%BB%E3%82%B5%E3%83%AA%E3%83%BC (AnkerのUSB-C延長ケーブルを使用、DELLノートPCとの相性よい、ポート少な目だがギリギリ足りている、  ディスプレイ以外に、プリンタをUSB接続している)

Logicoolキーボード MX800 15000円 https://www.logicool.co.jp/ja-jp/products/keyboards/mx-keys-wireless-keyboard.920-009299.html?crid=27 (キーボードタッチすばらしい、デザインもよい。)

ノートパソコン スタンド PCスタンド 縦置き 2台収納 ホルダー幅調整可能 アルミ合金素材 OBENRI Vertical Laptop Double Stand https://www.amazon.co.jp/gp/product/B07JYS2C47/ref=ppx_yo_dt_b_asin_title_o03_s00?ie=UTF8&psc=1DELLノートPC収まります。幅の調整が可能です)

防災グッズ 参考情報

防災グッズ 参考情報 ======

超個人的・防災グッズラインキング(ちきりんさん) https://chikirin-shop.hatenablog.com/entry/2019/09/11/%E8%B6%85%E5%80%8B%E4%BA%BA%E7%9A%84%E3%83%BB%E9%98%B2%E7%81%BD%E3%82%B0%E3%83%83%E3%82%BA_%E3%83%A9%E3%83%B3%E3%82%AD%E3%83%B3%E3%82%B0

・簡易トイレ ・歯磨きシート

地震大丈夫? Twitter https://twitter.com/FUSIGITube/status/1406021799943438337

・500mlの水 ・食べ物(缶詰とか) ・ウェットティッシュ ・服 ・ラップ ・袋 ・歯ブラシ ・タオル ・手袋  etc

【決定版!】9割の人がやっていない!防災の技術 手荷物・バッグだけで大地震を生き延びる  28の備蓄グッズを一挙紹介 (外出先での対策) https://youtu.be/AVU5nN6tn5Q

・水、エナジーバー ・大きいごみ袋 ・モバイルバッテリー 10000mA以上。 ・N95マスク ・ホイッスル ・携帯トイレ ・ウェットティッシュ ・油性のマジック(マッキープロPro特殊用途DX) ・布ガムテープ(2から3m分小さく) ・トイレットペーパー(小さく) ・いろんなごみ袋 ・携帯ばさみ ・アルミシート

フィットネス系Youtubeまとめ

年末年始におすすめのスイングが良くなるお手軽トレーニングを紹介します (片山晋呉選手) https://youtu.be/yOstwDy4SQk

※腹筋:仰向けになり、足を90度上に向ける、腹圧を高めて、足の裏を上に動かす。 ※お尻の筋肉:仰向け、足裏を床につけ、膝は約90度、お尻を浮かす。  (片足ずつならさらに負荷があがる) ※バランス:片足でバランスをとる。両手前、足を後ろ。 ※ふくらはぎのトレーニング、かかとを浮かす。(内また、外またもやる) ※四股ふみのトレーニン

アバターが超飛距離アップエクササイズ教えます!!【ゴルフ】 https://youtu.be/zm-X3FBy-3c

※耳の後ろで、手を伸ばしていく、伸ばした時は手のひら前  (伸ばした時、手の甲を前にするパタンもある) ※体の正面で、手のひらを上にして両腕を伸ばす。  次に、手のひらを外に向ける(肘を90度曲げる)。平泳ぎ的な動き。     シーズン中、キャッチボール前に欠かさずやっていたルーティーン。 https://youtu.be/u-e_Cpllyb8

※背骨コンディショニング ※仙骨枕 ※自律神経を整える効果。

長座前屈の正しい練習法 https://youtu.be/vPwoF23mbmU

※体育すわりから、お尻を少しづつ後ろにずらす。  骨盤を立てるのがポイント、膝がまがっても、太もも裏がのばされる。  

【可動域を広げる】肩甲骨の動きはほぐすだけでは改善しない【胸鎖関節の重要性】 https://youtu.be/38-P5JBOZo4

※胸鎖関節を抑えて、肩を回したりする。

昼休みにやると良いかも!肩こり、首の怠さに効くかもしれない3つの簡単エクササイズ。 (ダルビッシュ選手) https://youtu.be/H3aY4oq7XfY

※首と肩の連動のストレッチ運動。

肩甲骨はがしは筋トレで解決!肩甲骨が柔らかくなり、肩こりも改善されるエクササイズ 背中のトレーニンhttps://youtu.be/CvmBPEfkHtg

※肩甲骨についている筋肉。僧帽筋、肩甲挙筋、菱形筋。 ※ストレッチよりも筋トレで解決する。 ※ダンベルのベントオーバーローイング。

アゴや頭が前に突き出ている人が行うべき「首安定化エクササイズ」 https://youtu.be/6UUq2Gey5Hw

※後頭下筋群が短く硬くなる ※胸鎖乳突筋が短く硬くなる

*椎前筋を正しく動かす。

=> おでこを壁につけて、姿勢を正しく、1分ぐらいキープする。

【肩の痛み】柔道整復師が教えるインナーマッスルの鍛え方【野球肩】 https://youtu.be/FPhaqDg8e1o

※肩関節のインピンジメントを起こしている可能性。 ※インナーマッスルを強化する。(棘上筋、棘下筋、小円筋)  ・逆側の胸に手を当てて、肘を45度程度(少し外側に)上げ下げする。  ・ゴムバンドを手首に引っ掛けて、45度外側に手を開いていく。  ・ゴムバンドを手首に引っ掛けて前に倣え、そして片側の腕を90度外側に動かす。  ・肘を水平に固定、肘角度90度で、肩を外旋する。  ・おもりをもって、ゼロポジション付近で、少し動かす。

40-50代でも肩甲骨ちゃんと動く?肩甲骨の動きが良くなれば広背筋はもっと良くなる!背中のトレーニングの可動範囲を広げる! https://youtu.be/DIjo168Av34

ダンベルをもって、肘を90度に固定して、前にかがんで、肩甲骨をよせる。 ※ダンベルをもって、まっすぐ立って、肩を上から後ろに回す。