Photo by Markus Spiske on Pexels.com

デモ５５ajax=jqueryを使わずに非同期通信するのが普通に。

2022.05.03

おはようございます。

祝日が始まりましたね、お休みの方も多いかと思います。

そんな中、連休からプログラミングの勉強を始めようと考えている方もいるかと思いましたので、フロントエンドエンジニアがバックエンドエンジニアとの連携で一番初めにぶち当たる壁である、非同期通信のコードを書きました。コードをコピペして階層など合わしてご自身の実行環境で実行してみてください。この頃ではフロントエンドエンジニアの方は非同期処理でコードを書いているので、非同期という言葉を聞くことも多くなったと思います。

非同期処理は処理の結果を待たずして次の処理を実行することです、非同期通信も同じです。バックエンド側に処理を問い合わせて処理の結果は待たずして行います。結果も順番に帰ってくる訳では無いのでフロント側で処理するときに注意も必要になります。

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <button id="api">非同期通信</button>
    <script>
        document.getElementById("api").addEventListener("click", api);

        function api() {
            let data = [];
            data.push({"name":"樹龍"});
            console.log(param(data));
            fetch("./api.php", {
                method: "POST",
                headers: {
                    'Content-Type': 'application/x-www-form-urlencoded'
                },
                body:param(data)
            }).then(
                response => response.json()
            ).then(data => {
                console.log('data', data);
            }).catch(error => {
                console.log('error', error);
            });
        }
        function param(data){
            let str = [];
            for(key in data){
                for(keyname in data[key]){
                    str.push(keyname +"="+ encodeURIComponent(data[key][keyname]));
                }
            }
            return str.join("&");
        }
    </script>
</body>

</html>

<?php
$name = htmlspecialchars(strip_tags($_POST['name']));
$response['res'] = $name;
print json_encode($response);

著者名 @taoka_toshiaki

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

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

OFUSEで応援を送る

投稿日時 2022年05月03 05:33日

タグ

55, ajax, DOCTYPE, gt, html, jquery, lang, lt, quot, エンジニア, エンド, お休み, コード, こと, コピペ, ご自身, デモ, とき, バック, プログラミング, フロント, 中, 処理, 勉強, 同期, 壁, 実行, 必要, 方, 普通, 次, 注意, 環境, 祝日, 結果, 言葉, 訳, 通信, 連休, 連携, 階層, 頃, 順番,

e-taxが非情に使いづらいことが分かって戸惑ったので！？

2022.02.16

Logging

おはようございます、今日も寒いですね、
寒いながらも日中は徐々に暖かさを感じるようになってきました。

さて、今日から確定申告が始まります、今回はe-taxを使って入力して見ようと思ったのですが何だか素人では難しいUI（ユーザーインターフェース：見た目）で、入力するのが何だか面倒くさいなと感じたので本日、市役所で教えてもらいながら手続きします。

こんなに使いづらいから、freeeというサービスが成り立つに違いなということが、ヒシヒシと感じました。月に980円支払って収支がインターネット上で出来て楽天銀行や地方銀行などとも連携しているので、仕事、会社用の口座を作ってしまえば何も管理せずに確定申告もボタンポチれば簡単にできてしまうというのは、盲点ですよね（多少の修正は必要かとも思います）。小さな会社では経理を雇わなくてもfreeeがあれば殆どの手間は省けるのかなって思いました。

【freee会計使い方：確定申告編1】年間の収支入力

こういう事から見直していくと結構、経費が浮くと自分は思っています、他にも今はいろいろなDXサービスがあり、探すとサブスクリプション（月額）で契約できるアプリやWEB（クラウド）サービスが沢山ありますので是非チェックしてみてください。

予約フォームを10分で作る / SELECTの予約システム

余談：デジタル庁が出来たからe-taxも見直されそうな気がします、もし一新したらfreeeなんて必要なくなるかもしれませんけどね・・・、あまり期待はしていませんが。

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2022年02月16 07:52日

タグ

980, e-tax, freee, https, UI, www, youtube, インターネット, インターフェース, こと, サービス, ボタン, ぽち, ユーザー, 今回, 今日, 仕事, 会社, 何, 修正, 入力, 収支, 口座, 地方, 多少, 市役所, 必要, 手続き, 手間, 日中, 月, 本日, 楽天銀行, 殆ど, 盲点, 確定申告, 管理, 簡単, 素人, 経理, 見た目, 連携, 違い, 銀行, 非情,

クロスプラットフォーム開発（アプリ）をPythonで行う。

2021.05.21

Logging

PyQt5でクロスプラットフォーム開発（アプリ）を行う事が出来るだってさ。ただし、PyQt5は商用利用に縛りがあるのだとか、個人で使用する分には問題なしだということ。CSSとPythonの記述が分かっていればそれほど難しくない難易度かと自分は下記の動画を見て思いました。

Create GUI App with PyQt5 – PART 1

pip install PyQt5

Python：パイソンがインストールしている環境で上記のコマンドを打つことでPyQt5はインストール可能です。あとはコードを書いて実行するだけでアプリが実行されます。

PyQt5の使い方を解説している人がいます。リンク先のように書けばチェックボックスなども設置可能です。因みにコードを一々書くのは面倒だという方はQt Designerと連携することでGUIの設計は楽になると思います。
環境構築を説明しているリンクを貼っときます。こちらでPyQt5のプログラムを使用しQt Designerで開発を行えます。

この頃はクロスプラットフォーム開発も多様化していろいろな言語で開発ができるようになってきてますね。楽になったものだと・・・。

追伸：商業利用でクロスプラットフォーム開発が行いたい場合はPySideを使用するべしです。理由はこちら
https://www.kimoton.com/entry/20181202/1543724518

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2021年05月21 04:33日

タグ

5, css, Designer, GUI, install, pip, PyQt, Python, Qt, あと, アプリ, インストール, えま, クロス, コード, こちら, こと, コマンド, チェック, パイソン, プラットフォーム, プログラム, ボックス, リンク, 上記, 下記, 事, 人, 使い方, 使用, 個人, 分, 利用, 動画, 可能, 商用, 実行, 方, 構築, 環境, 縛り, 自分, 行, 解説, 記述, 設置, 設計, 説明, 連携, 開発, 難易, 面倒,

すきま産業。

2020.12.09

Logging

すきま産業、簡単に言うと車輪の再発明かニッチ戦略だと思って頂ければよいのかな？?、世の中にはいろいろな会社がある、世の中の流れに上手く乗れる産業が生き残り乗れなかった会社は倒産していく。悲しいけどそれはこの567の時代でも同じです。

にっちもさっちもいかなくなる会社が結構増えてきている反面、いま、売上が上がっている産業もあり、また新たなサービスも生まれてきている。

来年あたりから、567が終息していき2?3年で567はインフルエンザレベルになるだろう。そうなるとニューノーマルなんて必要なくなりノーマルな時代が来ると思います。日本ではデジタル化に官民連携して進んでいます。たぶん、この流れは加速します。

どんな企業にもIT人材が必要になる時代へ、世の中シフトしていくでしょう。アナログからデジタルへ。それは良いことでもあるけど悪いこともあります、例えば仕事の効率化によるリストラが必ず起きます。規則正しいこととルールが存在する仕事はとてもデジタル化するのに適してます。

簡単なものならば、数ヶ月で構造をデジタル化することが出来るでしょう。そういうデジタル化を取り扱うプラットフォームの企業が必ず現れます。そして近い将来、そのプラットフォームはクラウドサービスとして成り立つと自分は思っています。

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2020年12月09 04:37日

タグ

2, ３, 567, IT, アナログ, いま, いろいろ, インフルエンザ, こと, サービス, シフト, すきま, それ, デジタル, ニッチ, ニュー, ノーマル, リストラ, ルール, レベル, 世, 中, 人材, 仕事, 企業, 会社, 倒産, 再発, 加速, 効率, 反面, 存在, 官民, 必要, 戦略, 日本, 明か, 時代, 来年, 産業, 簡単, 終息, 車輪, 連携,

朝方もくもくと。

2020.10.14

Logging

朝方もくもくと歩いていますが、スマホで映画見たりながら作業しています。田舎で朝方歩いても誰かに合うというのは、片手で数えるぐらいですから効率的にながら作業を朝しています。本当は駄目らしいので良い子は真似しないでね。

朝歩きながらすることはスマホで記事のチェックやプライムビデオみたり、NewsPicksの番組を視聴したりしています。歩く時間が1時間ちょっとあるのでその時間がもったいないなと思いそうしています。スマートグラスが登場すれば背筋を伸ばした状態で同じようなことが出来るようになるのかななどと思っています。

はやくスマートグラスが登場すれば良いのにと本当に思っています。スマートグラスの問題は電池のもちとあと、スマートグラスでどこまで機能を載せれるのかなどの問題が在ると思うのですが、当分のスマートグラスはスマホからBluetoothでやり取りでカバーすれば良いと思うので、逆に言えばスマホのアプリがどこまで柔軟にスマートグラスと連携できるかだと勝手に思っています。

因みにスマートグラス出る出ると前々から言っているのですが、本当にそろそろ登場しそうです。たぶん来年あたりだと思います。コロナ禍が収まった頃に出そうですね。

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2020年10月14 03:23日

タグ

１, bluetooth, newspicks, アプリ, いま, カバー, クラス, こと, スマート, スマホ, チェック, どこ, ビデオ, プライム, もち, やり取り, 作業, 勝手, 問題, 子, 当分, 映画, 時間, 朝, 朝方, 本当, 機能, 片手, 状態, 田舎, 番組, 登場, 背筋, 視聴, 記事, 誰か, 逆, 連携, 電池, 駄目,

手前味噌な機械学習！？。

2020.09.01

Logging

分類分けで機械学習教師ありのモデルを作り、新たなデータで推測するという一連の過程をやってみたよーーー?
ちなみに分類分けとしてはあまり機能していないだけどね・・・。
何が難しかったか・・・Pythonをサーバで動かすようにするところと・・・何故かすんなり動いてくれなかった。そして機械学習させるデータを作るのがやはり面倒だった、途中から分類分けって感じじゃなく１分類という感覚で重み付けしました。

尚、サンプルとして表示しているのは、機械学習させてモデルを保存させるやつです。この他にもいろいろなファイルがあるのだけど、例えばデータを生成させたりする処理ファイルや保存したモデルから推測させる処理ファイルなどいろいろなファイルがあるのだけど、全て解説するのはちょっと面倒なので今回はこれだけです。

あと質問箱と連携するのは今後の質問によって決めようと思います。いちおう、ほぼその部分も完成しています。コードを手直してそれぞれをファイル連携してゴニョゴニョするという作業が残っています。

追記：きっちり分類分けしてそのデータをansの中に正解解答としていれてあげて学習させるとまぁまぁ良い感じです。

from sklearn.linear_model import LinearRegression
model = LinearRegression()

import pandas as pd
from sklearn.tree import DecisionTreeClassifier
import pickle
X = pd.read_csv("Question.csv", header=None).values.tolist()
ans = []
val = 0
for num1 in range(len(X)):
	for num2 in range(len(X[num1])):
		if float(X[num1][num2])>=0.5:
			val = val + 1
	val = float(float(val) / float(len(X)) * 100)
	ans.append(str(val))
	val = 0
model = DecisionTreeClassifier(max_depth=999)
model.fit(X,ans)
print(ans,"<==>",model.predict(X))
# モデルを保存する
filename = 'Q_model.sav'
pickle.dump(model, open(filename, 'wb'))

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2020年09月01 02:04日

タグ

１, Python, あと, いろいろ, コード, これだけ, サーバ, サンプル, それぞれ, データ, ところ, ファイル, モデル, やつ, 一連, 今回, 今後, 他, 何, 保存, 全て, 処理, 分け, 分類, 学習, 完成, 感覚, 手前味噌, 手直, 推測, 教師, 機械, 機能, 生成, 表示, 解説, 質問, 途中, 連携, 過程, 部分, 重み, 面倒,

ブロガーは無理ゲーなのか？

2020.07.05

Logging

もうブロガーは無理ゲーなのか、個人で稼げない時代なのかと言えばそうでもない気がします。サーバ代ぐらいはビギナーブロガーでも稼げますよ。ならば5万?10万円稼げる層もいるだろうし、1万円稼げる層もいると思います。ただ毎月、数十万円稼げるそうはそんなにいないと思います。

因みに自分はビギナーブロガークラスです。これが5万?10万円ぐらい稼げれば良いなと思っています。

YOUTUBEと比較するとブロガーの稼げる難易度で言えば、いまは同じぐらいかなと思います。YOUTUBEは競合が増える一方なのでもうレッドオーシャンになっています。ブロガーといえばこちらもレッドオーシャンです。ただ自分が思うにブログ、単体では無理だけどブログPlus、その他の情報発信ツールと連携すれば未だまだ収益化は難しいことではないと思います。

まぁあまり稼げていないじぶんが言うのもは説得力がない話ですが、文体がしっかりしていて、ブログの方向性も統一しているようなサイトは確実に日々の積み重ねで結果は出てくると思います。

プロのブロガーさんから、そんな甘い話ではないぞとお叱りをされそうですが、自分はそう思います。ブログにセンスは少なからず必要かと思います。もしくは人を引きつける何がないとリピーター率は少ないかなと思います。自分はこのリピーター率を高めようと奮闘しています。中々、こればかりは難しいです。

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2020年07月05 04:07日

タグ

１, 10, 5, Plus, youtube, いま, オーシャン, クラス, ゲー, こちら, こと, これ, サーバ, サイト, じぶん, その他, ツール, ビギナー, ブロガー, ブログ, レッド, 一方, 万, 個人, 単体, 収益, 層, 情報, 数十万, 文体, 方向性, 時代, 毎月, 比較, 気, 無理, 発信, 確, 競合, 統一, 自分, 話, 説得力, 連携, 難易,

MONACAでらくらくアプリ開発。｛HTML、JavaScript、PHP｝

2016.06.22

Logging

MONACAでらくらくアプリ開発。
出来そうな予感がします。一度、触ってみて頓挫していたのですが外部連携や端末のDB接続等などもできるみたいなのでこれだけで、簡単なものやそれほどゴリゴリ書くものではなければアプリ開発ができそうな気がしてきたので
土日でアプリの開発を行ってみたいなと思ってます。
HTMLやjavascriptなどでアプリが開発できる時代ってほんと、凄いなと、ちなみにajaxを使い外部サイトとの連携も出来ちゃうのでPHPなどでも必然的に使えちゃうっていうことになります。（インラインフレームで表示する方法もあり）
?

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2016年06月22 05:53日

タグ

ajax, db, html, javascript, Monaca, php, アプリ, インライン, こと, これだけ, サイト, フレーム, ほんと, もの, 一度, 予感, 土日, 外部, 接続, 方法, 時代, 気, 端末, 簡単, 表示, 連携, 開発, 頓挫,

日本ではツイキャスが人気だけどPeriscope(ペリスコープ）が来ると思うです。

2015.05.29

Logging

日本ではツイキャスが人気だけどPeriscope(ペリスコープ）が流行ると思うです。流行っている兆しはまだないのですが、Twitterの人気ユーザーは高確率でこのサービスを使っています。Periscope(ペリスコープ）ってツイキャスと似たようなものでリアルタイムの配信が可能なものです。違いといえば、Twitter社が買収した企業なのでTwitterとの連携したサービスがあります。詳しくはこちらを参照してください。http://japanese.engadget.com/2015/03/27/twitter-periscope/
ちなみに、このアプリは日本語対応していないので英語が理解できる人は使用可能かとおもいますが、そうでもない人には若干、拒絶反応がおきそうです。日本人ユーザーが増えていくと日本語対応を行うと思います。
Vineが日本でも流行すると記事に書いてから半年後ぐらいに人気が出てきました。今回のPeriscope(ペリスコープ）もおそらく日本でも流行すると思っています。

?追記：

Periscopeについてのよくある質問

^{Periscopeアプリは、2021年3月31日をもってサービスの提供を終了します。}

こちらでもお知らせしていたとおり、PeriscopeのiOSアプリとAndroidアプリは、2021年3月31日をもってサービスの提供を終了いたしました。Periscopeウェブサイト（periscope.tv）は、公開ライブ放送の閲覧限定アーカイブとして今後も利用できますが、新しいアカウントの作成、ライブ放送の配信、コインの購入はできません。これまでPeriscopeコミュニティーに活気をもたらしてくださった皆様には、改めて感謝申し上げるとともに、今後Twitterの会話に参加してくださるのを楽しみにしています。

著者名 @taoka_toshiaki

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

OFUSEで応援を送る

投稿日時 2015年05月29 07:00日

タグ

03, 2015, 27, com, engadget, http, japanese, Periscope, Twitter, twitter-periscope, Vine, アプリ, こちら, サービス, ツイキャス, ペリスコープ, もの, ユーザー, リアルタイム, 人, 人気, 企業, 使用可能, 半年, 参照, 反応, 可能, 対応, 拒絶, 日本, 日本人, 日本語, 流行, 理解, 確率, 社, 若干, 英語, 記事, 買収, 連携, 違い, 配信,