- 投稿日:2023-05-11T22:01:35+09:00
imdb clone まとめ Part11-20(完)
説明 IMDbのクローンサイトを作ります。 https://www.imdb.com/ 参考にしたUdemyの講座 https://www.udemy.com/course/react-js-tut…
- 投稿日:2023-05-11T21:59:51+09:00
imdb clone Part20(完) 13 search ability 2/2 検索結果のページを実装
概要 今回は検索後表示されるページを実装します。 下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "au…
- 投稿日:2023-05-11T21:58:49+09:00
imdb clone Part19 13 AddSearch ability 1/2 検索コンポーネントを新規作成
概要 今回は検索機能のコンポーネントを作成します。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.1.5", "autoprefixer": "10.…
- 投稿日:2023-05-11T21:57:58+09:00
imdb clone Part18 Add Movie page 2/2 画像テキスト類を追加
概要 今回は映画の個別ページにテキストと画像を追加していきます。 以下gifアニメは実装後の様子です。 開発環境 OS:Windows10 IDE:VSCode "@next/font": "13.…
- 投稿日:2023-05-11T21:56:54+09:00
imdb clone Part16 11 CardComponent 3/3 テキスト系をを実装 スクロールバーが出ないようにする。
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はカードコンポーネントにテキスト情報 投票数を追加してコンポーネントを完成…
- 投稿日:2023-05-11T21:56:17+09:00
imdb clone Part15 11 CardComponent 2/3カードコンポーネントの画像を実装
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回はNext.jsのImageコンポーネントを使ってカードに画像を追加してい…
- 投稿日:2023-05-11T21:55:28+09:00
imdb clone Part14 11 CardComponent カードコンポーネント新規作成 idのみ表示
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f077 今回は映画のidのみを表示するコンポーネントを新規作成します。 下gifアニメ…
- 投稿日:2023-05-11T21:52:44+09:00
imdb clone Part13 10 読み込み処理を追加する
概要 目次 https://qiita.com/RYA234/private/61143e3405c1f1c6f07 今回は読み込み時のアニメーションを実装します。 以下gifアニメは読み込み処理が…
- 投稿日:2023-05-11T21:30:25+09:00
Reactを使ってTODOアプリを作成する Material UIのインポート CSS Moduleの環境設定
TODOアプリ 前回に引き続きReactを用いてTODOアプリを作成していこうと思います。 ただし、React初心者なので以下の手順で作成していこうと思います。 JavaScriptで作成(サーバー…
- 投稿日:2023-05-11T20:39:01+09:00
日本語タイピングゲームのためのローマ字入力正誤判定JavaScriptライブラリ
0. 概要 タイピングゲームを作るための「ローマ字入力の正誤判定」を行うJavaScriptライブラリです。 例えば「ひっしゅう」は、hisshuu, hisshilyuu, hiltushilyu…
- 投稿日:2023-05-11T16:23:33+09:00
railsでコメントを自動保存してみた〜超ざっくり〜 改訂予定
railsでQuiitaみたいな自動保存ってどうやってできるんだろうとふと思ったので、超ざっくり作成してみました。今後、より良くしていく予定ですが、現段階ではかなりざっくりです。 もし改善案とか教え…
- 投稿日:2023-05-11T15:38:11+09:00
JavaScriptの基本についてまとめてみた
JavaScriptの基本 JavaScriptは、Web開発において最も一般的なプログラミング言語の1つです。以下は、JavaScriptの基本的な構文です。 変数 変数は、値を格納するためのもの…
- 投稿日:2023-05-11T15:27:48+09:00
[自分用]なぜNext.js?
なぜNext.jsを使用するのか 素のReactを使用すると、構文以外でつまづきやすいため。 ReactのフレームワークであるNext.jsを使用。 素のReactで躓きやすいポイント ・ルーティング ・cssモジュー…
- 投稿日:2023-05-11T14:05:11+09:00
Deno KVでキューを実装
# プッシュ curl https://kvq.deno.dev/mykey -d '[{"a":"b"},"foo",null,42]' # プル curl https://kvq.deno.de…
- 投稿日:2023-05-11T14:05:11+09:00
Deno KVでキューを実装【Deno Deploy】
# プッシュ curl https://kvq.deno.dev/mykey -d '[{"a":"b"},"foo",null,42]' # プル curl https://kvq.deno.de…
- 投稿日:2023-05-11T12:03:09+09:00
micro:bitのジャイロセンサーをBLEで読み取り、C#へ渡す
処理フロー [MakeCode] micro:bitに内蔵されているジャイロセンサーの値を、BLE(Bluetooth Low Energy)を使用してPCへ送信します. [JavaScript] …
- 投稿日:2023-05-11T10:10:10+09:00
サル🐵でもわかるReactのProps【初心者向け】
React(リアクト)のProps(プロップス)は、コンポーネント間でデータを渡すための仕組みです。 子コンポーネントにデータを渡すときに使います。簡単に言えば、親から子へプレゼントを渡すようなもの…
- 投稿日:2023-05-11T00:24:39+09:00
GASで便利なスクリプト集
#スプレッドシートをPDF化するスクリプト // 関数を実行するタブをメニューバーに追加 function onOpen() { var ui = SpreadsheetApp.getUi(); v…
