@Blog

お店のホームページ（サイト）の作り方その参

2022.03.05

Logging

お店のホームページ（サイト）の作り方その参は下記の動画を見ていただければお店のホームページは完成できます。わからない事があれば知恵袋などで質問するとひとりで出来上がります。ちなみに動画では５００円代をおすすめしていますが、１００円代のサーバでも問題なく機能します、違いはデーターベースというものを使用するかどうかです。今回は静的なサイトなので１００円代で十分です。

これでお店のホームページ（サイト）の作り方その参は終了します。もし自分で出来なさそうというのであればクラウドワークスなどでサーバーの設定、ファイルのアップロード、ドメインの登録などを代行でしてもらうのも一つの手なのかもしれません。値段は３万ぐらいが相場かと思います。また完了後、かならずサーバーのパスワードの設定を変更してください！。

タグ

100, ３, 500, アップロード, おすすめ, お店, クラウド, これ, サーバ, サーバー, サイト, データー, ドメイン, パスワード, ひとり, ファイル, ベース, ホームページ, もの, ワークス, 一つ, 万, 下記, 事, 今回, 代行, 作り方, 使用, 値段, 動画, 参, 変更, 完了, 完成, 手, 機能, 登録, 相場, 知恵, 終了, 自分, 設定, 質問, 違い,

お店のホームページ（サイト）の作り方その弐

2022.03.05

Logging

おひさしぶりです。
ブログを数日休んでいました。こらからは不定期という感じでブログを書いてきます。
このブログはお店のホームページ作り方その壱の続きになります。

下記が予約ボタンと地図の作成手順です、こちらの変更部分をindex.phpのファイルを書き換えてください。予約には予約システムSelectType (セレクトタイプ)を使用しているのでアカウントを作りご自身のお店に合わして管理画面から設定してみてください。

会社の地図に関しては、GoogleMapを使用しています、こちらをindex.phpに貼り付けるのですが必要ない部分があるのでその部分を削除して貼り付けています。動画を注視してみるとわかるかと思います。

今回はここまでです。次回はさくらレンタルサーバにファイルをアップロードする方法とSSLの設定を行い完了となります。

タグ

6, com, GoogleMap, https, index, php, SelectType, SSL, vMSy-CCthA, watch, www, youtube, アカウント, アップロード, お店, ここ, こちら, ご自身, サーバ, サイト, さくら, システム, セレクト, タイプ, ファイル, ブログ, ホームページ, ボタン, レンタル, 下記, 不定期, 予約, 今回, 作り方, 作成, 使用, 削除, 動画, 地図, 壱, 変更, 弐, 感じ, 手順, 数日, 方法, 次回, 注視, 画面, 管理, 設定, 部分,

サイトのデザインを一新しました、オリジナルのテンプレートです。

2022.02.26

Logging

こんにちは、今日は気温も春陽気になるらしくて、明日はもっと暖かくなるようです。

そんな中で家でゴトゴトとWordPressのテンプレートを作成していました、このテンプレートは特に頑張ったところなどはなく、Ｂｏｏｔｓｔｒａｐを雛形みたいなものです。シンプルイズベストという事だけは気にしています。余計なモノは極力少なくしたつもりです。SEOなどはあまり意識はしていないのだけど、以前のリンク構造を一応意識しています。

因みにこのテンプレートは未完成ですので、時間が空いたときに改善していきます。完成しても提供するなどは今の所、考えていません。尚、Bootstrapは４系を使用しています、５系にそのうち変更すると思います。

タグ

4, 5, Bootstrap, SEO, WordPress, イズ, うち, オリジナル, サイト, シンプル, つもり, デザイン, テンプレート, とき, ところ, ベスト, もの, リンク, 一新, 中, 事, 今, 今日, 以前, 余計, 作成, 使用, 変更, 完成, 家, 意識, 所, 提供, 改善, 明日, 春, 時間, 未完成, 構造, 気, 気温, 陽気, 雛形,

WEBサービス（掲示板）をデプロイ（リリース）してから、数日経過するも。

2022.02.24

Logging

おはよう御座います。
今日の朝はかなりの冷え込みです😱。

さて、数日前、WEBサービス（YOUTUBE貼り付け掲示板）をデプロイしましたが、鳴かず飛ばずのまま放置しています。要するに作ったは良いが宣伝が全然していないので使用する人が全然いない状態が続いているわけです。これを回避する方法は2つぐらいあります、一つは広告やSNSで宣伝する、2つ目は集客があったドメインを購入してそのドメインで運用するということです。

この2つの方法はありますが、自分はSNSで少し宣伝して放置しています。もともと予想通りの状態なのでこのまま放置して見ることにします。一年ぐらい放置して何も変わらないならこのサービスは廃止します。使ってくれないならば置いとく意味ないですからね。

今、違うサービスを思いついたので、今度はそちらのサービスを作っていければなって思っています、有料サービスとして作るため個人事業主の届けが必要になるかもしれません。作ったものはTwitterで宣伝するつもりでいます。値段は月額費用500円という破格の値段でサービスを提供できればなって思っています。ただ作っている最中に仕事が決まればこのサービスは世に出ずに終わってしまう可能性があります。

ともあれ、YOUTUBE貼り付け掲示板広めて頂けると有り難いです。
どうぞ、よろしくお願いいたします🙇。

タグ

2, SNS, web, youtube, かなり, こと, このまま, これ, サービス, そちら, ため, デプロイ, ドメイン, まま, リリース, 一, 一つ, 予想, 事業主, 人, 今, 今度, 今日, 何, 使用, 個人, 回避, 宣伝, 少し, 広告, 廃止, 必要, 意味, 掲示, 放置, 数日, 方法, 有料, 朝, 状態, 経過, 自分, 購入, 運用, 集客,

新さくらレンタルサーバーが昨日から使えるようになっている。

2022.02.17

Logging

おはようございます、今日の朝は一段と寒さを感じました。

さて今日はレンタルサーバーの話です。タイトル通り新さくらレンタルサーバーが昨日から使えるようになっているので使用してみました😌。

処理能力は確かに早くなっている気がします、まだブログなどを取り扱っていないのでどこまで早くなっているかは計測できてはいません。何故、ワードプレスなどを使用すると表示速度が遅くなるのかという疑問を持つ人も多いと思います。答えは一概に言えないのですが。記事数が増えてくるとデータベース（保管庫）から記事を探し出すのが遅くなるという理由が第一に上げられます。その他、レンタルサーバー側の通信速度やデータベースの処理能力が遅い、レタリング能力が遅いなどいろいろな理由により表示速度が変わります。

レンタルサーバーを使用していたとき、TOPページなどは表示速度が早いけど記事ページになると遅いというサイトを見かける人もいるかと思います、これはキャッシュ（一時的保存）という技術を取り入れているからです。この方法を取り入れると良くアクセスするサイトは表示速度は早いけど、あまり参照しないページは遅くなるという事に繋がります。

ここまで話しましたが表示速度を本当に改善したい場合はレンタルサーバーをグレードアップさせるよりもサーバー側の通信速度を改善するのが一番手っ取り早く表示速度が早くなります。

プラグインを導入したり、画像を軽量化するなどの巷に溢れる情報で改善するよりか、サーバーサイドの通信速度を見直すこととサーバー側の処理能力を見直すことの方が断然に表示速度が早くなります。

因みに今日から自分が作った掲示板サービスを運用します、こちらでの告知はもう少し後になります。

タグ

TOP, いろいろ, キャ, これ, サーバー, サイト, さくら, その他, タイトル, データベース, とき, どこ, プレス, ブログ, ページ, レタリング, レンタル, ワード, 一, 人, 今日, 使用, 保管, 処理, 昨日, 朝, 気, 理由, 疑問, 答え, 能力, 表示, 計測, 記事, 話, 通信, 速度,

たまには無題。

2022.02.09

Logging

おはようございます、今日はいつもより更新時間が遅いです。それには理由があって自分の体調が少し優れないのが原因です😌。昨日、Twitter経由で同じ高知県に住むデザイナーさんのブログを読ませてもらいました、そのデザイナーさんは体調を崩して精神疾患になったそうです、そしてこの頃、断薬に挑んでいるとのことです。それを読んで大変苦労されているだなって思いました。

やっぱこの業界ってそういうの多いのかな？

ITって精神的に辛いことが多いと思います、デジタルを使った粘着系の嫌がらせが結構あったりするので、どうなのかなって自分は思いますね。良くあるのはTwitterを使用したりして社員や同僚を貶したりする行為ですね😌。

これ深刻なネットいじめだと思います、大人になっても同じように他者をいじめる人々がいるです、大人になったからいじめは無くなると思い込んでいたら駄目ですよ。

大人の方が陰湿ですからね…。そういう職場からは逃げるのが一番です、訴えてもどちみち会社を去る事になりますからね。

IQが１０違うと会話が成り立たないそうです・・・、そういうのも少なからず影響していると思います。

タグ

IT, Twitter, いつも, こと, これ, それ, たま, ちみち, デザイナー, デジタル, ネット, ブログ, 人々, 今日, 他者, 体調, 使用, 原因, 同僚, 大人, 嫌がらせ, 少し, 断薬, 方, 昨日, 時間, 更新, 業界, 無題, 理由, 疾患, 社員, 粘着, 精神, 経由, 職場, 自分, 苦労, 行為, 陰湿, 頃, 駄目, 高知県,

YOUTUBEプレミアムの年間契約キャンペーンはあと3日で終了する。

2022.01.20

Logging

YOUTUBEプレミアムの年間契約キャンペーンはあと３日で終了するので、契約したい方はこの方法で契約してみてくださいな。ここをクリックして年間契約の手順に沿って契約してみてくださいな。

因みに年間契約にすると支払いがお得になります。何でもそうだけど長く使用するサブスクは年間契約の方がお得になります。YOUTUBEプレミアムは3540円の割引になります、尚、YOUTUBEプレミアム年間契約キャンペーンは1月23日に終了します。

もしかすると日本でも今年中にYOUTUBE Premium Liteという定額サービスが始まるかもしれません、YOUTUBEプレミアムはYOUTUBEの広告無しやYOUTUBEミュージックがセットになったサービスです、それに対してYOUTUBE Premium LiteというのはYOUTUBEミュージックがなく、YOUTUBEの広告無しだけのサービスです。

音楽をよく聞く人で、他に音楽のサブスクリプションを契約していないのならばYOUTUBEプレミアムをおすすめします、逆にSpotifyなどのサービスを使用しているのならば、YOUTUBEライトのサービスが日本で始まるのを待つのも良いかもしれませんね。

自分は月契約から年契約に変更しました。

タグ

１, 23, ３, 3540, LITE, Premium, youtube, キャンペーン, クリック, ここ, サービス, サブ, スク, セット, それ, プレミアム, ミュージック, 今年, 使用, 割引, 契約, 定額, 年間, 広告, 手順, 方, 方法, 日本, 終了, 音楽,

WindowsやMACのタイピングを表示するアプリと検索すれば！？

2022.01.18

Logging

この頃、気温が若干低いなという感覚があります、昨日なんて寒くてウォーキングを諦めました😌。

さてWindowsやMacのタイピングを表示するアプリと検索すれば、それなりのアプリが出てきますのでそちらを使用してみてください。では、ちょっと冷たいのでメモを残しときます。Macの場合、KeyCastrというフリーのアプリが有名らしいですね、因みにこのアプリ、Githubでしか公開していないので、ターミナルで操作とか出来る人じゃないとインストール出来なそうです。

その他にもキーボードのログ（キーストローク）を表示するアプリは存在します。一応、リンクを貼っときますね。こちらから参照ください。👉https://ja.altapps.net/soft/keycastr リンク切れになっていた場合は自分で上記のようなキーワードで検索すれば見つかるはずです。

あと、GithubでKeyCastrをインストールする方法の動画も貼っときますね。
https://github.com/keycastr/keycastr

タグ

altapps, github, https, ja, KeyCastr, Mac, net, soft, Windows, あと, アプリ, インストール, ウォーキング, キー, キーボード, キーワード, こちら, ストローク, そちら, その他, それなり, ターミナル, ダイビング, パス, フリー, メモ, リンク, ログ, 上記, 人, 使用, 公開, 参照, 場合, 存在, 感覚, 操作, 昨日, 有名, 検索, 気温, 自分, 若干, 表示, 頃,

セキュリティーソフトは要らない。デフォルトで大丈夫。本当！？

2022.01.13

Logging

おはよう御座います。昨日はいろいろと忙しくてブログを書くタイミングがありませんでした。

さて、タイトル通り市販のセキュリティーソフトは要らない、Windows10移行ならデフォルトについているWindows Defenderで大丈夫だそうですね。わざわざセキュリティーソフトを買う必要はないような気がしますが、フリーランスエンジニアやITプログラマーなどは導入しておいたほうが良いという話を記載しときます。何故ならもしもしウイルスに感染した場合、セキュリティーソフトを入れていたけど感染してしまったという逃げ道（言い訳）が出来るからです。

逆に何も対策していなかったら、責任を咎められることは避けられないと思います。其のためにも企業さんやエンジニアさんは導入しておいたほうが良いと思います。個人で使用する場合で個人情報やクレジットカードの番号、ID、パスワードを保管していない場合はデフォルトのWindows Defenderで大丈夫かもしれませんが、私は保証はしません。

あとは個人の判断で導入するかどうかは決めるべきだと思います、尚、何も入れていない場合はデフォルトのWindows DefenderをOFFにすることは、何も持たないで戦場に行くと同じことなので、必ずONにしてインターネットという荒野に出かけてください。

タグ

10, de, Defender, ID, IT, Windows, いろいろ, ウィルス, エンジニア, カード, クレジット, こと, セキュリティー, ソフト, タイトル, タイミング, ため, デフォルト, パスワード, フリー, ブログ, プログラマー, ランス, わざわざ, 企業, 何, 使用, 保管, 個人, 場合, 対策, 導入, 市販, 必要, 情報, 感染, 昨日, 本当, 気, 番号, 移行, 言い訳, 記載, 話, 責任, 逃げ道, 逆,

お気づきかと思いますが、サーバーを密かに変えました。（密かではないですけど。）

2022.01.08

Logging

お気づきかと思いますが、サーバーを密かに変えました。変えたのは年末あたりです、それから裏と表でサーバーをゴニョゴニョして何とか運用している感じです。変えた理由は経費削減ということが一番の理由ですね😌。

変えたことにより表示速度が若干早くなっているかのように思えます、サクラレンタルサーバーでは土台はnginx + Apache2.4系だったらしいので「.htaccess」が使用できていたのだと思いますが、現在、運用しているサーバーは nginxで動いております。 nginx上でApacheをどうやって動かせばよいのか、知見がないのでnginxだけ動いております。調べればやり方が書かれているサイトがあると思います。

12月にlog4jという脆弱性が見つかった事により、ApacheやJAVAなどに影響を与えているようです、そんな事もあったので今回はApacheサーバーを避けてnginxで構築したわけです。IPを調べるとどこのサーバーを使用しているか分かると思いますが、敢えてどこのサーバーのどのプランを使用しているかの公表は控えさせてもらいます。

因みにサーバーが落ちてもメールサーバーは別サーバーを使用しているので影響はないようにしています。今回分かったことはクラウドと言われているサーバーは、クリック一つでいろいろ出来るようになっているけれども、それを使用すると別途お金が発生するように設計されていたりしてます。なので自分はそこらへんお金を使いたくないので手動で対応しています。

結局のところ、VPSでゴリゴリとサーバサイド知見がある人にはAWSやGCPというサービスはポチポチ押すだけで、サーバー構築できるけど、もったいないと思うだけなのかもしれません。AWSやGCPの良い所は可用性だなって思えます。そしてオンプレと違ってサーバーが落ちてもAWSやGCPの障害のせいに出来ることかもしれません。

強者になりたい今日このごろでした・・・現場からは以上です。

タグ

12, 2.4, 4, Apache, htaccess, java, log, nginx, こと, ゴニョゴニョ, サーバー, サイト, さくら, やり方, レンタル, 一, 上, 事, 今回, 使用, 削減, 土台, 年末, 影響, 感じ, 構築, 現在, 理由, 知見, 経費, 脆弱性, 若干, 表, 表示, 裏, 速度, 運用,

未来予想は当たらないけど、加速するテクノロジーは分かるかも？

2022.01.02

Logging

未来予想は今まで当たった例のない自分ですが、加速するテクノロジーは分かるかもと思って書いています。コロナ禍になっていろいろな所で「DX、DX（ディーエックス）」って耳にするようになったと思います。DXって何の略かと言えばデジタルトランスフォーメーションの略です。じゃ、デジタルトランスフォーメーションって何だよとなるかと思います、デジタルトランスフォーメーションとは凄く簡単に言うとこれまで人がしていた仕事をパソコン等を使用して自動化することを指します。もっと言えばデジタルで仕事を効率化を指します。

例えばどんな事かと言えば、今まで人がしていた事務の入力作業を人工知能などを使用してコンピューターで自動化するなどや、今まで人が荷物を仕分けていたところをロボットが仕分けるなど。こう言ったことがコロナ禍で急速に浸透していっている事なのかなぁと思います。

特に事務処理の単純作業はコロナがおさまる頃にはコンピューターに置き換わっている可能性が高いです、これはコロナ後になると思いますが、自動運転車が街中を走り回る時代になり人は車を持たないようになると思います。このことに関しては数十年後の話になると自分は思っていてますが、何れはそうなると思っています。

DXになって得するのはITエンジニアや雇用主であって、それ以外の人は仕事を奪われるだけであって得にはなりませんので、あんまり日本ではコロナ禍であってもDXは進まないとは思いますが世界を見ると大きく変わっていっていると思います。なので、コロナ禍で確実に自動化は進むと思っています。

タグ

DX, いろいろ, エックス, おさ, コ, こと, これまで, コロナ, コンピューター, ティー, テクノロジー, デジタル, ところ, トランス, パソコン, フォーメーション, まる, ロボット, 予想, 事, 事務, 人, 人工, 仕事, 何, 作業, 使用, 例, 入力, 処理, 加速, 効率, 単純, 急速, 所, 未来, 浸透, 略, 知能, 禍, 簡単, 耳, 自分, 自動, 荷物,

WordPress5.9からかなり仕様が変わります。それで？

2021.12.20

Logging

寒い日が続きますね、昨日も今日の朝もかなり冬って感じの朝だな…?

さてショッキングな情報を先日、耳にしましたので共有します。WordPress5.9からテンプレート仕様が大きく変わるみたいですね。かなりガラリと変わります。どのように変わるかはこちらのサイトとこちらのサイトでご確認くださいませ。尚、今までのテンプレートは今の所、バージョンアップしても使えるとは思いますが、5.9以降、バージョンアップにつれて今までのテンプレートは使用できなくなるのは目に見えています。

テンプレートの仕様が変わることにより、色の変更や配置などがGUI（グラフィカルユーザーインターフェース）で簡単に操作出来るようになります。今後、ちょっとした色の変更や見栄えなどの変更をユーザーが簡単にできてしまうようになるという事はWEBを生業としている業界からすると、かなり痛手かと思います。

WP5.9の対応してしまった後は、仕事が激減しそうな気さえします。やはりウェブはウェブ制作だけでは食べていけない、そんな感じになってくるのではないかなとヒシヒシと感じます。

このサイトもWP5.9がリリースされたら、オリジナルテンプレートを作って運用していく事になりそうです。

以上、現場からでした。

タグ

5.9, GUI, web, WordPress, wp, アップ, インターフェース, かなり, グラフィカル, こちら, こと, ご確認, サイト, ショッキング, テンプレート, バージョン, ユーザー, 事, 今, 今後, 今日, 仕事, 仕様, 使用, 先日, 共有, 冬, 変更, 対応, 後, 情報, 所, 操作, 日, 昨日, 朝, 業界, 生業, 痛手, 目, 簡単, 耳, 色, 見栄え, 配置,

英字配列のキーボードに鞍替えしました。それとネットフリックスも。

2021.12.14

Logging

今までエレコムのキーボードを使用していたのです、安い割には打ちやすいキーボードでしたが一つ難点といえば、マウス操作時にキーボードにマウスがよくあたるという問題がありました。その問題が結構嫌だったので、思い切って英字配列のコンパクトなキーボードに変更しました。

カチカチと打鍵音はするものの職場ではないので、別に良いかなと思っています。唯、カチカチの打鍵音は気になる人は気になるレベルを遥かに超えています。なので静音のキーボードで購入するほうが良いかもしれません。

自分は少し気になるものの、今はこれで我慢します。仕事が決まれば新しいキーボードを購入するつもりでいます。

あと英字配列のキーボードに変える事にしたもう一つの理由はプログラミングする時に；：や｛｝などが｜打ちやすいという事があげられます。これを解消するにはWindowsのキーボード設定を英字配列のモードに変えるだけで良いのですが自分の場合、英字配列のキーボードの配置を覚えていないので英字配列のキーボードを購入して覚えようと思ったのが２つ目の購入理由です。

話変わってネットフリックスを復活させました、来年の２月ぐらいまでは有料会員でいようと思います、その後、どうするかは考え中ですが・・・?。

タグ

｛｝, Windows, エレコム, キーボード, これ, コンパクト, それ, つもり, ネットフリックス, プログラミング, マウス, モード, もう一つ, もの, レベル, 一つ, 事, 人, 今, 仕事, 使用, 割, 問題, 場合, 変更, 少し, 我慢, 打鍵, 操作, 時, 気, 理由, 職場, 自分, 英字, 解消, 設定, 購入, 配列, 難点, 静音, 鞍替え,

セレクトメニューの都道府県は毎回、作るよりストックしておくべし。

2021.12.13

Logging

駆け出しフロントエンドエンジニアさんや駆け出しコーダーさんの中にはお問い合わせなどで、都道府県を毎回、書いている人はいると思いますが、大体、同じことを何回もするのは無駄です。なので、自分専用の雛形を作っておくといいですよ。そうする事によって作業は結構、短縮されたりします。今回は自分がよく使う、セレクトメニューの都道府県をJSで都道府県リストを生成するように作りました。

繰り返しになりますが、こんな感じに自分が使用するデータや独自の関数はストックしておくと作業効率は上がります、毎回調べてプログラミングやコードを書くのは仕事上では手間になるので辞めた方が良いです。

最後にJSコードとGitHubのリンクを貼っときますので、ご自由使用くださいませ。

https://github.com/zip358/select_jp_ken

let useKendata = [
    {'no':'01','name':'北海道'},
    {'no':'02','name':'青森県'},
    {'no':'03','name':'岩手県'},
    {'no':'04','name':'宮城県'},
    {'no':'05','name':'秋田県'},
    {'no':'06','name':'山形県'},
    {'no':'07','name':'福島県'},
    {'no':'08','name':'茨城県'},
    {'no':'09','name':'栃木県'},
    {'no':'10','name':'群馬県'},
    {'no':'11','name':'埼玉県'},
    {'no':'12','name':'千葉県'},
    {'no':'13','name':'東京都'},
    {'no':'14','name':'神奈川県'},
    {'no':'15','name':'新潟県'},
    {'no':'16','name':'富山県'},
    {'no':'17','name':'石川県'},
    {'no':'18','name':'福井県'},
    {'no':'19','name':'山梨県'},
    {'no':'20','name':'長野県'},
    {'no':'21','name':'岐阜県'},
    {'no':'22','name':'静岡県'},
    {'no':'23','name':'愛知県'},
    {'no':'24','name':'三重県'},
    {'no':'25','name':'滋賀県'},
    {'no':'26','name':'京都府'},
    {'no':'27','name':'大阪府'},
    {'no':'28','name':'兵庫県'},
    {'no':'29','name':'奈良県'},
    {'no':'30','name':'和歌山県'},
    {'no':'31','name':'鳥取県'},
    {'no':'32','name':'島根県'},
    {'no':'33','name':'岡山県'},
    {'no':'34','name':'広島県'},
    {'no':'35','name':'山口県'},
    {'no':'36','name':'徳島県'},
    {'no':'37','name':'香川県'},
    {'no':'38','name':'愛媛県'},
    {'no':'39','name':'高知県'},
    {'no':'40','name':'福岡県'},
    {'no':'41','name':'佐賀県'},
    {'no':'42','name':'長崎県'},
    {'no':'43','name':'熊本県'},
    {'no':'44','name':'大分県'},
    {'no':'45','name':'宮崎県'},
    {'no':'46','name':'鹿児島県'},
    {'no':'47','name':'沖縄県'},
];
document.getElementById("ken").insertAdjacentHTML('afterbegin',(function(ken){
    let str = '';
    for (const key in ken) {
        str+= '<option value=' + ken[key].no + '>' + ken[key].name +'</option>';
    }
    return str;
}(useKendata)));

タグ

01, 39, github, JS, let, name, no, useKendata, エンジニア, エンド, お問い合わせ, コーダー, コード, こと, ご自由, ストック, セレクト, データ, プログラミング, フロント, メニュー, リスト, リンク, 中, 事, 人, 今回, 仕事, 何回, 作業, 使用, 効率, 北海, 大体, 専用, 感じ, 手間, 方, 最後, 毎回, 無駄, 生成, 短縮, 自分, 都道府県, 関数, 雛形, 駆け出し,

WordPressのapply_filtersを使うと便利ですよ。

2021.11.29

Logging

明日（2021/11/30）は高知県は雨が降るそうです、冬の雨はあまり自分は好きではないです・・・。どんより曇り空よりかはマシですけどね。

さて「WordPressのapply_filtersを使うと便利ですよ。」というお話です、有名なプラグインにはapply_filtersが大体あるので、それを使ってプラグインに自分のオリジナル処理を割り込むことが可能です。では、 apply_filtersはどんな動作をするかと言えば、独自のフィルターを登録するときに使用します。

なので、add_actionを使って登録されている独自のフィルター名を参照することで外部のプラグインに変更処理を行うこと等が可能になります。

<?php apply_filters( $tag, $value, $var ... ); ?> 

<?php add_action( $hook, $function_to_add, $priority, $accepted_args ); ?>

apply_filtersとadd_filterがどういう物なのかを完結に説明しているサイトが有りましたので、リンクを記載しときます。

https://blog.z0i.net/2016/11/apply-filters-add-filter.html

余談：ある有名なプラグインのコードを読んでいて、自分がプラグインを作るときにもapply_filtersなどを記載しておくと開発者に使用していただける確率は高くなるなと感じました。

タグ

11, 2021, 30, Action, Add, apply, filters, function, gt, hook, lt, php, tag, To, value, var, WordPress, オリジナル, お話, こと, それ, とき, フィルター, プラグイン, まし, 使用, 便利, 冬, 処理, 動作, 参照, 可能, 変更, 外部, 明日, 曇り空, 有名, 登録, 自分, 雨, 高知県,

結局、YOUTUBE Premium継続することにしました。過去記事を撤回。

2021.11.22

Logging

YOUTUBE Premium継続することにします。アマゾンミュージックを一週間ぐらい使用したのだけど、プライム会員のバージョンだと聞きたいなと思う音楽があまりにも少ない感じでした。なのでYOUTUBE広告が無くて音楽も結構な量があるYOUTUBE Premiumを継続することにしました。無収入の状態ではYOUTUBE Premiumのお金を支払い続けるのは贅沢なのかもしれませんが、音楽ない生活は自分はあまり考えられないです?。

特に本を読むやコードを書く時は音楽を聞いてするのとしないとでは、集中する時間が変わってきます?。

あとネットフリックスも再契約したいなと考えているのですが、これは自分が就職するまで我慢かなと思っています。仕事先が決まって仕事が始まると今度は観る時間がない問題になるのですが、特にIT系の仕事就くと結局休みもソースコードなどを書くことに時間を割いてしまってネットフリックスなんて見れない。今でも動画を見る時間は勿体なという気持ちになりますからね・・・でも見たいのです、矛盾してますね。

因みにネットフリックス以外にもサブスクリプションを再契約したいなと思うものはありますし、新たに始めたいサブスクリプションもあります。特に早急に復活させたいサブスクリプションはアドビのIllustratorですね。これはブログのアクセス数とも直結しているので、早々に復活させたいと思っています。

タグ

IT, Premium, youtube, アマゾン, お金, コード, こと, これ, ソース, ネットフリックス, バージョン, プライム, ミュージック, 一, 今度, 仕事, 休み, 会員, 使用, 収入, 問題, 契約, 就職, 広告, 感じ, 我慢, 撤回, 時, 時間, 本, 状態, 生活, 系, 結構, 継続, 自分, 記事, 過去, 量, 集中, 音楽,

ReactNativeのボタンがiosとAndroidでは挙動が違うので代替。

2021.11.18

Logging

今日はReactNative（リアクトネイティブ）でアプリを制作しながら勉強している中で、ボタンを使ってみたら・・・iosとAndroidでは挙動というか見栄えが違うのですよ、ドキュメントにもそう書いていた?。なので、ボタンじゃなくてこちらを使用するほうが良さげです。

Color of the text (iOS), or background color of the button (Android).

こちら【TouchableOpacity】などを使用してボタンを作成しないといけないみたい。こちらで作るとios、Android同じ見栄え（デザイン）になります。作ってて思うことは師というかメンターがいればもっと効率的に開発できそうです。

師匠がほしい今日此頃・・・。

以上、現場からでした。

import React, { useState } from "react";
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";

const App = () => {
  const [count, setCount] = useState(0);
  const onPress = () => setCount(prevCount => prevCount + 1);

  return (
    <View style={styles.container}>
      <View style={styles.countContainer}>
        <Text>Count: {count}</Text>
      </View>
      <TouchableOpacity
        style={styles.button}
        onPress={onPress}
      >
        <Text>Press Here</Text>
      </TouchableOpacity>
    </View>
  );
};

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: "center",
    paddingHorizontal: 10
  },
  button: {
    alignItems: "center",
    backgroundColor: "#DDDDDD",
    padding: 10
  },
  countContainer: {
    alignItems: "center",
    padding: 10
  }
});

export default App;

タグ

Android, background, button, color, from, import, iOS, of, OR, quot, react, ReactNative, Text, The, TouchableOpacity, useState, アプリ, こちら, こと, デザイン, ドキュメント, ネイティブ, ボタン, メンター, リアクト, 中, 今日, 今日此頃, 代替, 作成, 使用, 制作, 勉強, 師, 師匠, 挙動, 現場, 見栄え, 開発,

JavaScript(js)でcsvファイルを読み込み自動計算する(合計sum)

2021.11.17

Logging

謎の訪問者さんが検索窓を使用して何度かググっているので要望にお応えJavaScript(js)でcsvファイルを読み込み自動計算する(合計sum)というものを作りました。以前、csvを元にテーブルを作成するものを作っていました、ソースコードはそれを応用して作っています。実際、数万行に渡るファイルを自動計算するには、かなり爆速のパソコンが必要になります。このプログラムで耐えれるのは精々、1,000行あたりだと思います。

過去のコードと今回のサンプルデモのリンクを貼っときます。

どうぞご自由にお使いください。

https://zip358.com/tool/demo47/

"use strict";
var csv = {
	load:async function(filename,id){
		const responseFile = await fetch(filename);
        const result = await responseFile.text()
		let separate1 = /\r\n/;
		let separate2 = ",";
		let data = (result.split(separate1)).map(function(value){
			return (value.split(separate2)).map(function(value1){
				return value1;
			});
		});
		let sum =[];
		for (const usedata of data) {
            (usedata).map(function(val,index,array){
                sum[index] = (isNaN(parseInt(sum[index]))?0:parseInt(sum[index])) + parseInt(array[index]);
            });
		}
        console.log(sum);
		document.getElementById(id).innerHTML = sum.join(",");
		return "OK";
	}
};
csv.load("math.csv?", "sum");

タグ

000, １, async, await, const, CSV, fetch, filename, function, ID, javascript, JS, load, quot, res, responseFile, strict, sum, use, var, お応え, かなり, コード, ご自由, サンプル, ソース, それ, テーブル, デモ, パソコン, ファイル, プログラム, もの, リンク, 今回, 以前, 何度か, 作成, 使用, 元, 合計, 実際, 必要, 応用, 数万, 検索窓, 爆速, 精々, 自動, 要望, 計算, 訪問者, 謎, 過去,

kotlinで開発したアプリを申請しました。予約投稿なので報告が遅れています。

2021.11.10

Logging

kotlinで開発したアプリを申請しました。予約投稿なので報告が遅れています。このアプリをiosに移植しようと思ったのですが、何やら面倒くさそうなので当分、アンドロイド端末でのアプリ開発をして、その後、Swift言語で開発しようかなと思っていたのが昨日までの自分の想い。今日いろいろと調べていたら、どうもクロスプラットフォーム開発するなら、フェイスブックが開発したReact Nativedeで開発したほうが良さげだと。学習コストはそれ程高くないような気がしてます。Expoなら尚更・・・！？

何ヶ月か前にクロスプラットフォーム開発が出来るFlutterに手を出していたのだけど一つアプリをリリースしてからは勉強していませんでした。今回、久しぶりにアプリを作ろうかと考えて手を動かして、何となく自分がアプリ開発で身につきやすいのは今まで使用した言語の延長線上にあるものかなと思い始めました。なのでReact Nativeで開発していきたいなと今は思っています（浮気性・・・?）。

そして何よりReact Nativeは機械学習の要素も取り入れることが出来たり、カメラや位置情報も取れデーターベースも使えるサンプルもネットに落ちているので何とかなりそうだということ。そして求人情報などにもReactを経験した人は重宝されるみたいなので勉強して損はないかなととも思っています（React Nativeを勉強すれば自ずとReactの勉強にもなるので一石二鳥かなと個人的には思っています）。

※浮気性になった理由はkotlinでアプリ開発していて三項演算子が使えないことを知り、気持ちが萎えた事が一番の理由でkotlin開発よりReact Nativeでアプリ開発しようという気持ちなったのです?。それぐらい三項演算子が使えないのは痛い。バージョンが上がれば使えるようになるかもしれないけれども・・・。

因みに海外ではFlutterの方が人気です、日本もそうなるかは未知数です。

タグ

Expo, flutter, iOS, Kotlin, Nativede, react, swift, アプリ, アンドロイド, いろいろ, クロス, コスト, フェイスブック, プラットフォーム, もの, リリース, 一つ, 久しぶり, 予約, 今回, 今日, 何ヶ月, 使用, 前, 勉強, 報告, 学習, 尚更, 延長, 後, 手, 投稿, 昨日, 気, 申請, 移植, 端末, 線上, 自分, 言語, 開発,

Kotlin言語をはじめて使用してアプリを作ろうとしています。

2021.11.09

Logging

Kotlin言語をはじめて使用してアプリを作ろうとしていますが、こちらでアプリのお披露目をする事は考えていません。自分の本名のドメインで紹介することになると思います。一度、桁読み漢字変換はfulluter言語で作ったことがあるのですが、リリースはしていません。今回は作ってリリースまで行いたいと思っています。それ程、難しいことはないと思っているので、リリースは数週間で出来ると思います（審査も含めて）。

何故、Kotlin言語でアプリを開発しようと思ったか？、簡単に言えばiosにも移植出来るとのことなのでKotlin言語を選びました、そしてそれなりに勉強になるかなぁと思ったからです。動画を見てもらえれば分かる通り、いきなり動的な処理で制御しています。たぶん、いろいろな事を飛ばして勉強しています。参考書も持っていないのでサイトとYOUTUBEで調べつつ理解していこうと今、奮闘中です。今回書いた、ソースコードも調べたものです。

package com.example

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.text.Editable
import android.widget.EditText
import  android.text.TextWatcher
import android.util.Log
import android.widget.TextView

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        var editText = findViewById<EditText>(R.id.editTextTextN1)
        var textview = findViewById<TextView>(R.id.textView)
        editText.addTextChangedListener(object : TextWatcher {
            override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {

            }

            override fun afterTextChanged(s: Editable?) {

            }

            override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
                Log.d("テキストが入力されました","$s")
                textview.text = s.toString()
            }
        }
        )
    }
}

タグ

fulluter, iOS, Kotlin, youtube, アプリ, いろいろ, お披露目, コード, こちら, こと, サイト, ソース, ドメイン, リリース, 一度, 事, 今, 今回, 何故, 使用, 処理, 制御, 勉強, 動画, 参考書, 変換, 奮闘, 審査, 数, 本名, 桁, 漢字, 理解, 移植, 簡単, 紹介, 自分, 言語, 調べ, 通り, 開発,

ANAの優待券を持っているのですが売るのもアレな具合の価格なんですが売りました。

2021.11.05

Logging

ANAの優待券を持っているのですが、コロナが影響してあまり株価が上がらないので先日、売りました。売って利益は多少入りましたが旅行関係の株は正直なところ、今持っておくのは危険だなと思っています。これから先に急激に上がるとは思えない。コロナが終息しても中々、黒字化は難しいじゃないのかと・・・それより、今伸びている株でコロナが終息しても伸びていくだろうという株を買っておいたほうが無難かなと思っています。

それは医療機器製造会社だったりオンラインショッピングの運営会社だったりするかもしれないですが、マスクを製造する会社ではないことは確かです。マスクはコロナが終息したら直ぐに値が下がると思っています。

これからワクチン接種を毎年のように打ち続けていく世界になるとは自分は思っていないですね。あるタイミングで恐らくクリスパー・キャス９のような技術を使用して、遺伝子組み換えを行いコロナを永遠に感染しないようになるのではないかなと思っています。

その理由は国々の経済的な負担が大きからです。そうなるのは、おそらく数年後の話になると思っています。数年後にはコロナを何らかの方法でウィルスを根絶させることが出来ているかもしれませんが・・・。

なかなか、今の技術では難しいじゃないのかと思います。今ある技術で出来そうなこととは、クリスパーキャスナインが有力じゃないかと・・・・。

まぁ・・・・そういう事でANAの話からクリスパーキャス9に変わりましたがANAの優待券の金券ショップの相場は1500円ぐらいのものです（2021年）、先を見通す力が欲しいこのごろです。。。

以上、現場からでした。

タグ

９, ANA, アレ, オンライン, キャス, クリ, こと, これ, コロナ, ショッピング, スパー, それ, タイミング, ところ, マスク, ワクチン, 世界, 中々, 今, 会社, 使用, 価格, 値, 優待券, 先日, 具合, 利益, 医療, 危険, 影響, 感染, 技術, 接種, 旅行, 株, 株価, 機器, 正直, 毎年, 永遠, 無難, 終息, 自分, 製造, 運営, 遺伝子組み換え, 関係, 黒字,

らくてんのアフィリエイトを記事の下に取り付けるプラグインを作りました。

2021.11.02

Logging

らくてんの アフィリエイト を記事の下に取り付けるプラグインを作りました。Composerを使用して楽天のSDKを取ってきているので、そちらをプラグインの中にインストールする必要と アフィリエイト のAPIIDなども必要になりますのでそちらも御自身で構える必要がありますが、それ程難しいことはないプログラムコードだと思います。

あとCSSなどもご自身が使用するサイトのデザインに合わしてご使用ください。今回、WordPressのプラグインですがソースコードを見たいだければ分かる通り、AmzのSDKも取り入れようかなとか思ったのですが、処理が重たくなり表示速度が下がりそうだったので辞めました。因みにAmzのSDKはComposerに公開していないようです。公式サイトからzipでダウンロードするか、githubから入手する方法しかないようですね。

仕様として、タグのワードから商品を検索し表示する方法とショートカットを使用して商品を表示させる方法があります。例えばRakuten_Seller_param type=”search” word=”ひろゆきのシン・未来予測”このようにショートコード書くと下記のように表示されます。また記事の最後に自動で紹介商品も表示されます。

追記：リクエストが多くなるとバグるみたいな‥‥。いまいち下記が表示されていない原因がわからない。

追記：記事の最後に自動で紹介する機能は、このサイトでは一旦停止しています。

[Rakuten_Seller_param type=”search” word=”ひろゆきのシン・未来予測”]

トイウコトデ、WordPressのソースコードになります。

<?php
/*
Plugin Name: Rakuten_Seller
Plugin URI: https://zip358.com/
Description: 楽天アフィリエイトを表示
Author: @zip358com
Version: 0.1
Author URI: https://zip358.com/
*/
require_once plugin_dir_path( __FILE__ ).'/vendor/autoload.php';
define("RAKUTEN_YOUR_APPLICATION_ID","xxxxxxxxxxxxxxx");
define("RAKUTEN_YOUR_AFFILIATE_ID","xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx");

define("AMAZON_YOUR_ACCESS_KEY_ID","");
define("AMAZON_YOUR_SECRET_KEY","");
define("AMAZON_YOUR_ENDPOINT","");
define("AMAZON_YOUR_URL","");


function Rakuten_Seller_content_plus($content) {
    if(is_single()) {
       $content.='［Rakuten_Seller_param type="auto"］';
    }
    return $content;
}

function Rakuten_Seller($params = array()){
     $htmlcode = "";
    extract(shortcode_atts(array(
        'type'=>'',
        'word'=>''
    ), $params));
    $client = new RakutenRws_Client();
    // アプリID (デベロッパーID) をセットします
    $client->setApplicationId(RAKUTEN_YOUR_APPLICATION_ID);
     
    // アフィリエイトID をセットします(任意)
    $client->setAffiliateId(RAKUTEN_YOUR_AFFILIATE_ID);

    if($type==="auto"){
        $tags = get_the_tags();
        $htmlcode.= "<div class='rakuten_seller_div'>";
        foreach( $tags as $tag) { 
            $htmlcode.= Rakuten_code($client,$tag->name);
        }        
        $htmlcode.= "</div>";
        
    }elseif($type==="search"){
        $htmlcode.= "<div class='rakuten_seller_div'>";
        $htmlcode.= Rakuten_code($client,$word);
        $htmlcode.= "</div>";
    }

    return $htmlcode;
 }

function Rakuten_code($client,$word="JavaScript"){
    $htmlcode = "";
   
    // IchibaItem/Search API から、keyword=$word を検索します
    $response = $client->execute('IchibaItemSearch', array(
      'keyword' => $word,
      'genreInformationFlag' => 1
    ));
    // レスポンスが正しいかを isOk() で確認することができます
    $cnt = 0;
    if ($response->isOk()) {
        foreach ($response as $item) {
           $htmlcode.= "<div class='rakuten_seller_item'>".
           "<img src='".$item["mediumImageUrls"][0]["imageUrl"]."'>".
           "<p>".$item["itemName"]."</p>".
           "<a class='rakuten_btn' href='".$item["affiliateUrl"] . "' title='".$item["itemName"]."'><span>楽天で購入"."</span></a></div>";
           $htmlcode.= amazon_code($item["isbn"],$item["jan"]);
           if($cnt>0){
                break;
           }
           $cnt++;
        }

    } else {
        //echo 'Error:'.$response->getMessage();
    }
    return $htmlcode;
}

function amazon_code($isbn="",$jan=""){
    $htmlcode = "";

    return $htmlcode;
}


add_shortcode('Rakuten_Seller_param', 'Rakuten_Seller');
add_filter('the_content', 'Rakuten_Seller_content_plus');

タグ

Amz, APIID, Composer, css, github, SDK, WordPress, zip, あと, アフィリエイト, インストール, コード, こと, ご自身, サイト, ショート, ソース, そちら, ダウンロード, タグ, デザイン, プラグイン, プログラム, らくてん, ワード, 下, 中, 今回, 仕様, 使用, 入手, 公式, 公開, 処理, 商品, 必要, 方法, 検索, 楽天, 自身, 表示, 記事, 通り, 速度,

T2のお問い合わせフォームフロント側が緩く完成、続きは今の所なしかな。

2021.10.26

Logging

朝起きは三文の徳ですが・・・。本当なのでしょうか、朝方からお問い合わせフォームのちょこちょこと残りを制作しておりました。

T2のお問い合わせフォームフロント側が緩く完成しました、パチパチ?。この雛形を元に制作してくださいと業者へ持っていくと値引きはしてくれるとは思います。即興ですが一応、汎用性がある作りにしています。

フロント側は実はあまり得意ではないです、全然わからない訳ではないのですがこの頃、コードを書かなかったら抜け落ちている部分が結構あり反省しております?

ソースコードはgithubに置いてありますのでご自由にご使用くださいませ。あまり労力とかかけていないのですが、pushしてもgithubのページに反映されないという事象が何度もありまして反映待ちで結構な時間を取られました。

https://github.com/zip358/T2_pg/tree/main/inquiry

タグ

2, am-BShXaVuI, com, github, https, push, watch, www, youtube, お問い合わせ, コード, ソース, フォーム, フロント, ページ, 三, 事象, 今, 何度, 作り, 使用, 元, 制作, 労力, 即興, 反映, 反省, 完成, 得意, 徳, 所, 時間, 朝方, 朝起き, 本当, 業者, 汎用性, 結構, 訳, 部分, 雛形, 頃,

プログラム言語レッスン動画じゃない緩いやつ始めます。いやハジメマシタ！！

2021.10.25

Logging

プログラム言語レッスン動画じゃない緩いやつ始めます。YOUTUBEでむかし、ズブズブなPHP言語レッスン動画をUPしていました、今回は音声説明も何もないダダ、コードを書いている緩い動画を日々UPしていきます。動画に音楽を添えたスタイルにしようと思いますが、その他の解説や何やら動画に組み込みません。解説は概要に書くか、難しくなってきたらブログ記事にしようと思います。書いたコードサンプルはGithubにでもUPしていきます。

ネタが尽きたら動画UPの頻度が落ちると思います。タイトルは『T2がコードを10年書いている』です、今のYOUTUBEチャンネルを使ってUPしていきます。

トイウコトデ早速UPしました。

初回はIF文で動作するプログラムになります。ソースコードは下記に置いていますのでご自由に使用くださいませ。

https://github.com/zip358/T2_pg

追記：音声での解説を検討中。

タグ

10, 2, com, github, https, if, php, Qq-ctgcMRWQ, UP, watch, www, youtube, コード, サンプル, スタイル, ズブズブ, ソース, その他, タイトル, だだ, チャンネル, トイウコトデ, ネタ, ハジメマシタ, ブログ, プログラム, むかし, やつ, レッスン, 下記, 今, 今回, 何, 使用, 初回, 動作, 動画, 文, 日々, 概要, 解説, 言語, 記事, 説明, 音声, 音楽, 頻度,

Windows11を入れてみたよ。違和感、操作性どう？

2021.10.06

Logging

朝晩は徐々に寒くなってきましたね。昨日は朝からフェイスブックで障害が発生しておりましたが自分は友達が一人もいないので特に問題なかったです。逆にツイッターで障害が起きるとちょっと困りますね、因みにフェイスブックの障害の原因は設定ミスだったらしいですよ。

さて、Windows11を昨日、メインのパソコンに入れてみました。自動アップグレードを待つことが出来なかったので人柱になりましたｗ。動かなくなったときは自分で対処しないといけないので、対応可能な方のみ、コチラのサイトで一足先にインストール（アップグレード）してみてください。アップグレードはそれほど時間はかからなかったのだけど、それでも30分ぐらいはかかると思っておいたほうが良いです。

Windows10からWindows11へのアップグレードは殆どのアプリ（ソフトウェア）は問題なく使用できると思います。今の所、自分が使用しているアプリで不具合は発生していません。アプリの設定も引き継いでいます。

Windows11ではビジュアル面やウィジェット機能の復活などがあるのですが、自分が使用して「あっ楽になった」と思う機能はWindows10でもあった仮想デスクトップが機能が簡単に使用できるようになった事ですね。新しいデスクトップという物がタスクバーにあるのでそれを押すと仮想デスクトップが新たに作れるのでとても便利です。あと大量のファイル管理が前よりも表示や検索が若干早くなったと思います。

以上、現場からでした。

タグ

10, 11, 30, ｗ, Windows, アップ, アプリ, インストール, グレード, コチラ, こと, サイト, ソフトウェア, それ, ツイッター, とき, パソコン, フェイスブック, ミス, メイン, 一足, 不具合, 人柱, 今, 使用, 原因, 友達, 可能, 対処, 対応, 所, 操作性, 方, 昨日, 時間, 朝, 朝晩, 殆ど, 発生, 自分, 自動, 設定, 逆, 違和感, 障害,