yamama72– Author –

getServerSidePropsを用いてサーバーサイドでAPIを叩いてデータを取得し、レンダリングするまでの流れをご紹介します。 【getServerSidePropsとは】 Next.jsの公式チュートリアルによると、getServerSidePropsについてこのように記載されています。 getSer...

CodePenで React × TypeScript のアプリケーションを試すための最低限のセッティングをご紹介します。 CodePen自体のセッティングが済んでいることが前提ですので、お済みでない方はまずアカウントの作成を行いましょう。 セッティング方法や、そもそもCod...

seleniumを用いたブラウザの自動操作プログラム（スクレイピングなど）を安定的に稼働させるための待機処理についてきちんと理解していますか？ 本記事では、そんなseleniumにおける待機処理に関してのテクニックや知識をご紹介していきます！ こんな人に...

pythonを使用してブラウザを自動で動かすことができるのはご存知でしょうか？ 実は、seleniumというフレームワークを用いることで実現することができます。 こちらの動画でなんとなくどんなものかイメージできるのではないでしょうか。 これは楽天市場にロ...

本記事では、「pythonを用いてスクレイピングを行ってみたい！」といった方向けに、基本的な知識や注意事項、実際にスクレイピングのプログラムを作成するまでご紹介していきます。 こんな人におすすめ！ ・そもそもスクレイピングって何？・実際にpython...

本記事では、「フォームで入力した郵便番号から住所を取得する方法」をご紹介していきます！ こんな感じです。 See the Pen Address Form by Taichi.Y (@tai72) on CodePen. このように、「ユーザーが入力した郵便番号」から「住所」を取得して入力を省け...

Next.jsを用いたWebアプリケーション内で、APIを用いてメールを送信する方法をまとめました！ 流れとしては、 フォームから情報を入力 「入力情報を確認」ボタンを押す 入力情報確認ページに遷移 「送信」ボタンを押す 「お問い合わせありがとうございまし...

Webサイトで、スクロールすることで初めてコンテンツが表示されたりするのをみたことありませんか？ サイトに動きが追加され、見る人の注意を惹くことができます。 このロジック自体は簡単なのですが、サイトの動きのバリエーションを大幅に増やすことがで...

views.pyからテンプレートに配列を渡し、その中の要素数によって条件分岐させる方法のメモ。 【結論】 class SampleView(generic.TemplateView): template_name = index.html def get(self, request, **kwargs): context['lst'] = [1, 2, 3] retur...

xserverを利用してポートフォリをを開設し、そのお問合せフォームからメールを送信するのにつまずいてのでメモ。 【準備】 （xserver）メールアカウント作る xserverでメールアカウントを作る。 ここにアクセス。 「メールアカウント設定」をクリック。 対...