chevron_left

メインカテゴリーを選択しなおす

cancel
ITの隊長のブログ https://www.aipacommander.com/

ITの隊長のブログです。いや、まだ隊長と呼べるほどには至っていないけど、日々がんばります。

アイパー隊長
フォロー
住所
沖縄県
出身
沖縄県
ブログ村参加

2012/07/17

1件〜100件

arrow_drop_down
  • M1 MacでtfjsのWASMをビルドする旅(失敗しました)

    概要 m1 mac使っているんだけど、tfjsのwasmビルドを試みたら色々死んだ 僕の中の結論はうまくいかない 試みたログ $ docker run --rm --platform linux/arm64/v8 -it ubuntu:latest /bin/bash $ apt update -y && \ apt install -y gcc python3 nodejs npm curl git build-essential $ cd ~ $ curl -L -o bazel https://github.com/bazelbuild/bazelisk/releases/downloa…

  • DOMException: play() failed because the user didn't interact with the document first

    なんかChromeだと <video> タグを動的に再生するとたまに失敗が続くようなことがある。 というわけで、こうする <video id="video" muted /> こいつをつけるとうまくいきました。

  • Cannot use import statement outside a module

    import * as scatter from 'scatter-gl' ↑のように該当 モジュールをimportすると下記エラー [nuxt] [request error] [unhandled] [500] Cannot use import statement outside a module at Object.compileFunction (node:vm:352:18) at wrapSafe (node:internal/modules/cjs/loader:1031:15) at Module._compile (node:internal/modules/cjs/loa…

  • Component inside <Transition> renders non-element root node that cannot be animated.

    Nuxt3でwarningがでてたので、対応してみた。 www.memory-lovers.blog マルチルートノードコンポーネントがサポートされたけど、直下はダメらしい。。 なるほど〜〜 というわけで、記事と同様に単一要素に修正したところ消えた。よかった

  • RailsのN+1対策の話

    zenn.dev Rails初心者マンの僕がこの記事をみて思ったこと joinsは? キャッシュの有効期限はどこで設定するんじゃろうか qiita.com 他の3つとの違いは、associationをキャッシュしないこと。 なるほど serip39.hatenablog.com qiita.com なるほど〜〜〜 あと、関連のスライドもわかりやすかった speakerdeck.com allしてeachすんな クエリで実行できるのならクエリのほうが速い ActiveRecordオブジェクトの生成コストは高い

  • Railsの日付操作が面白い

    RuboCopにこんな怒られ方しました。 C: [Correctable] Rails/DurationArithmetic: Do not add or subtract duration. Time.new - 30.minutes これ以外にどんな方法が???と思っていたのですが、同僚から教えてもらいました。 qiita.com おもしろい。 記事は日付ですが、時間もいけます。 [36] pry(main)> Time.current.ago(30.minutes) => Mon, 17 Oct 2022 22:22:54 JST +09:00 [37] pry(main)> Time.…

  • RuboCopさんに怒られたメモ

    概要 意味調べて修正しているので、せっかくだからメモする Rubyなれなさすぎてもあり、めっちゃ怒られた(修正箇所いっぱい) 怒られたメモ C: [Correctable] Style/MutableConstant: Freeze mutable objects assigned to constants. 定数は freeze してね。はい。 qiita.com [Correctable] Style/TrailingCommaInHashLiteral: Put a comma after the last item of a multiline hash. 読めばわかりますね。Hash…

  • 物流について調べているメモ2

    www.aipacommander.com 前回 続き読んでいる。 読んでいるんだけど、IoTはともかくAIの期待値が大きくてもっとがんばらんと。という気持ちにはなる。 あと、AIがまじで頑張ってコスト削減ーってなると、極論人がいらなくなるということになると思うので、その点どうなの?という気持ちにもなる。 というのが海外だとそうなっているらしいけど、日本だと現場のノウハウがめちゃ溜まっているとのことなので、日本型のボトムアップ式でロジスティクス4.0をやっていこうぜ!というのがこの本の趣旨。 で。僕が知りたかったのはドライバーが儲けるにはどうすれば?ということだったので、この本はちょっち違うか…

  • Nuxt3.0.0-rc.11が動かない

    結論からいうと、Nuxt3.0.0-rc.10で動きました。 環境 $ sw_vers ProductName: macOS ProductVersion: 12.6 BuildVersion: 21G115 $ docker --version Docker version 20.10.17, build 100c701 m1 macです(m2でも試しました) 試したこと だいたいはドキュメント通りに試しました $ docker pull node:16.16.0-slim $ docker run --rm -p 4000:4000 -it node:16.16.0-slim /bin/b…

  • 物流について調べているメモ

    今これを読んでいる 日本型ロジスティクス4.0-サービス多様化、物流費上昇、人手不足を一挙解決-作者:㈱クニエ ロジスティクスグループ日刊工業新聞社Amazon 今思ったけど、全く知らない業界を知るために本を読むのは僕は向いていないかも知れない。本ででてくる単語をある程度理解した上で読むとストレスなくてすっと入ってくるタイプなのかも。 話戻して、ロジスティクスってなんぞ???ってなっていましたが、ロジステック回帰じゃないのかとか思ってましたが、全然違いました。 ja.wikipedia.org 物流の英語じゃろ?って思ったけど、物流は物的流通の略語で物理の話で、英語にするとロジスティクスではあ…

  • DatePickerのformに空文字をSetValueすると 「Invalid time value」 になる

    react-hook-formを使ってました。 nullはおkらしい setValue('date-input-form', null) // ok // setValue('date-input-form', '') // invalid time value

  • Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render.

    useEffectを削除したら消えた。なるほど。 const { setValue } = useForm() // 省略 useEffect(() => { // 省略 setValue('variable.hoge', hoge) }, [storeVariable]) こんな感じの処理を書いてた。 次に、useEffectを消さずに、setValueだけ消したらエラーは消えた。 で、色々探っていくと useEffectで更新しているstoreと関係ないstoreを第二引数に渡していた useEffectで更新しているstoreを第二引数に渡したらwarningが消えた ただ、1番目で指定…

  • error TS2538: Type 'string[]' cannot be used as an index type.

    なんじゃろ?ってぐぐってみると下記がわかりやすかった qiita.com bobbyhadz.com 要は動的に用意した変数の型がわからんままObjectの要素を指定しようとするとだめということらしい。 // だめ // const key = Object.keys(current)[0] // OK const key: string = Object.keys(current)[0] result[key] = current[key] return result 解決。

  • 8月は有給消化だったけど家族のコロナリレーで無事消化されました

    実は転職するんですが、8月まるまる有給とれたので 実はもっと余ってたけど 、僕の人生の中では一大イベントになりました!!! なにしようかな〜〜〜統計検定リベンジするのもいいな〜〜〜次の現場(?)に向けて勉強するのもいいな〜〜〜〜、前からやりたかったCGIの勉強もしてYoutuberチャレンジするのもいいな〜〜〜、いや時間も空いたし子供と接する日を多くするのもいいな〜〜〜 とか思ってたんですが、自分がコロナになり、家族もリレーするようにコロナ陽性者になりました。幸い、それぞれ1 ~ 2日もあれば元気になって大事にはいたらなかったのですが、隔離期間が思いの外長く、気がつけば8月が終わりな状況になっ…

  • 【わからない】react-hook-formとYupで複数フィールドの重複をチェックするバリデーションとエラーを表示するフォーム

    ほぼ1日かけて探したけどわからないので供養 const uniqueId = (value, context) => { const [_, parent] = context.from const filedNames = ['hogehoge1', 'hogehoge2', 'hogehoge3'] const list = [ parent.value.hogehoge1.id, parent.value.hogehoge2.id, parent.value.hogehoge3.id, ] console.log(list) const r = !list list.length …

  • 【Jest】テスト実行時にテスト名をconsole.logで表示する

    describe('useHogehogeHook', () => { beforeEach(() => { console.log(expect.getState().currentTestName); }); // 省略 これで、各テスト実行時にテスト名を表示してくれるようになる。 デバッグしているときに、どのテストでデバッグようにhookに追加したconsole.logが表示されているのかを追うときに便利(そんなことやらずにデバッガ使ってやればいいって話もあると思うけど、僕はまだその域にいけていない)

  • React + GraphQLで通信エラーを確認する

    ベストプラクティスはどうやってデバッグするのかはわからないですが、下記メモ。 query, mutationからerror変数を取得する // errorを確認してみる const { data: getSomething, loading, error } = useGetSomethingQuery({ variables: { id, }, fetchPolicy: 'no-cache', }) console.log(error) すると、 Error: Internal server error が発生していることがわかりました。 chromeのdeveloper toolsのネット…

  • VSCodeとDockerとDocker Volume使ってTypeScript + React開発しているとnode_modulesをVSCodeが参照できないから型探検隊になってしまい夜しか眠れなくなる

    参考にした記事 zenn.dev zenn.dev www.keisuke69.net 僕が試した手順 pluginをインストール このあとdocker-compose.yml用意しないといけないのかだるいとか思ってたけど、何もしなくてもよかった。 VSCodeの左したをクリックして、起動しているコンテナにAttach 選択すると起動しているコンテナの一覧がでてくるので選択する。すると、別Windowが起動するのでそこで作業すればおk 雑感 環境構築するのに結構時間かかるとか思ってたからやらなかったけど12分。。。。

  • TypeScriptの雑なメモ

    ふぁ!?????ってなったことが多いのでとりあえず雑なメモを残す ブルーベリー本から keyof const mmC = { mm: 1, m: 1e3, km: 1e6 } // OK // function c(value: number, unit: keyof typeof mmC) { // !??? // Element implicitly has an 'any' type because expression of type 'string' can't be used to index type '{ mm: number; m: number; km: number; }…

  • Mockeryがわからない

    laravel.com Laravelの中に入っているライブラリらしいが、使い方がいまいちわかっておらぬ。Jestでモックの流れをある程度把握した(つもり)と思っているので、ぱっと見なにをやっているかは読めると思っているが、モックできているのかどうかがわからない。 <?php // 省略 $status = Password::broker('user')->sendResetLink([ 'email' => $email ]); こんなコードを書いたとして、モックしたいとする。 <?php // 省略 // エラーを発生させる Notification::shouldReceive('se…

  • index.lock: File exists.

    $ g add app fatal: Unable to create '~/project_dir/.git/index.lock': File exists. Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'. Please make sure all processes are terminated then try again. If it still fails, a git process may have crashed in this…

  • macでXcodeをアンインストールしてしまったのでgitが動かない

    容量足りなくなって、使わないし「えい!」って消したらgitが動かなくなった。 $ git status xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun あ〜〜、そういえばそうだったなって思ったが、Xcodeなくてもいられないかなと色々ググってみた。 $ sw_vers ProductName: macOS ProductVersion: 12.…

  • error ${url}: Extracting tar content of undefined failed, the file appears to be corrupt: "ENOENT: no such file or directory, chmod ${directory}

    yarnインストールするとエラーがでたのでなにこれ?ってなってた。 $ yarn install ぐぐると下記で治るよ的な書き込みが多かったので試した。 $ yarn install --network-concurrency 1 すると治った。。。なぜ??????いまいち腑に落ちないがメモっとく。

  • LaravelのMigrationでエラー

    Migration not found $ ./vendor/bin/sail artisan migrate:refresh --seed Rolling back: xxxx Rolled back: yyyy (128.76ms) Migration not found: yyyy ... Migration not found: はDBとmigrationファイルの同期が取れていないだけ?なのかなって思っています。 qiita.com テーブルの中身削除したらいけました。 $ ./vendor/bin/sail artisan migrate:refresh --seed [2022-…

  • Vite + TypeScript + Reactの環境にJestをインストールする(途中)

    zenn.dev ↑みたらもう解決です。 github.com このcommitからスタートしました。 $ yarn add --dev jest typescript @types/jest ts-jest どうやらtypescriptが入ってなかったらしいです(あれ????) あとは参考URLの通り、 jest.config.json と package.json を作成修正し、テスト用のテストコードを用意したらおk. $ yarn run test yarn run v1.22.17 $ jest --config ./jest.config.json ts-jest[config] (…

  • BigQueryでクエリのエクスポートをスケジュールジョブで叩くSQLを用意する

    実行した日から去年のデータをエクスポートしたかった。年単位で実行したかったので、こういう感じで設定するといけた。 1st monday of january 09:00 叩くクエリは下記。 DECLARE run_date DATE; DECLARE last_year INT64; DECLARE start_date DATE; DECLARE end_date DATE; DECLARE file_name STRING; SET run_date = CURRENT_DATE(); SET last_year = EXTRACT(YEAR FROM DATE_SUB(run_date,…

  • Laravelにlighthouseをインストール

    前回の続き www.aipacommander.com Makefileを用意したので下記記事を参考にインストールしてみる。 qiita.com $ make install_args package=nuwave/lighthouse $ make install_args package=mll-lab/laravel-graphql-playground http://localhost/graphql-playground あっさり導入できた。

  • Laravelのインストール

    ひさびさにLaravelやっているが、遊び場みたいなものがほしいなって思ったのでインストールしようとしたメモ。 環境 $ sw_vers ProductName: macOS ProductVersion: 12.4 BuildVersion: 21F79 $ composer --version Composer version 2.3.8 2022-07-01 12:10:47 $ php -v PHP 8.1.7 (cli) (built: Jun 9 2022 14:21:07) (NTS) Copyright (c) The PHP Group Zend Engine v4.1.7,…

  • composerが動かない

    $ /usr/local/bin/composer PHP Deprecated: Return type of Symfony\Component\Console\Helper\HelperSet::getIterator() should either be compatible with IteratorAggregate::getIterator(): Traversable, or the #[\ReturnTypeWillChange] attribute should be used to temporarily suppress the notice in phar:///us…

  • Makefileとgit hookを使おう

    Laravelがちゃがちゃしてます。 pushする前にテストー、linter実行ー、ってやるのがめんどくなってきたので、Makefileとgit hookをひさびさに導入してみました。 ただのメモ。 Makefile test: ./vendor/bin/sail artisan migrate:refresh --seed ./vendor/bin/sail artisan test --parallel phpcs: ./vendor/bin/sail composer phpcs phpcbf: ./vendor/bin/sail composer phpcbf all: @make t…

  • react-webcamでstreamに値が入るまで待つ

    github.com const webcamRef = useRef(null) return ( // 省略 <Webcam audio={false} className="z-0" id="img" ref={webcamRef} /> ) こんな感じで起動していましたが、別処理でカメラで取得したデータを別途保存したいため、 webcamRef を使おうとしたら、streamにまだ値がないですよエラー。 どうやって待てばいいのかと色々探してみたり、過去実装してたpromiseをretryしてみたりとやってみたが、settimeoutと相性悪く(そんなことはないと思うけど、タイミングによ…

  • hasOwnProperty で取得できない謎

    すぐ解決したけど qiita.com こういうケースは in を使いましょう。

  • MediaRecorderのdataavailable eventが発火されるタイミングについて

    stopが呼ばれるときってマジ????? developer.mozilla.org 記録を停止します。 この時点で、保存したデータの最後の Blob を含む dataavailable イベントが発生します。 これ以上記録は行われません。 アッはい 動作してみないと信じられない!!!(なんでやねん) 確認したところ jsfiddle.net 適当にぐぐって参考にしたReactのmoduleもこんな感じ github.com github.com github.com stopを呼んでから、ondataavailableが実行されないとchunkが空っぽなはずなので、mediaRecorder…

  • useEffectで初回実行しないようにする

    qiita.com qiita.com koke-tech-blog.vercel.app zenn.dev 第二引数に指定してたらそいつが変更されるまで動かないと思ってたんですが、そうじゃないらしい。なので↑みたいなことを試したんですが、 useRef ってそういう使い方あり???ってなってもう何もわからなくなった(ずっとdom参照のためのフックだと思ってた)

  • 最近のLaravelでの学びメモ

    振り返りが追いついておらぬ リセットパスワード用URLリンクをメールで通知 通知をQueue?に詰める laravel.com 詰めるのはdoc確認するだけで簡単でした。 <?php use Illuminate\Support\Facades\Password; // 省略 $status = Password::sendResetLink([ 'email' => $email, ]); $status は下記の定数が返ってきます。 github.com それにあわせて処理やResponseをどう返すかなど考えるといいかも。 ログインのユーザータイプ?が複数ある場合 一般用、管理用とかで分…

  • `sendPasswordResetNotification` のオーバーライドでエラー

    Method 'App\Models\User::sendPasswordResetNotification()' is not compatible with method 'Illuminate\Foundation\Auth\User::sendPasswordResetNotification()'. なにこれ〜〜〜〜 ぼくが書いたコード public function sendPasswordResetNotification(string $token) { // 処理 } 元のコード <?php namespace Illuminate\Contracts\Auth; inter…

  • ReactでMUIコンポーネントにstyleを渡す

    なんてよぶかわからんが、とりあえずメモ mui.com こいつにstyleを渡すには sx propsにわたす必要がある. const a = { sx: { backgroundColor: '#eee', } } return ( <TextField id="ほげほげ" label="ほげほげ" defaultValue={hogehoge} ...a /> ) このとき、backgroundColor を background-color って指定したら怒られる。 react_devtools_backend.js:4026 Using kebab-case for css prope…

  • 末尾Slash(trailing slash)の有無で、APIへのリクエストがリダイレクトしたりしなかったりする謎

    最初に結論から 結論 FastAPIはデコレーターで指定したパス通りじゃないと、 location を返す フレームワークやマネージドサービスによって仕様が違うっぽい?ので注意したい 環境 バックエンド: FastAPI==0.74.1 フロントエンド: JavaScript フレームワーク(axios) 事象 axiosのBase URLをhttpsで定義しているのに、あるAPIを叩いたときにhttps環境下でhttpが混ざってるよのMixedエラーがでてきた なぜ?????ってずっと「axios mixedエラー」で検索してたけど、全然それっぽい記事に出会わず混乱していた するとこんな記事…

  • 読書雑ログ

    この本を読んでいる。面白い。これまで何も考えずにチューニングしてきたな、とか思っちゃった。(そもそもフロントエンドのチューニングあんまりしたことないかも) Webフロントエンド ハイパフォーマンス チューニング作者:久保田 光則技術評論社Amazon この本ででてくる「RAIL」というキーワードについて、わかったようでわからなかったので調べてみた。ぐぐるときは「RAIL」だとRailsがいっぱいヒットするので「web RAIL」でググると良いです。 developer.mozilla.org gihyo.jp なんとなく理解したがもう少し事例(というか体系的に理解したい)がほしい

  • Blenderで遊ぶ

    目盛り?(グリッド?)のスケールが読み取れない(ぱっとみ1m?1cm?がよくわからない) とりあえず本を読んで真似て作るを繰り返している。いつになったらVtuberになれるんだ。まぁすぐにできるとは思っていないので地道に進める。 おーすげーとか思ってたけど下が謎。 わかります?影がおかしい(天板で隠れてるところは普通影になるはずだけど、天板すぐ下の脚に光があたっているなぜ?) 入門Blender2.9 ~ゼロから始める3D制作~作者:シゲユキ, 伊丹秀和システムAmazon

  • コツコツ作戦よさげ

    4月は社内ニートだったので個人開発が進んだ感じでしたが、5月からどうせ忙しくなって何もできなくなるのでは?とか思ってたんですが、予想は外れてブログも個人開発も進めることができました。(仕事がそんなにパタパタしていないというのもありそうですが、家事子育てが大変だったけど) 4 ~ 5月はなるべく子どもたちを21時までに寝かしつけして、明日の準備が終わったら眠くなるまで勉強やら開発してみる、みたいな生活をしてきました。過去は営業時間内で間に合わずだいたい仕事してたんですが、今年に入ってから夜仕事する意欲があんまりわかなくて、朝や営業時間内にめっちゃ集中して終わらすみたいなことをやっているとなんとか…

  • Vue3(Composition API + Vite)の勉強のために作ってたリポジトリを公開してみた

    task-choice.it-playground.link 残念なタイトル。。。(issueに乗せておこう。。。) yoshikiito.net こちらの記事をみて、ちょうど僕の悩みでもあったのでやってみよう!(最初はTrelloとかで)と思ったけど、ちょうどVue3勉強したかったので、作ってみようかってことで作ってみた。 github.com で、あらかたできてきたのでせっかくだから公開しちゃおうってことでドメインとって公開してみた。 公開のときに踏んだ参考にした記事はこちら。 zenn.dev ハマったことはこちら。 ACMは us-east-1 じゃないとCloudFrontが認識して…

  • バラバラフェスティバルの読み込み

    ワンピースの技じゃないです。以前LTしたときに、破壊する(Meshをカットする)Scriptをネットから拾ってきたので、それのコードを改良したくて、読み込みしてました。 バラバラフェスティバル(?)の改良に成功した(ソース読み込んだらバラバラしたObjectにも同じScriptをAddしてたからバラバラにするたびに処理が重くなる) pic.twitter.com/yVGp8Rwo2Y— アイパー隊長 (@aipacommander) 2022年5月21日 ソースコードはこちら。 MeshDestroy.cs · GitHub 参考にしている記事 qiita.com これから読もうとしている記事…

  • gitのメモ

    Git リポジトリ内で誤って消してしまったファイルを復元する git-recover.一度でも git add していれば,コミットしていなくても blob objects から復元できる可能性がある 'ethomson/git-recover' https://t.co/RY96XSxzQg— ドッグ (@Linda_pp) 2022年5月17日 zenn.dev commitでオブジェクト(?)ができるのは知ってたけど、addでもできるのか(blobオブジェクト)

  • Property 'ctrlKey' does not exist on type 'Event'.

    const handlerSaveNodes = (e: Event) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } これを const handlerSaveNodes = (e: KeyboardEvent) => { if (e.ctrlKey && e.code === "KeyS") { console.log(e); } } こうじゃ developer.mozilla.org

  • vue-tscコマンド何もわからん

    まとめ いきなりですが、解決していないので、まとめから。 色々試したが vue-tsc --noEmit -p tsconfig.app.json の composite をコメントアウトすると型チェックが動いた trueになっているとincrementalフラグがtrueになり、 vue-tsc コマンドはサポートしていないのでエラーになる incrementalってなんだ(勉強中) なんで tsconfig.json の references は読み込まれないのか 我々調査隊はAmazon(MSだけど)の深淵へと向かった(TypeScript読込中) tsconfig.app.json {…

  • Clearing cache and forcing full-reload to ensure typescript is compiled with updated config values.

    設定ファイルとか更新したらでてくるのですが、キャッシュを削除するのはわかるけどどこを削除すれば?人向け。 コード見るとこの辺。 github.com そしてこうする。 $ rm -rf ~/node_modules/.vite/*

  • VSCodeでVite + Vue3 + TypeScriptの開発環境のセットアップ

    Type Safeな世界がやっと見えてきた。。。 zenn.dev すべては↑にかかれている(ありがとうございます) 実は先日試してたんだけど、そのときはなぜか再起動してもPluginが反映されていない挙動が発生しており???ってなっていましたが、今日うまく言ったよかった。 そしたら色々わかった。 なぜか InjectionKey をimportするとエラーがでてアプリが動かないのでなぜだーとかやってた件。 今回いれたPluginに注釈されたところ、InjectionKey は型なので、型としてimportしろと注意。なるほど。 before import { InjectionKey, re…

  • Serverless Frameworkで.envファイルを読み込んで定義した環境変数を利用する

    かなり時間使ってしまってワロタ(涙) 環境変数使いたいだけなのになんでこんなに時間をかけてしまったのか。。。とりあえず僕の時間が消えたぶんだけきれいにまとめた手順が下記 ~/src/functions/hello/handler.ts // 省略 const hello: ValidatedEventAPIGatewayProxyEvent<typeof schema> = async (event) => { console.log(process.env.HOGE); // 省略 デフォで用意されるファイルに環境変数読み取れるか用意。 .envファイルも用意する。 HOGE="HOGEHO…

  • Serverless Frameworkのaws-nodejs-typescriptでAPI KEYが設定されたAPIを用意する

    このフレームワーク楽しいな(API GatewayとLambdaの連携を一通り遊んだことがある人ならいじるのが楽しいと思う) ./serverless.ts に下記設定を追加します。 apiGateway: { // 省略 apiKeys: [ { name: 'free-key', } ], usagePlan: { quota: { limit: 1000, period: 'MONTH' }, throttle: { burstLimit: 200, rateLimit: 100 } } }, // 省略 あとは個別のAPI設定に利用できるように設定します。 ~/src/function…

  • Serverless Frameworkのaws-nodejs-typescriptでCORSが設定されたAPIを用意する

    ドキュメント読んだら色々わかるんですが、 aws-nodejs-typescript のテンプレートでどうやって設定すればよいのかわからなかったのでメモ。 APIのfunctions設定で、CORSの設定をonにしたい関数だけ下記設定をします。 aws-nodejs-typescript のテンプレートでは、 src/functions/ 以下にAPIごとにディレクトリが作成できるので、 src/functions/hello/index.ts で関数の設定が編集できます。 import schema from './schema'; import { handlerPath } from '…

  • Serverless Frameworkのaws-nodejs-typescriptでHTTP GET methodを用意する

    GitHub検索したらあるんだけど、Googleではあんまりヒットしないなぜ? TypeScript力が低すぎて、いまいち何が書いてあるのかわからないのですが、とりあえずできたのでメモ。 github.com import type { ValidatedEventAPIGatewayProxyEvent } from '@libs/api-gateway'; import { formatJSONResponse } from '@libs/api-gateway'; import { middyfy } from '@libs/lambda'; const hello: Validated…

  • ServerlessFrameworkでHello world.

    すべてはここにおいてきた。 github.com で、へろーわーるどしようと叩いてみたけどエラーで失敗するなぜ??? root@00231e897e28:/app/backend-prj# sls invoke local -f hello Running "serverless" from node_modules { "errorMessage": "Cannot read properties of undefined (reading 'name')", "errorType": "TypeError", "stackTrace": [ "TypeError: Cannot read …

  • Nuxtでの実装について

    フロントエンドの実装がなんもわからん状態になっていました ぼくはReactを触ったことがないので、あくまでVueしか語れないですが(正直Vueもそんな語れる気がしない)、もともとjQueryでSPA開発をしたことがある僕が、Component志向なフレームワークを触ってから便利ー!!感動!!!的なことを思ったのですが、ここ最近はComponentむずい〜ってなっておりました。 主に理由は下記 ビジネスロジックどこに書いていいのかわからん問題 → Plugin??? Storeに絡む処理は全部Vuexに!!→Vuexが太る 用意したPluginをComponentから呼ぼう!あ、あのUIも必要だ…

  • Nuxt2でViteを使う

    ビルドが速いらしいので使ってみた vite.nuxtjs.org この記事参考にした(インストールはこれで大丈夫) zenn.dev ローカルにいれてれば特に問題ないと思うが、ぼくはDockerを使ってたので謎の挙動が発生した(Nuxtアプリをブラウザで開くとhot reloadの無限ループ) 今回バージョンは違うけどこの記事が参考になりました。 qiita.com 開発側だけの問題っぽい。ちなみにポートを変更したい場合は、 nuxt.config.js に下記設定を追記したらよい vite: { server: { hmr: { protocol: 'ws', port: 81, }, },…

  • crbug/1173575, non-JS module files deprecated.

    こんなエラーがでて、developer toolが起動しているときはサイトが読めなくなった。何ぞ。。。??? 色々探したけどよくわからんので、developer toolを初期設定にしたら直りました。 support.google.com

  • JavaScriptを雰囲気で書いているマン、やっとimport/exportを理解

    謎だったこと。import ... from '...' で、 import {...} と import ... のどっちでかけばいいの問題。(後者は特にVueでよく書くなって思ってた) というわけでドキュメントを読みました(今頃) developer.mozilla.org developer.mozilla.org 完全に理解しました。 import { hogehoge } は export function hogehoge() で呼べる import hogehoge は export default function hogehoge() で呼べる qiita.com qiita…

  • vueのcomposition apiを理解したい

    正確にはNuxt(v2)ですが zenn.dev こちらの記事参考にして進めています。 github.com 進捗がこちら↑(○ロ注意) まだ完全に理解はできていないので雰囲気だけですが、componentとロジックをめっちゃ分離できた感じがある。文章読むだけでは全くわからなかったがこれはよい!!!そして果たしてNuxt(Vue)なのかこれは???みたいな気持ちにもなりました。 this がなくなるのもステキだなって思いました。 <script> import { defineComponent, ref, useContext } from '@nuxtjs/composition-api'…

  • 自分の葬式で自分は何と紹介されるか

    と、居酒屋で前職の同僚に言われた際に、想像してみたら「技術バカ」と言われました。というのが、今自分が一番やりたいことやら譲れないものとかなんだとか。なんかイイハナシダナーと思ったので忘れないうちにメモ

  • DockerでPostgreSQLのコンソール?に叩いたSQLを流すようにしたい(できていない)

    まだできていないけど、コンテナ内部のログファイルに出力するようにしたのであとはそこをどうにかするだけ。 $ docker run -d --rm --name test_pos -e POSTGRES_PASSWORD=test -it postgres:14.1 f779875f7c8db4889316bc5730276b258aa96497de6fdb54c64635dbfd8163fa $ docker ps grep test_pos f779875f7c8d postgres:14.1 "docker-entrypoint.s…" 13 seconds ago Up 12 sec…

  • aiohttpのweb.json_responseにDecimalとかdatetimeとか変換できるようにしたい

    Pythonの json.dumps は変換できない型があります。 qiita.com ↑の記事のように進めたらできるのですが、フレームワークに組まれている変換関数はどうやったら設定できるの?というのが今回の話。 早速コードを確認してみると、なるほど、関数自体をわたしているのね。どうやって引数を渡しましょうか。 https://github.com/aio-libs/aiohttp/blob/65de218c6297284663eeae5c07e9146ef1e4485e/aiohttp/web_response.py#L735 悩んでいたけど、defaultで設定した関数をそのまま渡しちゃえ…

  • PWAをひたすら調べまくるログ

    なんもわからん speakerdeck.com speakerdeck.com knowledge.sakura.ad.jp www.youtube.com qiita.com techblog.kayac.com favorite-pwa.com

  • AWS CDKに入門(したい)

    aws.amazon.com チュートリアルがあったのでそこみてやろうとしました。 前提 npm入っています Python入っています awscli入っています inline policy作っておきます(今回はstudy-cdkにしました) IAMユーザー作っておいて、aws configureコマンド実行済みです きれいな手順 install $ npm install -g aws-cdk $ cdk --version $ aws sts get-caller-identity { "UserId": "hogehoge", "Account": "fugafuga", # これを使う …

  • 「UI/UXデザインの原則」を読んだ

    UI/UXデザインの原則作者:平石大祐幻冬舎*Amazon 読書中のメモ 使い勝手のよさ ターゲットのニーズに沿った優れた体験価値を提供すること 具体的な数字よりなぜ便利なのかを謳うべき 詳しくなりすぎるのと考え方が偏ることで ユーザーとのすれ違いが発生する データだけみてても頭打ちしがち、仮説をたてて定性分析も併せて行う 利用前と利用後も含めて体験をデザインする ユーザーテストのシナリオ作成は機能を使ってみてくださいではだめ ユーザーの善意や忖度に惑わされない 素の心理や行動を汲み取る 説明は常に不足していると考える 認識されない要因は定型化してまとめてチェックする 入力フォーム エラーの場…

  • Unityで設計の悩み

    yotiky.hatenablog.com こちらを参考に組んでみた。とりあえずとてもよかった。 各ScriptのStartとUpdateの同期取れないのもめっちゃ苦労したし、順番もなんか守ってくれないので、どうしようどうしようとか思ってたら上の記事に出会い真似したらできた。ありがし。 じゃあ何を悩んでいるかと言うといくつかある。 突然のクラッシュ UIやらScript実行!とかやってたら突然クラッシュする。Scriptならエディタに残っているので大丈夫なんだけど、UIやGameObjectはSceneで保存しておかないと消えちゃうので困った困った。 今回簡単なUIだったけど、これが凝ったモデ…

  • まだ良くわかっていないんだけど色々なメモをする

    やりたいこと Prefab用意して、Scriptから指定した分のGameObject(人)をばんばん作る 作った人をManagerクラスかなにかに保持しておく Cinemachineのfollowを切り替えられるようなクラスから、Managerクラスの人リストを引っ張ってきて、対象を切り替えられるようにしたい(これがやりたいこと) よしやるぞ! PrefabをInstantiate ekulabo.com よーし簡単そうだーってAssetを読み込む旅にでる。 Asset読み込みの旅 qiita.com light11.hatenadiary.com shikaku-sh.hatenablog.…

  • Blenderのモディファイアでカーブに沿った道を作ってたけど複雑なやつはやめたほうが良い

    適当なカーブを用意したとして、左から 1番目: 作れる 2番目 パスは周回している: 作れる 3番目 周回しているところもあればそうじゃないところもある: ダメ 結構便利なんだけど、これ以外の方法でどうすればよいのやら... 他手法も知っているが、この方法でよかったのは、ミラーで組んだobjectで歩道とか作りやすかったんだけど。。。

  • Blender → Unityへ3Dモデルをもっていきかた

    テクスチャが剥がれるのが許せん www.youtube.com こちらの方の動画参考にしたらすべてうまくいきました。 ただ、テクスチャやマテリアルを外部保存(?)する方法は模索中

  • Blenderの操作メモ

    Macです※随時更新予定 やったなーは思い出せるけど手順が思い出せないのでメモしていく所存 ベジェカーブでパス書いて、面を貼って押し出し 1 Shift + A → Curve → Bezier 2 初期に配置されたPointを削除(edit mode → 右クリック、Delete Point) 3 edit modeのまま、描きたいパスのスタート位置に点を打つ 4.1 点を打ったら、キーボードのEで線を伸ばせるようになるので、次のポイントまで移動してポイントを打つ(クリック)。描きたいパス分だけ繰り返す 4.2 スタートとエンドのポイントは後手順でマージするので、近くに打つだけでかぶって打た…

  • Pythonのデコレーターを理解するための記事

    デコレーターはよく利用していたいんですが、引数渡したいな、修正しよう。。。はて・・・?どうやるんだこれ?ってなったので調べてみたら何も理解していないことがわかったので、メモ。 www.lifewithpython.com zenn.dev qiita.com 理解したらすっと入ってくるけど、それまでは見づらくて混乱するのもちとツライなって思っている

  • Nuxtのbase urlを変更したい

    デフォルト / なんですが、proxyでサブディレクトリにマッチさせて、nuxtへリクエストしたい時、トップページは表示されるんですが、バンドルされたapp.jsとかはルートディレクトリでリクエストされるので、真っ白のままの状態になる。 というわけで修正します。 nuxt.config.js で router を修正する。 export default { router: { base: "/admin/", }, } こうすることで /admin/hogehoge で、リクエストするようになります。

  • url: (3) Failed to convert “https to ACE; string contains a disallowed character

    $ curl -L “https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)” -o /usr/bin/docker-compose こんなコマンドを叩いた。で、エラーが出てきて怒られたが、原因がダブルクオーテーションがおかしいとのこと。確かにおかしい。 $ curl -L "https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(una…

  • nuxt authモジュールのcookie schemaとcookieのHttpOnly属性は相性が悪いらしい

    nuxt authモジュールでマルチログインを対応したくて色々試行錯誤しているところです。 www.aipacommander.com で、バックエンド側でcookieの名前を変更できるようにする&セッションストレージを2つ用意できるようにしたところで、nuxt側でどうやって1つめ、2つめのセッションかを把握することができるのかしら?とドキュメントやnuxt auth自体のコードを読み漁ってました。 auth.nuxtjs.org github.com 探してみると、nuxt.config.jsでの cookie にauth.storage_name.cookie.name で指定したkeyが…

  • nuxt/authで謎のエラー

    こんなエラーがでました。 ╭───────────────────────────────────────────────────╮ │ │ │ ✖ Nuxt Fatal Error │ │ │ │ Error: Cannot resolve "user" from "/app/user" │ │ │ ╰───────────────────────────────────────────────────╯ 摩訶不思議だったんですが、 nuxt.config.js を間違えました。 auth: { strategies: { user: { scheme: 'cookie', // これがない…

  • aioredisとaiohttp-sessionのバージョン問題

    最初下記バージョンでやってました。 aiohttp==3.7.3 aioredis==2.0.1 aiohttp-session==2.9.0 したらこのエラー AttributeError: module 'aioredis' has no attribute 'pool' githubのソースとにらめっこしてたら、aiorhttp-sessionでは、バージョンが 2.10.0 だと aioredisのバージョンを2以上じゃないとだめって書いてありました。なるほど。。。 というわけでバージョンあげてみたんですが、aiohttpの方もバージョンあげろってpipに怒られたのので修正して、最終的…

  • Promiseでretryする仕組みを導入する

    そういえば、年末もそんなことにハマっていたな。そうかretryというキーワードかということを最近思った。 パクリ リスペクトした記事はこちら。 qiita.com 今回やりたかったこととして、GPS情報を取得するためにGeolocation APIを使っているが、こいつが何度か失敗するので、retryしたいなというのがモチベーション。 また、書いてあるコードをちゃんと理解していないのもあって、試行錯誤しながら コピペ 書いてたら下記のようにしたら利用できた。 const setCurrentPositon = (pos) => { const crd = pos.coords console.…

  • SPAの戻るボタンとブラウザの戻るボタンをあわせる

    Nuxtでページを移動するとき、下記のようにします。 this.$router.push({path: '/about'}) で、移動したのちの戻り方ですが、History APIを利用します。 window.history.back() // または // window.history.go(-1) これでおk. また、URLは変えたいけど、ページは遷移したくないときは下記のようにしましょう。 window.history.pushState(null, null, '/about') ちなみに、Nuxtのrouter.pushはhistoryに書き込んでくれるようなので、自分でpushSt…

  • やりたいことはわからないが、やればやりたいことになる

    29歳ぐらいからの悩みですが、軸がほしいよね。この技術といえば僕、僕といえば○○。みたいな。 ひろーくあさーくやってくると、器用貧乏にはなるのだが、僕はこれが得意です!!!と胸張っていえず、この技術はこのぐらいは知っています。ここまでならいけます。みたいなことしか言えず、なんか歯切れ悪いなーとか思ったりしてました。 というのを、だいたい何か嫌なことがあればそういうのを思い浮かべて、業界絞るか・・・みたいな気持ちになるのですが、案件やとりあえず手を動かすとそんなこと考えることが減るなってことを最近気づきました。 今年から短い時間でもいいからちょっとでも少しでもコミットするぞ!と生活を送っています…

  • NuxtでのVuexなんもわからん

    VueだけのVuex使ったときにはなんとなくで使ってたのでできると思ったけど、今回改めてやってみたらなんもわからん。 とりあえず記事だけペタペタ貼り付ける。 階層が違うStoreを扱うときの参考URL qiita.com axios使ってStoreに突っ込むときの参考URL qiita.com mapStateの使い方がわからん!ときの参考URL qiita.com zenn.dev qiita.com モジュールモード?クラシックモード?がわからんときの参考URL qiita.com

  • vue2-google-mapを使って、自作のMarkerを用意する

    www.npmjs.com これです。便利。 GoogleMapAPIキーの発行とか設定の仕方とかは他記事をみてほしいのですが、今回はMarkerの使い方だけに絞ろうと思います。 <template> <GmapMap ref="map" :center="center" :zoom="zoom" :options="mapOptions" map-type-id="roadmap" :style="mapStyle" > </GmapMap> </template> <script> export default { name: 'IndexPage', data() { return { …

  • iPhoneで「歌ってみた」の動画を作る(途中)

    音はこれを参考にしたらまじでできた。iPhone8で試しました。 www.youtube.com よし、歌ったから上げるぞ!ってときに気が付きました。動画は・・・???

  • Cypressのログを吐きたい

    模索中。どういうことかというと、Cyprses処理中の結果は動画や失敗した場合はスクショが出力されますが、なんのエラーがでているのかは詳しく見れないのでconsole.logの中身でも出力してくれたらうれしいんだけど、でてこない。 IDEでみればええじゃろ。わかる。だけど、CIとかに組み込んだ時、ローカルと環境が違うのでCORSエラーとかはなかなか気づかなかったりする(実際はエラー文の先頭あたりで気づくのでそんな難しいものではないけど) どうすればええんじゃと探してたらこんなの見つけた。 docs.cypress.io くっそログが増えるんだけど、とりあえずコンソールに出力できるようにはなかっ…

  • LTしてきた

    churadata.connpass.com ここで。 https://speakerdeck.com/commander_aipa/ziyurasitukuaipa-2022-nu-rifalsedesuhuraito スライドがこれ。 せっかくなので達成するまでのログを残す 子供が寝たらやる TODO

  • Objectを別のGameObjectを中心にぐるぐるさせる

    初心者マン 下記は自分をぐるぐるさせる。 hacchi-man.hatenablog.com ぐるぐるはするけど、自分の位置からぐるぐるしようとする動きになる。別Objectの周りをぐるぐるさせたい。 qiita.com 中心点を別Objectから取れるならぐるぐるできそう。 nekojara.city これで取れた。 qiita.com

  • Nuxtでmultiple authを行う

    なんらかmoduleを入れないといけないと思ったけどいけるのかすごい! auth.nuxtjs.org すばーらーしーいー nuxt.config.js を下記のように修正する。 strategies: { local: false, user: { scheme: 'cookie', // ... 省略 }, admin_user: { scheme: 'cookie', // ... 省略 } 利用するときにはkey?を渡せば良い const response = await this.$auth.loginWith('user', { data: this.login })

  • UnityでMMDの3Dモデルをロードさせることができないか

    UnityのAssets Store でモデル探していましたが、お金かかることがわかったので乞食マンはMMDという世界をUnityにもっていけないかを考えた。 すると、こんな記事を見つけて早速試してみた(2番目を試している) korechi.hatenablog.com が、BlenderでAddonを読み込めるか試したところ、「2.8xへのアップグレードが必要」というエラーがでてたのでそれでぐぐる。 qiita.com なるほど。上を対応したら無事Addonは読み込めた。 ただし、Blenderの使い方がわからない。とりあえずUnityにimportさせることはできたので、ゼンリンさんのMa…

  • Unityで都市Mapで色々できないか調査

    ゼンリンさんのJapanese Otaku Cityで色々遊んでみたいのでメモ moriokalab.com karaage.hatenadiary.jp マリカみたいなやつとても参考になりそうなのであとで確認する

  • DMMさんの動画で遊んだメモ

    無料動画視聴するとiframeの動画がでてくる。 こいつをdevelopertoolsで参照してみるとロードされるhtmlの中にmp4のurlがある。で、下記の様に書き換えると動画再生できた。 <video autoplay=""><source src="${url}" type="video/mp4"></video>

  • Dockerコンテナ上でNuxt.jsのデバッグをVSCodeで行う

    これの続き www.aipacommander.com VSCodeからデバッグアイコン叩くまではできたけど、起動したchromeがぐるぐるしたままNuxt初期画面を表示してくれないし、breakpointでも止まってくれないで困っている。 zenn.dev qiita.com snyt45.com 明日はできるといいなぁ

  • 2021年振り返り

    時すでに2022年になりました。子も嫁も寝てしまったので真っ暗なリビングで今これを書いています。 2020年の振り返り - ITの隊長のブログ 2018年振り返り - ITの隊長のブログ 2017年まとめ - ITの隊長のブログ 2016年振り返り~2017年の目標 - ITの隊長のブログ とりあえず過去どんな気持ちだったのかと自分の振り返るログをみてました。2019年の振り返りが見つからなかったけど、なんか忙しかったなって記憶です。 2021年の目標についてどうなったのかを書きながら振り返ろうと思います。 2021年の目標に対して振り返り AWS SAPを合格したい 残念。最初勉強してたんだ…

  • Dockerコンテナ上でNuxt.jsのデバッグをVSCodeで行う

    できるかなーと試している。 qiita.com ↑の手順で環境構築したがエラーがでたので下記を追加して修正。 github.com package.json "scripts": { "dev": "NODE_OPTIONS=--openssl-legacy-provider nuxt", "build": "NODE_OPTIONS=--openssl-legacy-provider nuxt build", "start": "NODE_OPTIONS=--openssl-legacy-provider nuxt start", "generate": "nuxt generate" },…

  • Nuxtのeslintを無効化する

    大事だと思うけど厳しすぎませんか?(特にビルドさせてくれないやつ) nuxt.config.js の buildModules の中身を空にするかコメントアウトすればおk // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules buildModules: [ // https://go.nuxtjs.dev/eslint // '@nuxtjs/eslint-module' ],

  • nuxt-authのfetchUserの返り値が空じゃないと$auth.loggedInがtrueになる

    自分用のメモ(もし詳細気になる人いたらコメントください→Qiitaにちゃんとまとめるかも) 年末あたりからNuxtを触っているのですが、いまいちよくわからずなんと認証で死んでいます。 ドキュメント等を穴が開くまで見たりしているのですが、まだなれていない。。。 auth.nuxtjs.org コードも漁ったりしていると、ログイン認証後、結果どうあれ、fetcUserを処理してユーザーデータを取得するようになっているようです。 github.com で、困った件はAPI(サーバ)側で、認証失敗するとNuxt側でもエラーになるように条件分岐しているのですが、試しにログイン後のページを開いてみてみると…

  • LambdaからSageMakerを叩いたときのスクリプトメモ

    import boto3 import base64 import uuid import json def convert_b64_string_to_bynary(s): """base64をデコードする""" return base64.b64decode(s.split(',')[1].encode("UTF-8")) def query_endpoint(base_64ed_image): img = convert_b64_string_to_bynary(base_64ed_image) print(type(img)) endpoint_name = 'jumpstart-ft…

  • あふたー

    この前こんな記事を書いた。 www.aipacommander.com もうちょいで1ヶ月近く経とうとしているがだいぶ楽なったので久々にブログ書く。 会社に事情を話しして工数を下げることにした ちょうど評価FBタイミングだったので率直に「死にそう」と相談したところ、結果的に工数を抑える方向になった。有り難し。 時期的に忙しくなる期間なので、(毎年死んでいるけど)「今年はガチで死ぬな・・・」とか思っていたんですが、正直に言うと退職を考えるところまでいってて、「給料下げてでもええから1 ~ 2年はフリーランスになってちとこの状況をなんとかするぞー!」と退職3歩手前だった。 でもまぁとりあえず上司や…

  • 子育てが難しい

    子育てそのものも難しいんだけど、どっちかつーと仕事との両立かしら? 最近振り回されている感があってちと辛い。コントロールしたい。 子供二人いますが、長男が嫁とセットで療育に行く間は、次男を僕がみる。その間は仕事できないので、足りない工数は夜間または早起きして対応する。 という生活が続いて3ヶ月たちますが大変である。 まず、これまでの見積もりが全然役に立たくなくて大変。もともと下手くそだったけど余計に予見できない。ひたすら仕事できる時間集中して終わらすというのを繰り返している感じ。また、「これは明日でもいいや」とか判断するのが難しい。子供が風邪引くとかイレギュラーあって、次の日全然作業できない〜…

  • RubyのHashとシンボルにハマるメモ

    qiita.com Pythonと同じことやってたら死んだ(20分とけた) { "test" => "" # hash "test2": "" # symbol } qiita.com

  • [Anaconda] [Angular2] ほげほげ [Ansible] [Python]

    テスト [BigQuery] なんかわからないが、[] で文字囲むとカテゴリとして登録されるっぽい?

  • Anaconda Solving environment: Kille

    Anacondaのコンテナ起動して、python3.6の環境を作ろうって思って実行したところ、よくわかんエラーが。 $ docker run --rm -v $(pwd):/app -w /app -it continuumio/anaconda3 /bin/bash # conda create -n py36 python=3.6 anaconda Collecting package metadata (current_repodata.json): done Solving environment: failed with repodata from current_repodata.…

  • Twitter APIでトレンドを取得するまでに調べたことの雑メモ

    まずここを参考 syncer.jp WOEID なるものがよくわからず、ぐぐるのに苦労したけどこのQiitaの記事に助けられた。 qiita.com また、取得できる値で tweet_volume がnullなケースが多い。なんでだろうと思い、ブラウザで確認できるトレンド情報と比較してみると、どうやら1万件未満のトレンドは0に丸められるっぽい。なんだと・・・

1件〜100件

arrow_drop_down

ブログリーダー」を活用して、アイパー隊長さんをフォローしませんか?

ハンドル名
アイパー隊長さん
ブログタイトル
ITの隊長のブログ
フォロー
ITの隊長のブログ

にほんブログ村 カテゴリー一覧

商用