React + Tailwindでテキストアニメーションを実装してみた
こんにちは、今回はReactとTailwind CSSを使って、テキストが1文字ずつアニメーションしながら表示されるUIを実装してみました。 完成イメージはこんな感じです 実装コード "use ...
0
0
Comment0
52 search resultsShowing 1~20 results
Stocked
You need to log-in
WordPressの記事情報＋サムネイル情報を取得するためのMySQLクエリ
先日、知人のお仕事を手伝いしている際に、WordPressからShopifyに移管する作業を行いました。 デフォルトのエクスポート機能じゃ物足りなかったり、プラグインを入れようにもWordPre...
2
3
Comment0
【個人開発_#5】APIの開発
前回は、SupabaseとPrismaを導入してデータの永続化（保存）を実装しました。 今回はAPIの開発周りです。 （実は前回すでに実装しており、Supabaseからデータを取得するところはで...
2
0
Comment0
【個人開発_#4】SupabaseとPrismaを導入してデータの永続化
前回は、Googleログインを実装しました。 今回は、SupabaseとPrismaを導入してデータの永続化（保存）ができるようにしていきます。 Supabaseの導入 Supabaseとは？ ...
1
1
Comment0
【個人開発_#4】Googleログイン機能を実装
前回は、UI部分の実装を進めました。 今回は、Googleログイン機能を実装していこうと思います。 今回のアプリはGoogleログインだけに絞って開発をしようと思います。 ほとんどこちらの記事を...
2
0
Comment0
【個人開発_#1】Next.js+TypeScript+Tailwind+ESlint+Prettierで開発環境を整えてみる #1
はじめに 個人開発でWebサービスを作りたいと思い、せっかくなので流行りのNext.jsを使って構築を行うことにしました。 開発の備忘録としてQiitaに投稿していこうと思います。 環境 ツール...
3
1
Comment0
【個人開発_#2】Next.jsをDockerで動かしてみた #2
前回は、開発するための身の周りの準備を行いました。 今回は、ずっと逃げてきたDockerを導入してみようと思います。 Web制作からキャリアをスタートした僕にはDockerとはかけ離れたところに...
0
0
Comment0
【個人開発_#3】UI部分を構築していく
現在個人開発をしています。前回はDockerで動くようにしました。 今回は、フロントUI部分の実装を進めていきます。 一応デザインは作ったのですが、「デザイン苦手」「個人開発なので開発しながら調...
1
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day7 2626. Array Reduce Transformation
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
1
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day6 2634. Filter Elements from Array
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day5 2635. Apply Transform Over Each Element in Array
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day4 2665. Counter II
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day3 2704. To Be Or Not To Be
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day2 2620. Counter
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
体育科出身の僕がLeetCode入門してみた - Day1 2667. Create Hello World Function
概要 文系（体育科）卒業の僕が、人並みのアルゴリズムを身につけるためにLeetCodeを初めてみました。 日本だとAtCoderが一般的なようですが、海外エンジニアへの憧れを持つ僕はLeetCo...
0
0
Comment0
デプロイに毎回こけるのでhuskyとlint-stagedを導入した
最近、WordPressをヘッドレスCMS化してNext.jsでWebサイトを構築しました。ホスティングにはNetlifyを使っています。 実際に構築したサイトがこちらです。 青年海外協力隊でア...
5
1
Comment0
Next.jsとGoogleスプレッドシートを連携させて動的ページを作ってみた
Googleスプレッドシートをデータベースとして扱い､スプレッドシートの値をWebサイト上に表示したくなるときありますよね(？) 今回は次のようなアプリを作ってみました！ 会社情報をスプレッドシ...
18
5
Comment0
Next.jsでTOPページと下層ページで条件分岐をさせる方法
Next.jsで現在Webサイトを作っていて､TOPページと下層ページでヘッダーにあてるCSSを変えたくなりどうやってやるんだろうとなって調べたのでまとめておきます｡ ちなみにNext.jsはは...
0
0
Comment0
フォルダ毎削除するコマンド
コマンドでフォルダ毎削除したいときにコマンドを毎回調べるので備忘録として残しておきます。 フォルダ名をdelete_meとしております。 空のフォルダだったら下記のコマンドで削除可能です。 $ ...
1
1
Comment0
CyberduckでEC2に接続する方法
設定する項目 サーバー パブリック IPv4 アドレスを設定 ユーザー名 ec2-user パスワード 何も入れなくてOK SSH Private Key .sshフォルダに入れてあるpemファ...
1
0
Comment0
52 search resultsShowing 1~20 results
Qiita is a knowledge sharing service for engineers.
- You can follow users and tags
- You can stock useful information
- You can make edit suggestions for articles