新しいアプリを作成する プロジェクト用アプリの開発 $ mkdir shopify_dev $ cd shopify_dev/ shopifyのパッケージをインストール npm init @shopify/app@latest shopifyプロジェクトの初期設定。プロジェクト名と、どの言語を利用するのか問われる。言語は…

はじめに EBでLaravelを動作させる機会があったので、下記にまとめました。 ElasticBeanstalk アプリケーション作成 「Create Application」ボタンをクリックする 「アプリケーション名」を設定する PHP、ファイルアップロードを選択する アプリケーションの…

はじめに S3にSSL通信でアクセスできるための設定を下記のまとめてみました。 AWS Certificate Managerの設定 SSL証明書の定義 証明書をリクエスト「パブリック証明書をリクエスト」を選択し、「次へ」ボタンをクリックする ドメイン名にSSLを設定したいドメ…

はじめに AWS Elemental MediaConvertを利用する機械があったので、設定する手順を下記に記載しました。 ジョブテンプレートの作成 - 一般設定を下記のように任意の値を入力する - 入力は何も設定せず、デフォルトのまま 出力の追加ボタンをクリックし「Appl…

はじめに お仕事でReactで動画再生する方法を検討する 調査したいこと、動画開始、終了イベント及び再生時間の取得ができるか 該当プラグイン 調べたところ下記の２つのプラグインがあることを知りstar数の数の多いreact-playerを検証してみる。 video-react…

はじめに 下記の動画を参考に自分のアレンジを入れてタイマーを作成してみました。 www.youtube.com サンプルコード import 'dart:ui'; import 'dart:async'; import 'package:flutter/material.dart'; import 'package:iterative_memory/widget/button_widg…

Google reCAPTCHA reCAPTCHA設定 https://www.google.com/recaptcha/intro/v3.html 画面上部の中央にある「Admin console」をクリックします。 amplifyに認証設定する amplify add authのコマンドを実行し下記の選択を行う $ amplify add auth Using service…

はじめに amplifyの開発を進めていたが、デプロイ時のエラーをどうしても解決できず、１度環境を壊して再構築した。 ※windowsのwsl環境で開発しております。 ローカルのnodejsを削除とインストール 環境を最新にする sudo apt-get update nodejsアンインスト…

はじめに PHPでSMSメール送信できなかと相談を受けて調べてみた。 SMSサービス いろいろな企業がサービスを提供しているが、No１シェアだった理由と、日本の電話番号も対応していたので、こちらを試してみました。 www.peerspot.com 無料で利用できるものあ…

Summary nextjs+typescript環境にjestをインストールする機会があったので、設定した手順をメモしておく。 install npm install @nuxtjs/dotenv npm install --save-dev jest @types/jest ts-jest setting package.jsonファイルに下記の記述を追記する "scri…

Summary expressに記述している複数のルーティングを一括でテキストまたはjsonに出力できないか調べてみました。 References github.com Example Code 下記のコードで記述するとPath及びPathに紐づくメソッド名が取得できる。 router.stack.filter(r => r.ro…

はじめに 下記のコンペに参加してみた。 www.kaggle.com データ分析・前処理 xは0,1,2の３種類だったので、カテゴリ変数の扱いにしてOne-Hotエンコーディングを行ってみて。 yは0,1,2,3の4種類だったので、カテゴリ変数の扱いにしてOne-Hotエンコーディング…

はじめに はてなブログをAmplify+Nextjs環境に移行するためにまず初めに環境構築を行う。 Amplify CLI のインストール npm install -g @aws-amplify/cli AWSアカウントの紐付け amplify configure リージョンの選択 Follow these steps to set up access to …

Docker-Compose version: "3" services: postgres: container_name: "db" image: postgres:latest restart: always environment: POSTGRES_USER: test POSTGRES_PASSWORD: password PGPASSWORD: password123 POSTGRES_DB: test PGDATA: /var/lib/postgresql/…

設定手順 portsに22を指定する(ポートフォーディング用のポートを指定する) extra_hostsに外部サーバー用のサーバーのIPを指定する version: "3" services: app: container_name: app-service build: context: ./node volumes: - ../app:/srv/app command: /…

prisma複数データベースの接続方法 追加分のデータベースの接続情報を指定したschemaServiceB.prismaファイルを作成する schema.prismaファイル(既存) generator client { provider = "prisma-client-js" } datasource db { provider = "mysql" url = env("S…

はじめに はてなブログを移設したく、APIやいろいろな方法を試したが、過去データ全部移設するには、MovableTypeに一度移設したほうがよさそうだということで、MovableTypeを１０年ぶりに触ってみる。 インストール メールアドレスを登録しないと無償版はダ…

はじめに 前回と前々回でデータの加工及び可視化を行ったので、今度はモデルの構築を行ってみる px-wing.hatenablog.com px-wing.hatenablog.com モデル構築 ## モデル構築 import lightgbm as lgb from sklearn.model_selection import train_test_split fr…

はじめに 下記の記事でデータ前処理を行ったので、今回は、そのデータ前処理を行ったデータをグラフで確認する px-wing.hatenablog.com ヒストグラム表示 fig, axes = plt.subplots(2,2, figsize=(20,10)) axes[0][0].hist(df["最寄駅：距離（分）"],bins=20…

はじめに 下記のコンペデータを利用してデータの前処理をしてみる www.nishika.com google colabを利用して検証する サイトから検証データ、テストデータをダウンロードし、google colabにアップロードする。 前処理を行うために必要なライブラリをインスト…

はじめに 下記の動画でpandasとMatplotlibの勉強をする www.youtube.com www.youtube.com pandas pandasで勉強したこと # データの数 df.shape df.info() df.columns # pclassのユニークの値取得 df["pclass"].unique() ## pclassのカテゴリごとの数 df["pcl…

はじめに 下記の動画の２０本ノックを試してみた。 www.youtube.com 20本ノックを試した結果 import pandas as pd # 1本目 データの読み込み df = pd.read_csv("./weather.csv"); # 2本目 データの中身の確認(先頭３行、末尾１０行を表示) df.head(3) df.tai…

はじめに ２週間ぶりにAndroid Studioで開発をしようとしたらemulatorを起動したところ、下記のエラーが発生したので、調査してみて。 エラーの内容 WARNING | unexpected system image feature string, emulator might not function correctly, please try …

Riverpodとは 状態管理ライブラリです。 Providerの種類 種類 説明 Provider 定数 StateProvider 変数・標準 ScopedProvider 出力を指定する StateNotifierProvider メソッド付き FutureProvider Future版 StreamProvider Stream版 ChangeNotifierProvider C…

はじめに 運用しているサイトでバックアップファイルが多く残っているサイトで、現時点でトップページから正しくリンクが張られているページを調査するため、手動でチェックするのは、しんどいのでプログラムで調査できないか、サンプルのプログラムを作成し…

はじめに 作成途中のプログラムになりますが、Flutterでsqlliteを利用してタスクの登録と削除を行えるアプリを開発する。 ※変更処理は途中の状態です。 インストールのパッケージ sqfliteとpath_providerをインストールする dependencies: flutter: sdk: flu…

サンプルコード import 'dart:async'; import 'package:flutter/material.dart'; const Color darkBlue = Color.fromARGB(255, 18, 32, 47); void main() => runApp(MyApp()); class MyApp extends StatelessWidget { @override Widget build(BuildContext c…

はじめに 直近で某サイトのヘッダーやサイドナビが各ページに記述されており、ヘッダーやサイドナビが変更が発生するたびに対象ページをgrep 置換している運用しているサイトがあり、ヘッダーやサイドナビを共通化してほしいというお題を頂いたので、手作業…

FirebaseとFlutterの設定 Firebaseにプロジェクトを作成する google-service.jsonファイルをダウンロードして下記にフォルダに設置する \<Your Project Root>\android\app\google-services.json /<Your Project Root>/android/build.gradleファイルにclasspath 'com.google.gms:google-services:4.3</your></your>…