WEB系エンジニア｜moridaiのブログ

ReactとDraggableを使ったサッカー戦術アプリの作り方

サッカー戦術の理解やコーチングをサポートするために、ビジュアル的に戦術を表現できるアプリを作りたいと考えたことはありませんか？今回の記事では、Reactとreact-draggableを使って、サッカー戦 […]

Next.is13を使ったTodoリストをYouTubeを見ながら作ってみました。が、理解が追い付かなかったので自分なりにまとめなおすことにしました。この記事では、「Next.js13」「TypeScri […]

プログラミングを始めたいけど、初心者はどの言語から勉強したらよいの？そんな疑問にお答えします。結論は javascriptから学ぶと良いでしょう！この記事では、プログラミング初心者どの言 […]

Reactを勉強するためにYouTubeでTodoアプリの作成したけど、全く理解できない。今回はReactの知識ゼロの筆者がわかりやすくTodoアプリのコードを解説していきます。 ↓↓↓参考にして作ったY […]

Next.jsでコンポーネント化しようとすると Next.jsのコンポーネント化に躓きなんだなんだ。。。#駆け出しエンジニアと繋がりたい pic.twitter.com/tUVCY4T9bK — もりだい […]

GitHubにPushすると重いファイルがあるとエラーが吐かれる問題を解決しましたので、健忘録としてブログに残しておきます。 Next.jsを学ぶためにyarnを使ってインストールしましたが、 […]

Reactを学ぶにはNext.jsと合わせて学ぶとよい！そんな情報をもらったのでNext.jsの環境構築を始めた。が！！！思いっきり躓いたので、健忘録的にまとめておくことにした。 &nbsp […]

悩む人スクロールすると画像が動くサイトを作りたい！でも、難しそうだよね。。。 moridai 動きがあるサイトを作りにはCCSとJavaScriptの知識が必要だよ！でも、まずはコピペでも良 […]

この記事では、カルーセルスライダーが何であるかをわかりやすく説明しているよ。そして、それがウェブデザインにどう使われ、CSSとJavaScriptがどう関わってくるのかも説明しているんだ。 […]

動きのあるウェブサイトはかっこいいですよね。今回は、JavaScriptを使用してウェブデザインを向上させるための画像エフェクトの作り方を紹介します。「ホバー時の画像拡大」「フェードイン」「 […]