記事音声読み上げ機能追加しました.Chromeブラウザで読み上げ可能

2024.08.01

Logging

おはようございます.記事音声読み上げ機能追加しました.Chromeブラウザで読み上げ可能です、その他のブラウザでも比較的に簡単に導入できます.たまに読み上げが変なときがあるけれど、大体の読み上げは正確に読み上げが出来ていると思います.

音声読み上げはブラウザに標準搭載されているAPIになるのかな、それを呼び出して使っているだけです.誰でも原理を知っていれば使用できます、駆け出しのプログラマーでも作れるぐらい簡単です.

クラスを呼び出してそこに読み上げてほしいテキストデータを渡してあげればよいだけなんですから.具体的にはSpeechSynthesisUtteranceというものを呼び出すだけです.使用方法はQiitaなどに記載しているのを参考にしてみてください.

自分でも音声読み上げを使ってみたのだけど結構良いなという印象です.ながら作業しながら記事の読み返し行うことも可能です.ただ、音声が合成音声なのが若干聞き取りにくいかもしれないですね、そこはこれからAIなどが補っていく事になりそうだなって思います.

明日へ続く.

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

AI, API, chromeブラウザ, qiita, SpeechSynthesisUtterance, クラス, その他, ブラウザ, プログラマー, ほしいテキストデータ, 使用方法, 印象, 原理, 参考, 合成音声, 標準, 自分, 若干聞き取り, 記事音声, 音声,

Photo by Tuur Tisseghem on Pexels.com

iphone16もiphone15も買わない.iphone17

2024.07.24

Logging

おはようございます.iphone16もiphone15も買わない.iphone17まで待つことにしました.そろそろiPhone16が発売されそうな気がしますが、iphone16もiphone15も買わないです.理由は2,3あります、1つ目の理由は今のiPhoneが次期OSのバージョンアップに対応していること、2つ目は理由、標準搭載される人工知能を制御機器(エッジAI)が初代なので二代目まで待つことにしました(iPhone15対応とのこと).3つ目はまだiPhone貯金が貯まっていないからです.

これらの理由からiPhoneは先送りにしました.年々iPhoneの値段が高くなってきているけど、そんなに機能性が向上しているとは正直なところ思えないのが現状です、いっその事、Android端末に変更しようかなと思う事もあるのですが、中々、iPhone依存(経済圏)からは抜け出せないですね.

ちなみにこれは今の考えですので、これから何か技術革新があって魅力的なモバイル端末が発表されたらそちらに移行するという選択肢はあります.尚、今でも余裕でiPhoneは買える資金はあるのですが、iPhone貯金口座にはまだその金額が貯まっていないのです.それが一番の理由かも🤔?

明日へ続く.

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

Android端末, iPhone, iPhone15対応, iphone16, iPhone依存, iPhone貯金, iPhone貯金口座, エッジAI, モバイル端末, 人工知能, 余裕, 初代, 制御機器, 年々iPhone, 技術革新, 標準, 次期OS, 現状, 資金, 選択肢,

PHP言語版のソース・コード自動整形.

2024.05.26

Logging

おはようございます、PHP言語版のソース・コード自動整形(php-cs-fixer)ツールがあります.毎回プルリクエストをするとソース・コードが直されます😅.直されないようにするにはローカルでソース・コード自動整形を導入することで解決されます.

導入の仕方は下記の通りです.

composer require friendsofphp/php-cs-fixer --dev
vendor/bin/php-cs-fixer fix app 

これで毎回プルリクエストの時に自動整形が走らないような気がします.以前の会社ではソース・コード管理などは全然でしたので、其れに比べると今の会社はいろいろと業界の標準が知れて勉強になります.おそらく中小企業や大手で行われていることが、ここ一年で身についてきたのではないかなって思います.

ちなみにLaravelでは自動整形が入っているので下記のコマンドを打つことによりソース・コードの自動整形が走ります.

./vendor/bin/pint fix app

明日へ続く.

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

bin, composer require friendsofphp, dev, Laravel, php-cs-fixer, php-cs-fixer fix app, PHP言語版, pint fix app, vendor, コード, コード自動整形, コマンド, ソース, ツール, 中小企業, 仕方, 大手, 標準, 毎回プルリクエスト, 自動整形,

PS5ってPortalなくてもモバイルで

2024.01.18

Logging

おはようございます、PS5ってPortalなくてもモバイルでリモートプレイが出来るのですね。知らなかった試しに正月休みに外出先からPS5にアクセスしてみたら簡単にログインできたので、「こえー」って思いました。これおそらくVPN的な仕組みなんでしょうでも怖いのでリモプレ設定は塞ぎました。

PlayStation Portal Review: Everything you NEED to know

因みにモバイルでPlayStation5にアクセスするには、ソニー純正(PlayStation)のリモプレのアプリが必要です。そしてアプリの設定をモバイルでも通信できるように設定を変更してあげないと出来ません。

一時間ぐらいプレイすると2.5Gぐらいの通信量が発生するらしいので厳しいなと思います。外出先では長時間プレイは禁物ですね😌。さてアプリの設定の方ですが次のとおりです。「設定からモバイルデータ、モバイルデータを使用とタップ」すればOKです。因みに通信量を抑えるにはストリーミングのビデオ品質を低に変更することで可能ですが、低でプレイすると品質は悪いです。

やっぱ標準ぐらいは必要ですね、通信量(通信費)を気にしないで大丈夫な人は高か最高でもプレイすることも可能ですけども・・・。

明日へ続く。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

PlayStation, PlayStation5, PS5ってPortal, こえー, ストリーミング, ソニー純正, タップ, とおり, ビデオ品質, モバイル, モバイルデータ, リモートプレイ, リモプレ, リモプレ設定, , 品質, 標準, 正月休み, 禁物, ,

laravel8系以降でのルート、web.phpの記載。 #laravel

2022.12.17

Logging

おはようございます、寒さ対策が必要になってきましたが未だに部屋のエアコンはつけていません🥺。

Laravel8以降でのルート、web.phpの記載は7系とは記述が違いますって思っていたのだけど同じような記述する方法で書く方が楽だなって思ったので、今はそうしています。7系は下記のような記述で大丈夫でしたが8系以降、名前空間の部分も記載してあげないといけなくなりましたって話。ただ、コレは7系から8系へ対応する時に対応し易いようにしたもので、今後、使用できなるかもしれないので標準で記載するほうが良いのかもしれない🙄。

Route::post('/{id}/cart',"Cart@add");
Route::post('/{id}/cart',"App\Http\Controllers\Cart@add");
use App\Http\Controllers\Cart;
Route::post('/{id}/cart',[Cart::class,'add']);

フレームワークってのは自社開発する方が良いなって思うこともあります、理由はルールを自分で創ることが出来るということです、オープンソースのフレームワークは、PHPのバージョンアップする時にどうしてもバージョンアップ対応が必要になってきます。そこが厄介だなって思うですね。

動けばバージョンアップする必要はないのですがね、そうもいかないのが、開発現場の現状だったりするのかもしれない🤔?

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

Cart, ID, laravel8以降, php, POST, quot;AppHttpControllersCart@add&quot, quot;Cart@add&quot, Route, use AppHttpControllersCart, web.php, エアコン, コレ, フレームワーク, ルート, ルール, 未だに部屋, 標準, 現状, 自社, 記述,

大体のひとが読まない本が世界の基準だと。

2020.04.07

Logging

大体のひとが読まない本が世界の基準だと思います。それは大体、分厚い本です。例えば世界標準の経営理論という本、書店で見かけたのだが田舎ではこういう本を買う人が少ない。でもこれは世界標準の経営理論の基準になる可能性がある本だと思います。こんなように基準は大体が分厚い本です。これを読まないと基準を知らないまま経営を行ったりすると大変苦労する。分厚い本を読まなくとも長年の経験で同じところまで行きつくひともいるだろうけれど、それは最短ではない。なので基準を知るということはとても大切なことだと。

差が出ているひとは必ずこういう本を読んでいる。因みに自分は積本が徐々に減ってきています。毎日のウォーキング時に歩きスマホ(本当はいけないが人がいないので)で読んでいます。今まで勉強もせずに生きてきたので、いろいろと知識や考え、経験がないのでいろいろな人が書いている本を読むとこういう考えもあるのだなと為になります。

分厚い本が読めないひとの為に、良い方法があります、それはアマゾンから提供しているオーディブルを使用することです。本を声優さんたちが朗読してくれるので通勤合間に学習することなどが出来、非常に便利です。分厚い本になると20時間ぐらいのボリュームになりますが、それでも毎日少しずつ 少しずつ聴くことにより本、分厚い本一冊の内容を取り入れることが出来ます。自分はコレでサピエンス全史の上を読み終えました。

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

いろいろ, ウォーキング, こと, これ, スマホ, それ, ところ, ひと, まま, 世界, , 勉強, 可能性, 基準, 大体, 大切, 書店, 最短, , 本当, 標準, 毎日, , 理論, 田舎, 知識, 積本, 経営, 経験, 自分, 苦労, 長年,

都道府県にカーソルを乗せると色が変わるちょっとした奴ムフ。

2020.03.09

Logging

JSONファイル、JSファイル、htmlファイルはそれぞれ下記になります。ちなみにいま作っている、あるサービスに使うために作ったもののお裾分けです。雛形として作っているのでおそらく、編集しやすいかなと思います。なお、SVGファイルは自分のソースからダウンロードするか、提供元のSVGをダウンロードするかしてください。ちなみにSVGは日本地図の標準をダウンロードしています。

デモ8:: https://zip358.com/tool/demo8/

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="common.js"></script>
    <title>Document</title>
</head>
<body onload="ken()">
    <object id="svg_ken" data="jpn03_a4.svg" type="image/svg+xml" width="700" height="700"></object><br>
    <a target="new456" rel="license" href="http://creativecommons.org/licenses/by-nc/2.1/jp/"><img alt="Creative Commons License" style="border-width: 0" src="http://i.creativecommons.org/l/by-nc/2.1/jp/88x31.png"></a><br>
    データ引用元:<a target="new123" href="https://www.kabipan.com/geography/whitemap/">https://www.kabipan.com/geography/whitemap/</a><br>
</body>
</html>
{
    "kenmei":[
        {"id":"1","ken":"北海道","eiji":"HOKKAIDO"},
        {"id":"2","ken":"青森県","eiji":"AOMORI"},
        {"id":"3","ken":"岩手県","eiji":"IWATE"},
        {"id":"4","ken":"宮城県","eiji":"MIYAGI"},
        {"id":"5","ken":"秋田県","eiji":"AKITA"},
        {"id":"6","ken":"山形県","eiji":"YAMAGATA"},
        {"id":"7","ken":"福島県","eiji":"FUKUSHIMA"},
        {"id":"8","ken":"茨城県","eiji":"IBARAKI"},
        {"id":"9","ken":"栃木県","eiji":"TOCHIGI"},
        {"id":"10","ken":"群馬県","eiji":"GUNMA"},
        {"id":"11","ken":"埼玉県","eiji":"SAITAMA"},
        {"id":"12","ken":"千葉県","eiji":"CHIBA"},
        {"id":"13","ken":"東京都","eiji":"TOKYO"},
        {"id":"14","ken":"神奈川県","eiji":"KANAGAWA"},
        {"id":"15","ken":"新潟県","eiji":"NIIGATA"},
        {"id":"16","ken":"富山県","eiji":"TOYAMA"},
        {"id":"17","ken":"石川県","eiji":"ISHIKAWA"},
        {"id":"18","ken":"福井県","eiji":"HUKUI"},
        {"id":"19","ken":"山梨県","eiji":"YAMANASHI"},
        {"id":"20","ken":"長野県","eiji":"NAGANO"},
        {"id":"21","ken":"岐阜県","eiji":"GUFU"},
        {"id":"22","ken":"静岡県","eiji":"SIZUOKA"},
        {"id":"23","ken":"愛知県","eiji":"AICHI"},
        {"id":"24","ken":"三重県","eiji":"MIE"},
        {"id":"25","ken":"滋賀県","eiji":"SHIGA"},
        {"id":"26","ken":"京都府","eiji":"KYOTO"},
        {"id":"27","ken":"大阪府","eiji":"OSAKA"},
        {"id":"28","ken":"兵庫県","eiji":"HYOGO"},
        {"id":"29","ken":"奈良県","eiji":"NARA"},
        {"id":"30","ken":"和歌山県","eiji":"WAKAYAMA"},
        {"id":"31","ken":"鳥取県","eiji":"TOTTORI"},
        {"id":"32","ken":"島根県","eiji":"SHIMANE"},
        {"id":"33","ken":"岡山県","eiji":"OKAYAMA"},
        {"id":"34","ken":"広島県","eiji":"HIROSHIMA"},
        {"id":"35","ken":"山口県","eiji":"YAMAGUCHI"},
        {"id":"36","ken":"徳島県","eiji":"TOKUSHIMA"},
        {"id":"37","ken":"香川県","eiji":"KAGAWA"},
        {"id":"38","ken":"愛媛県","eiji":"EHIME"},
        {"id":"39","ken":"高知県","eiji":"KOUCHI"},
        {"id":"40","ken":"福岡県","eiji":"FUKUOKA"},
        {"id":"41","ken":"佐賀県","eiji":"SAGA"},
        {"id":"42","ken":"長崎県","eiji":"NAGASAKI"},
        {"id":"43","ken":"熊本県","eiji":"KUMAMOTO"},
        {"id":"44","ken":"大分県","eiji":"OOITA"},
        {"id":"45","ken":"宮崎県","eiji":"MIYAZAKI"},
        {"id":"46","ken":"鹿児島県","eiji":"KAGOSHIMA"},
        {"id":"47","ken":"沖縄県","eiji":"OKINAWA"}
        ]
}

function ken() {
    $.getJSON("ken.json", function (json) {
        var svg_ken = document.getElementById('svg_ken').contentDocument;
        var ken = $(svg_ken);
        ken.find('path').attr('fill', '#fff');
        ////
        for (var i = 0; i < 47; i++) {
        ken.find("[id='" + json.kenmei[i].eiji + "']").on("click",{i:i,json:json},function (event) {
            window.location.href = "/page/" + event.data.json.kenmei[event.data.i].id;
        });
        }
        ////
        for (var i = 0; i < 47; i++) {
            ken.find("[id='" + json.kenmei[i].eiji + "']").hover(
                function () {
                    $(this).attr('fill', '#4080ff');
                },
                function () {
                    $(this).attr('fill', '#fff');
                });
        }
    });
}

著者名  @taoka_toshiaki

※この記事は著者が40代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

358, 8, charset, com, content, demo, device-widt, DOCTYPE, gt, head, html, https, ja, JS, json, lang, lt, meta, name, quot, SVG, tool, UTF-, viewport, Width, zip, いま, お裾分け, カーソル, サービス, ソース, それぞれ, ダウンロード, ため, デモ, ファイル, ムフ, 下記, 地図, , 提供, 日本, 標準, 編集, 自分, , 都道府県, 雛形,

Visual Studio2015Communityエディションが配布されていたので

2015.09.11

Logging


Visual Studio2015Communityエディションが配布されていたので
入れてみることにしてみる。全入れすると23ギガぐらい食うので
標準を入れてみることにしてみる事にしました。
インストールするのに・・・20分ぐらいかかりました。
そして再起動に若干、時間がかかり何とかインストールできました。
前回、2013のCommunityエディションを入れてましたがそれと
然程変わらぬ、動作だと思います。
ちなみに今までは大体、2005で開発していたのです、
VS2005は無償版ではなくて、有料版を10万前後だったと思いますが
購入しましたが、未だに元を取り戻せていません。
何で今回は無償版をインストールして、ひとつアプリを作って配布してみる
事にします。単なる自分が必要なだけで他の人が
必要とするかは不明ですが、管理的(記録)なアプリを
作ろうと思っています。
 

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

, 10万, 20分, 23ギガ, Visual Studio2015Communityエディション, VS2005, ひとつアプリ, , , 全入れ, 再起動, 前回, 時間, 有料版, 標準, 無償版, 若干, 記録,

さくらのVPSを密かに使ってます。

2015.08.23

Logging


さくらのVPSを密かに使ってます。この度、密かに使っていたVPSを契約を破棄して新たに申し込みをしてVPSを使うように手続きを行いました。さくらのVPS、標準のOSはWordPressなどを走らすことができないみたいなので、リポジトリの更新を行うよりOSのバージョンを上げるほうが手間がかからないと思いOSのバージョンを上げました。今回はこのVPSをいろいろな用途に使用するつもりでいます。一応、ドメインをひとつ結びつけました。さくらのVPSよりお名前.comのVPSサーバのほうが便利だとは思うのですが、この頃、さくらレンタルサーバの方が新たな事にチャレンジして新たなサービスが増えていくことがありそうだなと思ったのでVPSもこちらを選びました。SSDタイプと1Gメモリを選択してみた結果、若干読み込みは早いのかなと感じる程度です。
あと、やろうと思っているWEBサービスにやっとめどが立ちそうな感じになりました。あと、もう少しでサービスの提供が行えそうです。いま、考えているサービス提供時期は9月の連休期間あたりです。
 

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

, SSDタイプ, VPS, VPSサーバ, Webサービス, WordPress, お名前, サービス, サービス提供時期, さくら, さくらレンタルサーバ, ドメイン, バージョン, めど, リポジトリ, 手続き, 標準, 用途, 申し込み, 若干読み込み, 連休期間あたり,

さくらのVPSを使ってみた。標準OSインストールは初心者におすすめ。

2015.04.04

Logging

さくらVPSを使ってみた。さくらVPSをレンタルして標準OSインストールしてみました。インストール後、root権限でログインしてApacheをインストール(yum install httpd )してみたら、そのままの状態でWEBが表示された・・・・。ポートの開放とかの設定はしなくても良かったです。標準OSのセキュリティの設定でゴニョゴニョされていて特にWEBで使う分にはiptablesを触らなくても良さそうでした。インストール後、phpをインストールしてhttpdのconfig設定を変更して再起動すればphpが実行できる環境になりますから、あとはMysqlをインストールしたい方は、インストールしてゴニョゴニョ設定するだけでWEB環境を整います。あとは、ftpを使用したい方はインストール(yum install vsftpd)すれば良いだけです。FTP経由かSSH経由でコードをアップロードすればサイトを構築できてしまいます。
 

著者名  @taoka_toshiaki

※この記事は著者が30代前半に書いたものです.

Profile
高知県在住の@taoka_toshiakiです、記事を読んで頂きありがとうございます.
数十年前から息を吸うように日々記事を書いてます.たまに休んだりする日もありますがほぼ毎日投稿を心掛けています😅.
SNSも使っています、フォロー、いいね、シェア宜しくお願い致します🙇.
SNS::@taoka_toshiaki

タグ

Apache, config, FTP, httpd, install, iptables, MYSQL, OS, php, root, SSH, VPS, vsftpd, web, yum, アップロード, あと, いま, インストール, おすすめ, コード, ゴニョゴニョ, サイト, さくら, さくらの, セキュリティ, そのまま, ポート, レンタル, ログイン, 使用, 再起動, , 初心者, 変更, 実行, , 構築, 標準, 権限, 状態, 環境, 経由, 表示, 設定, 開放,