釣りマップなう

20240319

Logging

おはようございます、ある程度出来たのでリリースしました.これからはデータ削除とかが出来なくなりました.ローカルで検証してファイルアップロードとか行う感じになりますね.

釣りマップなう』というサイトは、一応TensorFlowのJSを使用して魚の画像か判別しています.大量の魚が写っている画の場合、魚と判定されない場合があります、また、小さな魚の画像でも同様に魚の画像と判定されないです.この判定を良いものにするにはモデルを自分で生成してあげる必要がありそうです.

魚の動画から水回しして魚を学習させれば良いらしいのですが、商用利用でも可能な魚の動画を探すので苦戦しています.

学習させればあとは、学習済みのモデルをTensorFlow.jsでも使用できるようにコンバーター(変換)させて上げれば良いのです.

さて、馬しかな自分でも機械学習出来るようになってきました.ここはレッドオーシャンなのかもしれません.

明日へ続く.

タグ

JS, tensorflow, Tensorflow.js, コンバーター, データ削除, ファイルアップロード, モデル, レッドオーシャン, 判定, 動画, 商用利用, 学習済み, 感じ, 機械学習, , , 画像, 自分, , ,


映画、OUTを観る.

20240318

Logging

おはようございます、映画、OUTを今頃、ネトフリで観ました.結構熱い映画でした.漫画を上手く表現できていたのではないかなって思いますが、OUTの続編は今のところなさげなのかな...?原作を読んでいないのでここで終わりかどうかすら知らない.

パラパラと漫画をめくったことは一応ありますが、ガッツリと漫画を読んでいないのでここまでの感想しか書けません.因みに映画の中で映画のコマと役者さんとを比べるとあまり違和感なく見れました.

映画『OUT』本予告60秒【11.17(金)公開】

明日へ続く.

タグ

out, ガッツリ, コマ, ところ, ネトフリ, 原作, 役者さん, 感想, 映画, 漫画, 熱い映画, 続編, 違和感,


THE FIRST #SLAMDUNK

20240317

Logging

おはようございます、映画で観たスラムダンク・ザ・ファーストのブルーレイディスクが発売されていたので購入しました。予約特典はなしです、予約特典のブルーレイディスクを頼みたかったのですが金銭的に余裕がいまあまり無い感じなので特典なしを選択しました。

これで観たいときにVRをつけて仮想映画館で映像が楽しめます。因みにVRはプレイステーションの初代VRをPS5に取り付けています、取り付け方法は過去記事を参照ください。

明日へ続く。

タグ

Vr, スラムダンク・ザ, ブルーレイディスク, プレイステーション, 予約特典, 予約特典はなし, 仮想映画館, 余裕, 初代VRをPS5, 方法, 映像, 映画, 無い感じ, 特典, 過去記事,


映画、デューン 砂の惑星 PART2観ました.

20240316

Logging

おはようございます、デューン 砂の惑星 PART2観ました.Part2で結構進んだ感がありこれ打ち切りでも、問題ないぐらいストーリーが詰め込まれています.

Dune: Part Two | Official Trailer 3

強敵と思われていた「あっ」ネタバレになるのでここで〆ますが、そういう結末かぁっていう内容です.SFでも結構壮大な物語だと思っています、ただ、Part2から観たら分かる内容かと言えば全くわからないだろうと思います.とくにストーリー設定がPart1に詰め込まれているのでPart2観る前に、絶対にPart1を観てないと何が何だか分からないまま、最後まで進みますので、絶対にPart1を観て劇場に足を運んでください.

https://wwws.warnerbros.co.jp/dune-movie/

尚、デューンは三部作になっているらしいのですが日本ではあまり人気ではないらしい.海外ではそこそこ評価されていたらしいだけども売上が赤字だったら、続編(次回作)が上映されるまで時間がかかりそうな気がします.

明日へ続く.

タグ

Part, Part1, Part2, SF, ストーリー設定, デューン, 三部作, 劇場, 問題, 強敵, 惑星 PART, , 最後, 次回作, 海外, , 結末, 続編, 赤字, ,


cakePHPのDoc

20240315

Logging

おはようございます、cakePHPのドキュメントはどんなのかなって見てみるとLaravelに似ているなという印象、やはり一つフレームワークの感覚を身につけると応用が効くだなって思いました。この感覚は一つの言語を覚えると他の言語もそれほど難しいとは思わなくなるのと一緒の感覚に近いです。

一つ覚えてしまえば似ている言語を覚えるのはそれほど時間がかからないけれど、即戦力になるとは限らない、やはり調べながらの手順が必要ですので慣れるまでは何でもそうですが時間がかかります。仕事ではLaravelを使用していますが、私用では違うフレームワークを使用してみるのも悪くないなって思いました。

明日へ続く。

タグ

cakePHP, Laravel, ドキュメント, フレームワーク, 一つ, 一つフレームワーク, 仕事, 印象, 即戦力, 応用, 感覚, 手順, 時間, 私用, 言語,


stable-diffusion-webuiを使ってみた。

20240314

Logging

おはようございます、stable-diffusion-webuiを使ってみました。結論から言うとプロンプト大事だという事とプロンプトを制御しないとろくな画像は生成されない。フリーで使用できるだけマシですけどこれで良いものを作るのは至難の業だということを使って理解しました。

これを使用する方法はgitとPythonとcudaがインストールされていることが前提条件にあります。そしてWindowsの場合はwebui.batを叩くMacなどはwebui.shを叩いて動かすのですが、動作はご自身のPCスペックに比例します。

ミッドジャーニーがどれほど優秀なのかが比べてみると分かります。

明日へ続く。

タグ

CUDA, git, Mac, PCスペック, Python, stable-diffusion-webui, webui.bat, webui.sh, Windows, ご自身, プロンプト, ミッドジャーニー, 前提条件, 動作, 方法, , 画像, 結論, 良いもの,


jsのincludesっていう関数。

20240313

Logging

おはようございます、jsのincludesっていう関数をつい最近しりました…。遅っ。こういう関数あるだろうなっては思っていたのですが調べようともせずバニラJsを使っていましたが、これからは便利なincludesという関数を使用していきたいと思っています。

Black abstract art, white background

includesの説明はchatGPTにしてもらいましたので、それをそのまま引用する形になります。includesとは特定の値が配列に存在するかどうかを判定するために使用されます。このメソッドは真偽値(trueまたはfalse)を返します。以下に、includesメソッドの基本的な説明と例を示します。

例えばこんな感じにコードを記載します。

const fruits = ['apple', 'banana', 'orange'];

const hasBanana = fruits.includes('banana');
console.log(hasBanana); // true

const hasGrape = fruits.includes('grape');
console.log(hasGrape); // false

これどんなときに使用するか?例えばmap関数でデータをチェックし一つでもtrueが存在する場合は後続処理を行わせたいなど、いちいち配列の中を廻さなくても一行書で判断することが可能になり、とても便利かなと個人的には思います。

明日へ続く。

タグ

ChatGPT, console.log, const fruits, const hasBanana, const hasGrape, false, fruits.includes, hasBanana, hasGrape, includes, includesメソッド, JS, map関数, true, バニラJs, メソッド, 後続処理, 真偽値, 配列, 関数,


飯を食うのは難しい

20240312

Logging

おはようございます、「飯を食うのは難しい」ですね。フリーランスで生活をしている人が羨ましい限りです。お話が上手くない自分はそれで結構損をしている気がします、未だに何処まで話して良いのやらと思って生きてきたタイプです。そんな自分がこの頃、ひろゆきさんの奥さんの動画を視聴してそうなんだなぁって思えることがあったので、自分も変わろうかなって思えた話を記事に起こしています。

西村ゆか、YouTube始めました

人のことを気にするタイプだった奥さんとは正反対のひろゆきさんですが、奥さんはそう捉えていたのかと思うとなるほどなぁと思えたのです。人にどう思われるかということを気にしない、自分が言いたいことをいうというひろゆきさんの考え方、そこが良いと思えたそうです。

「なるほどなぁ」

確かに自分の意見を言うというのは自分みたいなタイプには難しいことでもあるのですが、これを変えると何か変わる気がしています。

ham burger with vegetables
Photo by Valeria Boltneva on Pexels.com

明日へ続く。

タグ

Photo by Valeria Boltneva on Pexels.com, お話, タイプ, ひろゆきさん, フリーランス, , 何処, 動画, 奥さん, 意見, 未だ, , 生活, 考え方, 自分, 視聴, 記事, , 難しいこと, ,


Tensorflow.jsの画像認識って

20240311

Logging

おはようございます、Tensorflow.jsの画像認識ってドキュメント通り書いて上手く画像認識できますか?自分が試してみたら、どうも下記のエラーがでて上手く動作してくれなかったのでもしかしたらと思いバージョンをアップしたら動作してくれました。

Uncaught (in promise) Error: Tensorflow Op is not supported: _FusedConv2D
<!-- Load TensorFlow.js. This is required to use MobileNet. -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs@4.17.0"> </script>
<!-- Load the MobileNet model. -->
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/mobilenet@2.1.1"> </script>

<!-- Replace this with your image. Make sure CORS settings allow reading the image! -->
<img id="img" src="cat.jpg"></img>

<!-- Place your code in the script tag below. You can also use an external .js file -->
<script>
  // Notice there is no 'import' statement. 'mobilenet' and 'tf' is
  // available on the index-page because of the script tag above.

  const img = document.getElementById('img');

  // Load the model.
  mobilenet.load().then(model => {
    // Classify the image.
    model.classify(img).then(predictions => {
      console.log('Predictions: ');
      console.log(predictions);
    });
  });
</script>

因みに自分は画像投稿系のサイトで使用するために今回のTensorflow.jsを使用するのですが、よくよく調べているとファインチューニングが出来るようです。ファインチューニングとは一度学習したものに再学習を埋め込む手法といえば良いのかな?要するにカスタマイズしてある分類に特化させる手法のことを指します。今のところ学習済みのモデルで全然判定されるのでOKだと思うのですが、ユーザーさんから認識できないという不満の声が上がれば対応しないといけなくなりそうです。

明日へ続く。

タグ

'src', below, const img, Error, getElementById, gt, img, img&quot, Load TensorFlow.js, lt, MobileNet, mobilenet.load, model, predictions, quot, statement, then, Uncaught, ファインチューニング,


FFリバースやってみた。

20240310

Logging

おはようございます、FFリメイクのユフィ版を攻略してプレイしようかなって思っていましたが発売日になって欲が出てきましたので、少しプレイしてみました。プレイしてみた結果、オープンワールドが凄い良いです。これには希望しか生まれない気がします。

ファイナルファンタジー7を高校生だったか中学生だったか忘れましたが、その時の衝撃とワクワク感を思い出す映像だなって思い良いですね~。

ボリュームも結構ありそうです、かなりやり込める内容になっていると思います、リバースでここまで作り込まれているとすると完結版となる次回作って一体どんな感じになっているのか、はたまたこれをクリアした時点でゲームは完結してたりして…と今からいろいろと考えてしまいますね。

因みに自分は体験版も予告もあまり見ないようにしてリリースしたものをプレイした感想です、体験版は本当はプレイしたかったのですが、それをしてしまうと新鮮さを失ってしまうと思って避けました。

結果的に体験版を避けて正解だったと思います。

さて、どうしようかなユフィ版をクリアするの…。w

明日へ続く。

タグ

FFリメイク, , オープンワールド, かなり, ゲーム, ファイナルファンタジー7, ボリューム, ユフィ版, リバース, ワクワク感, 中学生, 予告, 完結版, 感想, 映像, 時点, 次回, , 結果, 衝撃,


量子AIの話を聞いて

20240309

Logging

おはようございます、量子AIの話を聞いて研究している人も何故、0と1が重なった状態になっているのか、何故、認識した時点で0,1が確定するのかなどは理解しているわけではなく、そういう事象がありそれを使用して演算処理をすると超光速な処理ができるということが分かっているという事が動画を視聴してわかったのですが…。

【トップ研究者が90分解説 量子コンピュータの全て】2050年までに世界は激変/日本は米中に追いつける/量子コンピュータをビジネスに生かせ/新しい量子ネイティブの時代

これは0∞1の振る舞いをする量子さんですが、何故、認識すると確定するのかが自分は不思議で仕方が無い本当に。そんなことを考えると今は存在しているのかという事すら不確定になる気がします。

ham burger with vegetables
Photo by Valeria Boltneva on Pexels.com

そんな量子ですが、その量子コンピュータがAIを兼ね備えると万能知能が出来そうですね。ただ万能知能に人が質問してもその答えが正しいのかわからない問題。

さて人は何を作ろうとしているのだろう…。

明日へ続く。

タグ

AI, Photo by Valeria Boltneva on Pexels.com, 万能知能, 事象, 処理, 動画, 問題, 時点, , 演算処理, 状態, 答え, 自分, 視聴, , 超光速, 量子, 量子AI, 量子コンピュータ, 量子さん,


悲報:PIVOT

20240308

Logging

おはようございます。悲報です、いままでYOUTUBEでフル視聴出来ていたPIVOTの動画がフル視聴できなくなりました、前半配信だそうです。公式サイトやアプリではフル視聴可能です。ただ配信して一週間は視聴可能だけど、それ以降は有料会員でないとフル視聴が出来ないだとか。

この対応は正直なところ残念だなって思いますが、まぁ今迄、無料で見れていたのがラッキーだと思って受け入れるしか無いですね。

これからは、公式サイトかアプリで視聴することにします。

自分がPIVOTでよく見ているのはビジネス関係ではなくて、茂木健一郎さんが出ているEXTREME SCIENCEと投資関係だけです。特にEXTREME SCIENCEはコアな人しか見ない可能性が高いので打ち切りになりそうな感じがします。個人的は残してほしいものの微妙ですね…。

ということで悲報でした~。

明日へ続く。

タグ

EXTREME SCIENCE, PIVOT, youtube, アプリ, コア, ところ, ビジネス関係, フル視聴, ほしいもの, 一週間, 公式サイト, 前半配信, 動画, 可能性, 悲報, 感じ, 投資関係, 有料会員, 茂木健一郎さん, 視聴,


DockerとMysql

20240307

Logging

おはようございます、Dockerデスクトップのコンテナが別れている時、他のコンテナからMysqlサーバーに繋ぎたいという事がありますよね。その繋ぎ方を自分は勘違いしていたので記事として残しときます。Dockerを使いだして一年目で気づく間違いです(泣)。外部コンテナのMysqlサーバーに繋ぎたい場合、下記の画像のようにmysqldbに繋がないとコネクションが出来ません。自分はMYSQL_HOSTだと思っていたのですがどうも違うようです。

これを知った時、正直なところ「えっ」って声が出たぐらい衝撃的でした。Dockerを使う前はバーチャルボックスというものを長年使っていたのですが、いまではDocker系が使いやすいです。Dockerデスクトップに慣れていたのに、DockerCLOUDの時代なんですよねぇー。

明日へ続く。

タグ

docker, DockerCLOUD, Dockerデスクトップ, Docker系, MYSQL_HOST, mysqldb, Mysqlサーバー, コネクション, こんてな, ところ, バーチャルボックス, 下記, , 外部コンテナ, 時代, 画像, 繋ぎ方, 自分, 記事, 長年,


ブルースカイを使っている方に朗報です。

20240306

Logging

おはようございます、ブルースカイを使っている方に朗報です、Twitterで以前、無料で使えていたTwitterDeckと言うものをご存知でしょうか?、フォローしているユーザーのポストがリアルタイムに情報が流れてくるWEBアプリです。これと同じアプリがブルースカイでも可能になるアプリが登場していました、それも無料でアプリ名はDeck.blueです。

Deck.blueの使い方を説明している方がいますので、こちらを参照ください。このDeck.blueは無料版と有料版があります。複数のアカウントをマルチに使いたい場合は有料版になります。ひとつのアカウントだけで使用される場合は無料版で事が足ります。

これを知ってXから離れようかなと真剣に考えだしたのだけど、まだブルースカイはフォロワーも少ないしブルースカイを使用しているアクティブユーザーも少ない、でも徐々にだけどユーザーが増えてきていることは確か。

悩ましいところです。

明日へ続く。

タグ

Deck.blue, Twitter, TwitterDeck, WEBアプリ, X, アカウント, アプリ, アプリ名, ご存知, フォロワー, ブルースカイ, ユーザー, リアルタイム, 使い方, 悩ましいところ, 有料版, 朗報, 無料, 無料版, 複数,


githubのworkflowsを

20240305

Logging

おはようございます、個人用に初めてgithubのAction用のymlを作ったって話です。githubで個人でactionを使う場合、公開設定、非公開設定ともに使えるようですね、使えないみたいな記述の記事を見かけましたが…。因みに静的解析ツールは導入していません。PHPStanみたいなものは導入していません。仕事では静的解析ツールも導入していますが個人で今回のように雛🐣レベルの開発には必要ないかなって。後々、追加するかもしれませんが?

black flat screen computer monitor
Photo by Markus Winkler on Pexels.com

自分が作ったYmlファイルはこちらでも公開しときますね。actionが成功するまでにかなりの失敗(エラー)を繰り返しましたところが(泣)ですね~。一回では上手く動作してくれず試行錯誤しました良い学びにはなりましたが👍。

name: testing

on:
  push:
    branches: [ "main" ]
  pull_request:
    branches: [ "main" ]
defaults:
  run:
    working-directory: ./turi-map-app
jobs:
  laravel-test:
    runs-on: ubuntu-latest
    services:
      mysql:
        image: mysql:5.7
        ports:
          - 3306:3306
        env:
          MYSQL_ROOT_PASSWORD: turi
          MYSQL_DATABASE: turi
          MYSQL_USER: turi
          MYSQL_PASSWORD: turi
          MYSQL_ALLOW_EMPTY_PASSWORD: 'yes'
        options: --health-cmd "mysqladmin ping -h 127.0.0.1" --health-interval 20s --health-timeout 10s --health-retries 10
    strategy:
      matrix:
        node-version: [21.x]
    steps:
    - uses: shivammathur/setup-php@15c43e89cdef867065b0213be354c2841860869e
      with:
        php-version: '8.2'
        extensions: mbstring, dom, fileinfo, pdo_mysql, PDO, zip
    - uses: actions/checkout@v4
    - name: Copy .env
      run: php -r "file_exists('.env') || copy('.env.testing', '.env');"
    - name: Install Dependencies
      run: composer install -n --prefer-dist
    - name: Generate key
      run: php artisan key:generate
    - name: storage link
      run: php artisan storage:link
    - name: Directory Permissions
      run: chmod -R 777 storage bootstrap/cache
    - name: Use Node.js ${{ matrix.node-version }}
      uses: actions/setup-node@v4
      with:
        node-version: ${{ matrix.node-version }}
    - name: npm install
      run: npm i
    - name: Build Assets
      run: npm run build
    - name: migrate
      run: php artisan migrate
    - name: Execute tests (Unit and Feature tests) via PHPUnit
      run: php artisan test

明日へ続く。

タグ

actions, chmod, defaults, dom, env, extensions, generate, health-cmd, health-timeout, matrix, migrate, MYSQL, password, PDO, ports, services, steps, strategy, Testing, working-directory,


文章を解析して#を付与して返却。

20240304

Logging

おはようございます、文章を解析して#を付与して返却…Qiitaの丸コピです
SNSでの使用することを考えて作りました。文章を解析して名詞と形容詞の文字の先頭に#を付与して返却します😌。

レンタルサーバーでは動きませんがawsやgcp,vpsなどでは動く作りになっています。
作った経緯はこういうサービスが無かったので作りました?。

因みにexecの脆弱性が気になるところですので対応が必要かもです🙇。

※phpやPythonのインストールはご自身で行ってください。

#前処理 mecab-python3バージョンは1.0.8です
sudo apt-get install mecab libmecab-dev mecab-ipadic-utf8
sudo pip install mecab-python3
pip install unidic-lite
<?php
class sharpPost
{
    /**
     * mecab.pyを使って文章を解析(名詞と形容詞を取り出す)
     * @param $posstData
     * @return array|null
     */
    public function analysis($postData)
    {
        if(!$postData)return null;
        $word = null;
        exec('python py/mecab.py "'.strip_tags(htmlentities($postData)).'"',$output);// 2>&1
        if(is_array($output)){
            foreach($output as $val){
                $analysisWord = explode("\t",$val);
                if(isset($analysisWord[1]) && preg_match('/(名詞|形容詞)/',$analysisWord[1])){
                    $word[] = $analysisWord[0];
                    $word = array_unique($word);
                }
            }
        }
        return $word;
    }
    
    /**
     * 文字列を置き換える処理
     * @param $postData
     * @param $word|null
     * @return string
     */
    public function replacePostData($postData='',$word=null)
    {
        if(is_array($word)){
            foreach($word as $val){
                $postData = preg_replace("/({$val})/u"," #{$val} ",$postData);
            }
        }
        return $postData;
    }
}
$textData = '単なる自分が使いたい機能です、無かったので作ってみただけです。';
$sharpPost = new sharpPost();
$word = $sharpPost->analysis($textData);
print(($sharpPost->replacePostData($textData,$word)).PHP_EOL);
import MeCab
import sys
args = sys.argv
if(args[1]):
    tagger = MeCab.Tagger()
    print(tagger.parse(args[1]))

タグ

analysis, args, argv if, AWS, exec, explode, foreach, htmlentities, isset, PARAM, preg_match, preg_replace, print, qiita, quot, replacePostData, return, sharpPost, tagger, tagger.parse,


データサイエンティストって

20240303

Logging

おはようございます、chatGPTとGeminiに「これから先に未来がありそうな職業はなにか」と質問したところ、人工知能に関わっている職業を提示された、人工知能以外には遺伝子医療やクリエイターなどだそうだ(Geminiの結果では)。

人工知能技術はこれから先、需要は伸びそうだけどもエンジニア止まりな気がしてならない。いまから勉強する人はPythonは必須だと思います。そして出来ればAPIを使用してナニカするより人工知能にデータを学習させてモデルを生成しそのモデルを使用して画像認識や制御するなどが出来る人が優遇される気がします。

プロンプトという職業は、誰もが慣れるのでたぶんすぐに飽和すると思います。先行有利なのでいますぐに(2024年)始めないと無理だと思います。速い人は2020年頃に始めているので、今からなかなか厳しいのではないだろうかと。

Introducing Sora — OpenAI’s text-to-video model

先日、OpenAIが発表したテキストから一分間の動画が生成される「Sora」を見てこれからは誰でもクリエイターだなって。でも誰もが人工知能でクリエイターに慣れる中で、本物のクリエイターは生き残るだろうなって感じました、そしてこれからは今まで以上に作る過程も大事になるだと思います。

明日へ続く。

タグ

API, chatGPTとGemini, gemini, OpenAI, Python, Sora, エンジニア止まり, クリエイター, テキスト, プロンプト, 人工知能, 人工知能以外, 人工知能技術, 必須, 本物, , 職業, 過程, 遺伝子医療, 需要,


ディズニープラスを契約。

20240302

Logging

おはようございます、先日、コジマ監督のドキュメンタリーを見るためにディズニープラスに入会したわけですが、当分契約を継続しようかなと思っています。せっかく入会したので他の作品も見てみようと思った次第。

自分が見たいのはスター・ウォーズ作品ですね、これをちょこちょこっと見ていこうと思っています。そして今まで停滞していたウォーキングを頑張ってみようかなと思っています。どうしても体重が落ちないので悩んでいましたが、体重のことを気にせずに只、取り組んでみようと思ったので頑張ってみます。

明日へ続く。

タグ

ウォーキング, コジマ監督, スター・ウォーズ作品, ディズニープラス, 体重, 作品, 次第, , 自分,


運ゲーと丁寧。

20240301

Logging

おはようございます、この人の言っていることは分かるなって思います。なんか分かる。自分はヒットメーカーでも何か業を成し遂げたわけではないけれど、好きなことで生きて行けているのもそれなりに運だと思います。

shallow focus photography of green grasses during daytime
Photo by FOX on Pexels.com
超有能と名高い『ジャンプ+』編集者に“ヒットの法則”をきいてみたが…

『変わりやすい時代』に丁寧に丁寧を突いてきたから出来たのかもしれない。成功事例のコピーは出来ない同じことをやっても同じ結果にはならないなど分かります😌。正解や最短解を求めようとしている時代だけど貪欲に突き詰めていくことが大事だと思いますね。

これを見て「あぁー」改めようと感じました。

明日へ続く。

タグ

Photo by FOX on Pexels.com, コピー, ヒットメーカー, , 成功事例, 時代, 最短解, , 正解, 結果, 自分, ,


Laravelでviteのビルドに苦戦した話。

20240229

Logging

おはようございます。laravel-mixからviteに変わっていたのは知っていたのですがビルドしたvue3をbladeファイルで呼び出しても動かなかった事で一日かかった馬しかです。 結論から言えば、vueを参照するじゃなくてvue/dist/vue.esm-bundler.jsで参照する。 これで@vite(‘resources/js/app.js’)呼び出せばビルドした先の参照ファイルを呼び出せる。 尚、ビルドしたファイルはパブリックディレクトリの中にあります😅。

import { createApp } from "vue";//ビルドしてもLaravel側で動かない
import { createApp } from "vue/dist/vue.esm-bundler.js";//こうするとビルドすると動く。
//ブレイド側の呼び出しは@vite('ビルドしたファイル名')
//ビルドするファイルの設定はルートディレクトリにあるvite.config.jsを変更すると良い。

知っている人に取っては簡単な話ですが、そこまでたどり着くのにかなりググりました、因みにchatGPTもGeminiもあまり良いヒントは与えてくれなかったです。

明日へ続く。

タグ

app.js, bladeファイル, chatGPTもGemini, createApp, dist, import, Laravel-Mix, Laravel側, quot;vue, quot;vue&quot, resources, vite, vite.config.js, vue, vue.esm-bundler.js, vue.esm-bundler.js&quot, vue3, パブリックディレクトリ, ルートディレクトリ, 馬しか,


HIDEO KOJIMA:CONNECTING WORLDSを観!

20240228

Logging

おはようございます、『HIDEO KOJIMA:CONNECTING WORLDS』のドキュメンタリーを観たので感想を残しときます。この為だけにディズニープラスに加入したわけですけど延長して他のエンタメもこの際だから観たいと思います。

HIDEO KOJIMA: CONNECTING WORLDS | Official Trailer

さて、『HIDEO KOJIMA:CONNECTING WORLDS』の感想ですが、小島監督ファンなら見るべしです!激アツですね、何が激アツかと言えばモノ作りにかける想いです、そして小島監督を支えるコジマプロダクションの開発陣営たち、そんな人達が結集してデス・ストランディングなどが開発されているのかと思うだけで、手にとってプレイしてみたいと思うと思います。

前から小島監督ファンでしたが、今回のドキュメンタリーを観てやっぱ良いねと思いました。

明日へ続く。

タグ

CONNECTING WORLDS, HIDEO KOJIMA, エンタメ, コジマプロダクション, ディズニープラス, デス・ストランディング, ドキュメンタリー, 人達, 小島監督, 小島監督ファン, 感想, , 激アツ, 開発陣営たち, ,


計算をリアルタイム。

20240227

Logging

おはようございます、vue3.jsの一貫として時給計算するちょっとしたWEBサービスを作ってみました。vue.jsを触っていてわかったことはリアルタイム反映みたいなものが簡単にできるところ。これは便利ですね。JQueryから皆さんが移行する意味がいまごろ分かりました。

これからはvue.jsやReact.jsなどを使用していきたいですね。因みに自分はバニラばかりでした、バニラの良い所は慣れているせいか書きやすいところにあります。vueやReactにもバニラが入っていても問題ないので、そういう意味では今までの事が活かせるかもなって思います。

最後にサービスのリンクを貼ってこの記事は〆とします。

https://zip358.com/tool/payroll-calculation/

明日へ続く。

タグ

jquery, react, React.js, vue, vue.js, vue3.js, Webサービス, サービス, ところ, バニラ, リアルタイム反映, リンク, 一貫, 問題, 意味, 時給, 最後, 皆さん, 自分, 良い所,


画面ばかり。

20240226

Logging

おはようございます、画面ばかりみていると現実が疎かになると思っています。バランスが大事になんだろうと思うこの頃。この頃、ちょっとびっくりしたのがYOUTUBEで配信しているソフトウェアエンジニアのKei Fujikawaさんが英語で配信しだしたことです。

The best programing language for mobile dev in 2024 is Flutter? ReactNative? Swift? Kotlin?

これは流れだと思います、英語も喋れない英語も出来ない?自分にはついにこういう時代になったんだなぁということを理解した瞬間でもあります。

pink neon word sign
Photo by Goran Macura on Pexels.com

人工知能がコーディングのサポートに使用できるようになった時よりも今回の方が衝撃です、日本で仕事をするよりも海外の仕事を請け負う方が良いし、海外に配信したほうが良い広がるという事。

自分はそうなると以前からブログにも書いてきたのですが、それが現実になってきた…。

やばぁー。

明日へ続く。

タグ

Kei Fujikawaさん, Photo by Goran Macura on Pexels.com, youtube, コーディング, サポート, ソフトウェアエンジニア, バランス, ブログ, 人工知能, 仕事, 日本, 時代, 海外, 現実, 画面, 瞬間, 自分, 英語,


FF7リメイクのエピ…

20240225

Logging

おはようございます、FF7リメイクのエピーソード インターミッションが25%OFFで売られていたので購入しました、FF7リバースが発売されても発売日にリバースのゲームをプレイするかと言えばしない確率が高い。

まずはエピーソード インターミッションをクリアした後にリバースをプレイします。

ゲームは自分ペースで進行していくタイプなので、いつもこんな感じです。因みにエピソードインターミッションクリアしても召喚獣は貰えない、インターミッションではインターグレードをクリアしなければ貰えない、ただ、今の特典ではFF7リメイクをクリアしていれば召喚獣は貰えるらしい。まぁどうでも良い話かもなって思います、何故ならストーリーの中で手に入る召喚獣だと思うからです。

明日へ続く。

タグ

25%OFF, FF7リバース, FF7リメイク, インターグレード, インターミッション, エピーソード, エピソードインターミッション, ゲーム, ストーリー, リバース, 召喚獣, , 特典, 発売日, 確率, 自分ペース, 良い話,


MRは魅力的に

20240224

Logging

おはようございます、先日、早朝に階段を踏み外して「ドタドタ」っと階段を滑りながら腰を強打しました、皆さんも暗い時間は電気をつけて階段をおりましょう。因みにこの投稿が公開されているころには治っていると思います。さて、YOUTUBEのVISION PRO(ヴィジョンプロ)を紹介している動画を見ていると欲しくなってきたけれど、自分が買えるのはMETA Quest3かなぁ。

【圧倒的完成度】Apple Vision Proレビュー!作業はできる?良い点と残念な点
【圧倒的完成度】Apple Vision Proレビュー!作業はできる?良い点と残念な点

50~80万円すると言われているヴィジョンプロは自分には手が出せない商品かな、因みにこのヴィジョンプロは数年後には10~20万円で発売されるという様な情報もあり、まだ庶民には手が出せないかなって思っています。

woman using vr goggles outdoors
Photo by Bradley Hook on Pexels.com

そして、この大きさではちょっと外で移動しながら使えないなって、これがコンパクトになりメガネぐらいの大きさで今の性能になれば確実にMRの流れは来ると思っています。

本音はVISIONPRO欲しい。

明日へ続く。

タグ

Apple Vision Proレビュー, META Quest, Mr, Photo by Bradley Hook on Pexels.com, VISION PRO, VISIONPRO欲しい。, youtube, ヴィジョンプロ, ころ, メガネ, 完成度, 庶民, 性能, 早朝, 暗い時間, 本音, 皆さん, , 階段, 電気,