@Blog{zip358.com}

Laravel11のReverb技術的なことは書かないけど．

2024.06.26

Logging

おはようございます、Laravel11のReverb技術的なことは書かないけど．これを使用するとChatとかお手軽で出来ます．あとは管理画面にログインしている人に通知することなどが、VPSサーバーなどでは簡単に出来るようになる．今までと言えばSocket.ioなどを使用して何かしていたと思うけどそういう事をせずに出来てしまうところが良いですね．

実際、業務でプルリクエストしているので技術的なことは書かないですが、通知が飛ぶまで結構かかっている4日ぐらい試行錯誤して通知が飛ぶようになった．Laravel11から始めたひとはドキュメント通り行ったら上手く行くかも知れないけど、もともとLaravel6ぐらいだったものがアップグレードしてLaravel11になったものなので、色々と苦難の道でした．

最終的にジョブ、イベント、リスナー、プロバイダなどの理解も何となくから少し脱出出来た気がする．

この苦難の道から脱出した方法だけ書き残しておきます．まずLaravel11のドキュメントに沿って試してみた、次にenvやconfigなどを変更してみた．上手く行かなかったので「Laravel11 Reverb」でYOUTUBEで検索してみることに、そこで少し進展がありその後envなどを再設定してみたところ通知が飛ぶようになった．結構長かった．

明日へ続く．

タグ

chat, config, env, Laravel1, Laravel11, Laravel11 Reverb, Reverb, Socket.io, VPSサーバー, youtube, アップグレード, ジョブ, ドキュメント, ドキュメント通り, ひと, プル, プロバイダ, もともとLaravel, リスナー, 苦難,

submit(サブミット)：送信させない４つの方法です🙄。#javascript #サブミットキャンセル

2022.09.07

Logging

おはようございます、台風一過が去りましたね😌。

さて、今日はsubmit(サブミット)：送信させない４つの方法を記載します、方法は大きく分けて２つの方法があり、それを細分化して４つの方法になります。まず、一番目は“送信する際（form側）”にてキャンセルする方法です。この場合、addEventListener（アッドイベントリスナー）でキャンセル処理する場合とonsubmitを使用してキャンセルする方法があります。

サンプルコード例１と例３にあたるコードが上記のコードになります。

次に”ボタンをクリック”した際にサブミット（送信）処理をキャンセルする方法です、この方法でも送信を阻止する事ができます。

サンプルコード例２と例４にあたります、自分としてはフォームで処理した方が良いかなと思いますが、こちらでも送信をキャンセルする事ができます。

尚、ソースコードは下記になります。また、参考にしたサイトのリンクを貼っときます。MDNのリンクです。

    <form id="frm" method="post" action="./example/">
        <input type="hidden" name="example" value="data">
        <button type="submit" class="btn btn-primary">Submit1</button>
    </form>
    <form method="post" action="./example/">
        <input type="hidden" name="example" value="data">
        <button id="btn" type="submit" class="btn btn-primary">Submit2</button>
    </form>    
    <form method="post" action="./example/" onsubmit="return func1()" >
        <input type="hidden" name="example" value="data">
        <button type="submit" class="btn btn-primary">Submit3</button>
    </form>
    <form method="post" action="./example/"  >
        <input type="hidden" name="example" value="data">
        <button type="submit" class="btn btn-primary" onclick="return func2()" >Submit4</button>
    </form>

//例１
document.getElementById("frm").addEventListener("submit",function(event){
    event.preventDefault();
});
//例２
document.getElementById("btn").addEventListener("click",function(event){
    event.preventDefault();
    event.stopPropagation();//インターフェイスのメソッドで、キャプチャおよびバブリング段階において現在のイベントのさらなる伝播を阻止します。 
});
//例３
function func1(){
    return false;
}
//例４
function func2(){
    return false;
}

タグ

１, 2, ３, 4, addEventListener, Form, javascript, onsubmit, submit, アッド, イベント, キャンセル, クリック, コード, こちら, サブミット, サンプル, それ, フォーム, ボタン, リスナー, 一, 上記, 事, 今日, 使用, 例, 側, 処理, 台風一過, 場合, 方, 方法, 次, 細分化, 自分, 記載, 送信, 阻止, 際,

WebでTwitterのスペースを聞く方法は2つぐらいある。

2022.01.22

Logging

WebでTwitterのスペースを聞く方法は2つぐらいあります。一つ目はスペースを開催しているアカウントのアイコンをクリックしスペースを聞くこと、もう一つはスペース開催しているまとめサイトからスペースを聞く方法だと思います。因みにスペースまとめサイトを一つ紹介します。

spaces.bzというスペースまとめサイトが良い感じです。このサイトはリスナー数が多い順に表示されているので有名なひとがスペースを使った際に見つけやすい仕様になっていますよ。尚、自分は朝、よく放送されている佐渡島 庸平(コルク代表)さんのスペースやお昼前頃から放送されているイケダハヤトさんのWEB3.0 の放送を聞いたりしています。二人のスペースをよく聴きますがファンではないです。

どちらも有益な情報や気づきがあるのでよく聴いているという感じですかね。

一応、二人のTwitterアカウントのリンクを貼っときますね。

タグ

2, 3.0, BZ, spaces, Twitter, web, アイコン, アカウント, イケダハヤト, クリック, こと, コルク, サイト, スペース, どちら, ひと, ファン, まとめ, もう一つ, リスナー, リンク, 一つ, 一つ目, 二人, 仕様, 代表, 佐渡島, 庸平, 情報, 感じ, 放送, 方法, 昼前, 有名, 有益, 朝, 紹介, 自分, 表示, 開催, 際, 順,