説明 IMDbのクローンサイトを作ります。 https://www.imdb.com/ 参考にしたUdemyの講座 https://www.udemy.com/course/react-js-tut…

概要 今回は検索後表示されるページを実装します。 下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "au…

概要 今回は検索機能のコンポーネントを作成します。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "autoprefixer": "10.…

概要 今回は映画の個別ページにテキストと画像を追加していきます。 以下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.…

概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はカードコンポーネントにテキスト情報　投票数を追加してコンポーネントを完成…

概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はNext.jsのImageコンポーネントを使ってカードに画像を追加してい…

概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回は映画のidのみを表示するコンポーネントを新規作成します。 下gifアニメ…

概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f07 今回は読み込み時のアニメーションを実装します。 以下gifアニメは読み込み処理が…

TODOアプリ 前回に引き続きReactを用いてTODOアプリを作成していこうと思います。 ただし、React初心者なので以下の手順で作成していこうと思います。 JavaScriptで作成（サーバー…

0. 概要 タイピングゲームを作るための「ローマ字入力の正誤判定」を行うJavaScriptライブラリです。 例えば「ひっしゅう」は、hisshuu, hisshilyuu, hiltushilyu…

railsでQuiitaみたいな自動保存ってどうやってできるんだろうとふと思ったので、超ざっくり作成してみました。今後、より良くしていく予定ですが、現段階ではかなりざっくりです。 もし改善案とか教え…

JavaScriptの基本 JavaScriptは、Web開発において最も一般的なプログラミング言語の1つです。以下は、JavaScriptの基本的な構文です。 変数 変数は、値を格納するためのもの…

なぜNext.jsを使用するのか 素のReactを使用すると、構文以外でつまづきやすいため。 ReactのフレームワークであるNext.jsを使用。 素のReactで躓きやすいポイント ・ルーティング ・cssモジュー…

# プッシュ curl https://kvq.deno.dev/mykey -d '[{"a":"b"},"foo",null,42]' # プル curl https://kvq.deno.de…

# プッシュ curl https://kvq.deno.dev/mykey -d '[{"a":"b"},"foo",null,42]' # プル curl https://kvq.deno.de…

処理フロー [MakeCode] micro:bitに内蔵されているジャイロセンサーの値を、BLE(Bluetooth Low Energy)を使用してPCへ送信します． [JavaScript] …

React（リアクト）のProps（プロップス）は、コンポーネント間でデータを渡すための仕組みです。 子コンポーネントにデータを渡すときに使います。簡単に言えば、親から子へプレゼントを渡すようなもの…

#スプレッドシートをPDF化するスクリプト // 関数を実行するタブをメニューバーに追加 function onOpen() { var ui = SpreadsheetApp.getUi(); v…