フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

FlutterでRiverpodを使用してみた

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

pythonのbeautifulsoup4を利用してサイト内にあるすべてのリンクを抽出してみる

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

Flutterでsqlliteを利用してタスク管理を実装する

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

flutterでtimerを利用して自動で画面画面遷移する

サンプルコード 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…

python/BeautifulSoupを利用して複数HTMLファイルを一括置換する

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

FlutterとFirebaseの連携手順のメモ

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>…

Nuxtjs+ExpressでPDF作成及びダウンロード

はじめに Nuxtjs+Expressで構築したシステムでP DFの作成及びダウンロードする機能の実装をする必要があり、技術的に調査した結果を下記にまとめました。 NodejsでPDFを生成できるライブラリ NodejsでPDFを生成できるライブラリをいくつかピックアップして…

flutterのスプラッシュ画面

インストール flutter pub add flutter_native_splash pubspec.yamlに次の設定を追加する。画像はpngを指定する必要がある。 flutter_native_splash: image: "images/sample.png" color: "FAF3F3" スプラッシュ画面の作成 flutter pub run flutter_native_sp…

flutterで画面遷移とパラメータの受け渡しをする

はじめに 久しぶりにflutterの勉強を再開してみる。 flutter doctorでエラーの解消 久しぶりに動かそうとしたら、flutter doctorでエラーになった C:\Users\user>flutter doctor Doctor summary (to see all details, run flutter doctor -v): [√] Flutter (…

WSL上でHerokuのgolangを動かす

はじめに golangを無料で動かせるサーバーを探していたらherokuがあったので、heroku上でgolangを動かしてみる。 下記のページを参考に作業を進める devcenter.heroku.com 前提条件 wslのubuntu環境にて作業を行う すでにherokuでアカウント作成している状態…

google colabでサイト監視して条件にあったらBeep音で知らせる

はじめに 一時的に、とあるサイトを監視して、ある条件になったら音で知らせるというサンプルを作成しました。 インストールするパッケージ !pip install requests !pip install time !pip install tkinter サンプルコード import time import requests from…

WSL/ubuntuにpython/golangをインストールしてローカル環境でvercelの開発をする

はじめに vercelでserverless functionが利用できるようになっていたので、ローカルで少し動かしてみる。Python、Golang、Ruby、Nodeも使えるらしい。 vercel.com serverless functionは利用できるがメモリなどの制限があるため、何か簡単な処理か、どうして…

AIに必要な数学の勉強メモ⑥

分散 数値データのばらつき具合を表すための指標 ある一つの群の数値データにおいて、平均値と個々のデータの差の2乗の平均を求めることによって計算 分散の求め方 x= np.array([55,45,60,40]) print(np.var(x)) 標準偏差 すべてのデータを使った、ばらつき…

AIに必要な数学の勉強メモ⑤

確率とは ある現象がおきることが期待される度合いのこと は事象が起きる確率、aは事象が起きる場合の数、nはすべての場合の数となる。 確率への収束 事象の発生数 / 試行数が確率に収束する の確率の収束のサンプル x= [] y=[] total = 0 # 試行数 num_fron…

AIに必要な数学の勉強メモ④

連鎖律 複数の関数が合成された合成関数を微分するとき、その導関数がそれぞれの導関数の積で与えられるという関係式のこと。(Wikipediaから引用) 導関数 f`(x) ex) f(x) = x2の導入関数f`(x)を求める (x+h)2 -x2 2xh + h2 = 2x + h Answer:2x 合成関数 ex)…

AIに必要な数学の勉強メモ③

線形変換 線形変換により、ベクトルを変換します。 ベクトルからベクトルへの変換を線形変換という 基底とは 座標系を作りだす一次独立なベクトルの集まり ベクトル空間 基底によって構成される座標系 標準基底 直交座標系の各軸方向に向かう単位ベクトルか…

AIに必要な数学の勉強メモ②

本日覚えたこと 線形代数周りの処理で覚えた内容を記述 npと記載されている箇所はnumpyの関数を利用しているところです。 import numpy as np スカラー a = 1.5 ベクトル b = np.array([1, 2, 3, 4, 5]) 行列 c = np.array([[1, 2, 3], [4, 5, 6]]) 3階のテ…

AIに必要な数学の勉強メモ①

べき乗 (2x) def squared (x): return 2**x 平方根 def square_root(x): return np.sqrt(x) + 1 N次の多項式 def polynomial(x): return 3*x**3 - 2*x**2 + x + 1 三角関数 np.sin(x) # sin(Θ) np.cos(x) # cos(Θ) np.tan(x) # tan(Θ) ※パラメータは角度が入…

はてなブログのTex記法

添字と累乗 [tex: a_1, a_{ij}, b^{2}, b^{ij}, c_1^{2}] 多項式 [tex: y=x^{3}+2x^{2}+x+3] 平方根 [tex: y=\sqrt x] 三角関数 [tex: y=\sin x, \cos x] 分数 [tex:y=\frac{17}{24}] 総和 displaystyleを利用しない場合 [tex:y=\sum_{k=1}^{n} a_k] display…

androidのkeystoreの作成手順

参考ページ developer.android.com 作成手順 ①. keytoolを利用するためにJavaをインストールする。 www.oracle.com ②.androidの 「Build」→「Generate Signed Bundle / APK..」を選択する ③. 「Android App Bundle」 or 「Apk」のどちらかを選択するのですが…

reactでカレンダー機能を実装する

fullcalendar reactでfullcalendarを利用してみたが、カレンダー上でイベントを追加できるようにするには480ドルを支払わないといけないので見送る。 fullcalendar.io パッケージインストール npm install --save @fullcalendar/react @fullcalendar/dayg…

android スプラッシュからの携帯電話情報の取得

はじめに androidでスプラッシュ画面から遷移して携帯電話情報を取得して画面表示するサンプルを作ってみた manifestファイル 携帯電話情報を取得するために下記のXMLを記述する <uses-permission android:name="android.permission.READ_PHONE_STATE" /> <uses-permission android:name="android.permission.READ_PHONE_NUMBERS" /> app\build.gradleファイル コルーチンを利用するためにkotlinxをインポート</uses-permission></uses-permission>…

Windows/Docker上でswiftを動かす

環境構築 1 . Windows10PCにDockerデスクトップをインストールします swift.orgからSwiftdockerイメージを取得します swift.org swiftのイメージをPullしてくる docker pull swift 下記のようにswift dockerを起動してswiftコマンドを実行するとエラーが発生…

OpenProjectをインストールして個人開発のスケジュールを管理する

OpenProjectのインストール 下記の手順でローカルでOpenProjectを動作できる環境を構築することができる git clone https://github.com/opf/openproject-deploy --depth=1 --branch=stable/11 openproject cd openproject/compose docker-compose pull http:…

WordPressのバージョンアップ依頼や引継ぎ依頼がきた場合の確認項目を検討してみた。

はじめに WordPressのバージョンアップや、運用している人がいなくなったので引き継いでほしいという話はよくあるが、自分がもしその案件を受けるなら下記の事前ヒアリングをしてボリューム感をヒアリングしてから概々算見積を出す。詳細見積を出す人の勇気…

pythonでサイト内の画像をダウンロードと画像圧縮

はじめに サイト内に取得する画像のリストをCSVで事前に用意しておく。 filename http://www.example.com/images/hoge600444hgea0a9dad15a.png http://www.example.com/images/hoge600a22222hoge30.png http://www.example.com/images/hoge6dsa33300a0ae7317…

django/pandasでCSVファイルを結合する

インストール django-pandasというパッケージもあるが普通にpandasをインストールして使う。 pip install pandas CSVファイルのサンプル 下記の2つのCSVファイルをfilenameをキーに結合する itemid itemname filename 4 商品1 hoge600444hgea0a9dad15a.png …

Windows環境でWSL2/UbuntuとDockerをインストールする

前回の続き - WindowsにWSLをインストールまでしたので、WindowsにLinuxをインストールしてみる px-wing.hatenablog.com 手順 Linuxディストリビューションをインストールします 上記記事のWSLをインストールした後、Window storeを開き、お気に入りのLinux…

Windows10 Homeに WSL 2 をインストールする

参考ページ docs.microsoft.com 手順 1 - Linux 用 Windows サブシステムを有効にする PSを管理者モードで立ち上げて dism.exe /online /enable-feature /featurename:Microsoft-Windows-Subsystem-Linux /all /norestartを実行する PS C:\Windows\system32>…

DDD/TypeScriptの勉強

ユースケース図 DDD サンプルコード class Blog { static _id: number = 1; id: number | null; categoryId: number | null; title: string | null; text: string | null; postDate: Date | null; constructor(categoryId?: number, title?: string, text?: …