自サイトのバニラJS（javascript）をvue.jsへ書き換えた話．

2024.09.22

Logging

おはようございます．先日、友が東京から帰ってきてたみたいでお見上げを貰いました．いつも頂いているばかりでお返ししないといけないなって思うのですが、いつ帰って来るのかがさっぱり分からないのでお返しできないでいる．

さて、今日は自サイトのバニラJS（javascript）をvue.jsへ書き換えた話を書きます．少し前からバニラJSからvue.jsへ変更しようと思っていたのだけど、変更する意味が見いだせずにいた.

先日からReactを仕事で触りだしてなるほど、ちょっと便利かもって思い出したので勉強がてらに自サイトをvue.jsに編集しました．

自サイトの全部を置き換えていないけれど、置き換えたほうが良さげな部分は置き換えた形になります．尚、vue.jsをモジュール呼び出しで使用したい場合は呼び出す参照ファイルに下記のタグを追加すると呼び出せます．またモジュールファイルのインポートの書き方も記載しときます．参考にしてみてください．

<script src="./js/example.js" type="module"></script>

import { ref, createApp } from 'https://unpkg.com/vue@3/dist/vue.esm-browser.js';

明日へ続く．

タグ

createApp, from, gt, import, javascript, JS, js&quot, lt, module&quot, react, ref, script src, script&gt, type, vue.js, インポート, お見上げ, バニラJs, モジュールファイル, モジュール呼び出し,

WordPressをnoteへ移行出来る機能が付いたけど。 #試してみた

2023.04.23

Logging

おはようございます。WordPressをnoteへ移行出来る機能が付いたのだけどイマイチ感が強く、これでは移行には難しいと感じました。何処らへんが駄目なのかといえばまず、インポートした記事は全て下書きになります。この時点でおかしいだろう、仕様を考えた人誰ですか？

WordPressから移行したい人は今まで公開していたものを下書きにはあまりしたくないはずです。ましてや手動で何百記事をポチポチと公開に変更することを望んでもいない。

公開したい記事は一括で公開したいはずです。そして画像もことごとく引き継げないのはかなり問題、画像媒体を引き継ぐのは難しいかもですが、画像リンクぐらい引き継いで欲しかった。

総合的に今回、念願のワードプレスとムーバブルタイプへのインポート、エクスポート機能が付いたのにこれでは移行出来ないなって思った人多かったのでは？

今後の機能改善に期待を持ちつつ当分はWordPressで頑張ります。

タグ

note, WordPress, イマイチ感, インポート, エクスポート機能, かなり問題, ムーバブルタイプ, ワードプレス, 一括, 下書き, 仕様, 何処らへん, 全て下書き, 念願, 手動, 時点, 期待, 機能改善, 画像媒体, 移行,

shopifyやBase、EC-CUBEどれが良い？?

2020.12.07

Logging

shopifyとBase、EC-CUBEなど簡単にECショップが開設できるサービスが乱雑していますが、どれが良いだろうかと悩んでいる方もいると思うので、簡潔に回答しますとどれでも良いです?？。shopifyでは多国籍に販路が増やせるというメリットはあるものの、shopifyは月額費用が発生しますし、最低ランクでは多国籍には対応していないので結局の所、日本だけで商売するというのなら断然、Baseの方が使いやすいです。そして後からshopify使いたいなと思ってからでも遅く有りません。インポート機能があるので商品はすぐに登録できるようになっています。

いろいろ調べていくうちに、EC-CUBEが一番良いじゃないかと思っています。上記のshopifyとBaseなどは簡単にサイトが開設できる反面、ゴリゴリとオリジナリティを持つことが面倒（独自デザインは可能です）、そして何よりIPアドレスで、どのサービスで運営されているのかが分かってしまうところが一番、SEO的にはよろしくない。確かに決済などには信用されるかもしれませんが微妙ですね。

shopifyとBaseしか選択しない場合は、まずはBaseで始めてみて、収益化が出来そうならshopifyに乗り換えるでも遅くないと思います。shopifyはYOUTUBEとの連携する話も出ているのですが、それで収益化が出来る店舗は今まで売上が出ている会社だと思います。

EC-CUBEのマイナス点はオープンソースで運営する場合、ソースコードなどがオープンになる点です。sourceをクローズドで運営したい場合は、EC-CUBEを購入しないといけない点です。1ライセンス、26万円ぐらいします。因みに最新はEC-CUBE4ですが来年あたりにEC-CUBE5がおそらくリリースされます。これがEC-CUBEのマイナス点になります、サイトをゴリゴリとカスタマイズしているとEC-CUBE5に移行するのが結構大変になるということです。

EC-CUBEもクラウドサービスを出していますが、若干お高いお値段かと思います。コレだったら、自分で導入した方がお安いかと思います。

最終的にどのサービスが良いか？
社内にIT人材がいる場合はEC-CUBEが良いでしょう、予算もない場合はBaseから始めるのが安全です。月額の固定費も払えるよという場合はshopifyが良いでしょうというのが自分の見解です。

なお、時代はリスティング広告とSNS活用です、SEOは後付にかなり前からなっているようです、サイトまで誘導してもサイトがしっかりしているサイトでないと中々、売上には繋がらないと思います。なので、やはりどこかでデザイナーにサイトをデザインしてもらうことをオススメします。これからはSNSの地道な努力が大事になると思います、やはり人と人の繋がりだと思います。ネットはそれが躊躇に現れると思います。

因みに自分はshopifyとパートナー契約を結びました、誰でも今の所、パートナー契約を結べるようですね。

タグ

base, EC, EC-CUBE, IP, Shopify, アドレス, いろいろ, インポート, うち, オリジナリティ, こと, サービス, サイト, ショップ, デザイン, どれ, メリット, ランク, 上記, 乱雑, 反面, 可能, 商品, 商売, 回答, 多国籍, 対応, 後, 所, 方, 日本, 最低, 月額, 機能, 発生, 登録, 簡単, 簡潔, 結局, 販路, 費用, 運営, 開設, 面倒,

WordPressのメディアライブラリについて愚痴る。

2020.01.08

Logging

過去のデータベースを引き継いでいればメディアライブラリのデータは
壊れないが、途中でXMLなどデータをインポートすると
メディアライブラリでは管理出来なくなってしまう。

これを呼び戻すには Add From Server やmedia from ftpなどのプラグインを
使用して呼び戻すしか無いようだと思っていたが、唯これをしてしまうと
いささか問題があるので使えない。
このプラグインは基本的に新規で構築する際に
画像をFTPで一先ず一括アップロードして使用する場合などに対しての
プラグインである物なのでいささか違う。

なので今回、自分で自作しようと思っていたが、、、
特に過去の画像を編集するつもりもないので辞めた。
ちなみにメディアライブラリの画像はwp_postsとwp_postmetaに
保存されている。

下記のURLを見て昔、これでトラブルになった事を思い出した。
WordPressで画像はどのようにデータベースに記録されているか

上記のようなことから、データベースの画像の欠損を復元するのは
正直なところ面倒。投稿データには大体、データは残っているのだが
メタデータが欠損していてメディアライブラリに表示されないということが
殆どだと思うが、このメタデータを復元するのは至難、なぜなら
投稿データって使っているIDとメタデータのIDのリンクを上手く結びつける
事ができないからとてもエンジニア泣かせである。

要するにメタデータIDの方が以前使っていたIDを別の要素のIDが
使っていたりして…。
これを整理しながら元に戻すのは非常に至難だと言うこと。

なので、結論を言えばちゃんとデータベースのバックアップ取りましょう?

タグ

Add, from, FTP, media', postmeta, posts, SERVER, url, WordPress, wp, xml, アップロード, インポート, これ, つもり, データ, データベース, トラブル, プラグイン, メディア, ライブラリ, 一括, 下記, 事, 今回, 使用, 保存, 問題, 場合, 新規, 昔, 構築, 物, 画像, 管理, 編集, 自作, 自分, 記録, 途中, 過去, 際,

プロキシで表示する奴の作成途中。配布するのは今だけ？

2015.09.19

Logging

プロキシで表示する奴の作成途中。配布するのは今だけ？
あとはプロキシのリストをサイトから抽出して自分が
繰り返し表示したいサイトURLを入力すれば自動的に
表示することが可能なものをつくるか、CSVで読み込んで
無限表示を行うかという奴をつくります・・・・
ますが、配布するかどうかは未定です。
これを作ってどういうことに役に立つか。
ブログランキングサイトのランキングを嵩上げするとか
YOUTUBEの再生回数を増やすとかそういうのに
悪用できるのです。
自分もこれを作るのにかなり調べまくりました。
ヒントを言うとSystem.Runtime.InteropServicesをインポートしてwininet.dllを
使ってプロキシ経由で表示させています。賢い人は違うなと・・・。
ここらへん、VBとかじゃなくC関係とかが強い人なら可能かもしれません。
あと、wininet.dllのソース載せときます、おそらくこれが無いと煮詰まらない、かなり
ヒントになるものです。https://zip358.com/tool/wininet.txt
トイウコトデ、今から寝ます。連休一日目から・・・不規則な生活リズムです。
https://zip358.com/tool/looper.zip
※尚、セキュリティソフトを入れている場合、通信の許可を可にしてあげないと
動作しません。
※繋がらないプロキシを使うと表示されないです。とくに回線が遅い場合、表示されないことが多いです(´Д｀)。
あくまでも試作版なので。

タグ

CSV, dll, InteropServices, Runtime, System, url, VB, wininet, youtube, あと, インポート, かなり, ここら, こと, これ, サイト, ソース, ヒント, プロキシ, ブログ, もの, ランキング, リスト, 人, 今, 作成, 入力, 再生, 可能, 回数, 奴, 嵩上げ, 役, 悪用, 抽出, 未定, 無限, 経由, 自分, 表示, 途中, 配布, 関係,

WinSCPというソフトが有るのだけど。

2015.07.16

Logging

WinSCPというソフトが有るのだけど自分はこのソフト、FTPのソフトだと思い込んでいたけど・・。SCPという名前の通りSCP(転送プロトコル)機能がついてたりする。面倒くさい事をさらっとやってくれるフリーソフトなわけです。そうとは知らず今までインストールすることが無かったんですけど、この度、インストールしました。ちなみに何が良いかというとFTPサービスをサーバ環境へインストールしなくてもファイルのアップロードが可能だということです。FTPがインストールされていない環境だととても重宝しそうな気がします。
ダウンロードはこちらから、WinSCP
メモがてらにもう一つ、大量のsqlデータを一括でインポートしなくてはならなくなり、昨日、調べていたらこのようなコマンドで解決することがわかりました。まず、Linuxサーバでかつポート22番が開いている事が前提です。windowsですとTera Termでサーバにログインし下記のコマンドを入力します。

mysql -u ユーザー名 -D データベース名 -p
//エンター後、Passwordの入力を行ってください。

次にMYSQLに切り替わったら、下記のコマンド入力してインポートを行います。この時の注意点ですがエラーなどが出る場合はエクスポートしたsqlファイルの最終行あたりに記入されているデータベース名やユーザー名が移行する側の名前になっているかが大事になります。なっていない場合、修正をかけ再処理を行うとインポートが行えるはずです。
尚、サーバ上に事前にsqlファイルをアップロードして置いてから処理を行ってください。

USE データベース名（インポートしたい）
SOURCE 階層を含むファイル名(/xxxx/xxxx.sql)

タグ

22, FTP, Linux, My, SCP, SQL, Tera, Term, Windows, WinSCP, アップロード, インストール, インポート, こちら, こと, コマンド, サーバ, サービス, ソフト, ダウンロード, データ, ファイル, フリー, プロトコル, ポート, メモ, もう一つ, ログイン, 一括, 下記, 事, 何, 入力, 前提, 可能, 名前, 大量, 度, 昨日, 機能, 気, 環境, 自分, 解決, 転送, 通り, 重宝,