@Blog

Reactの簡単なものなら今でも作れるのだけども.#簡単止まり.

2025.04.20

Logging

おはようございます.Reactの簡単なものなら今でも作れるのだけども簡単止まりなところを1UPしたいなと思っています.Xにもポストしたんだけどパスワード生成出来るものをReactで作ったのでソースコードを公開しますね.

Reactは基本そのままだとさくらレンタルサーバーなどでは動かないだけど、viteというモノを使用してビルドするとJavascriptに変換されたソースコードが出力されるので、それをレンタルサーバーにファイルアップロードする事によりレンタルサーバーでも動くようになります.

Reactにviteというモノを導入するに当たってDockerにUbuntuかcentOSなどを構築してその中にNodeJsとApache2を入れて自分はビルドしたモノを確認しています.

普通はNodeJsでサーバー立ててそちらで確認するのが普通なんだと思うのだけど、それだとレンタルサーバーで動いているかどうかが分からないので自分はビルド後のdistフォルダを中をApacheと紐づけて確認している形です.

トイウコトデ、ソースコードとサイトのリンクを貼っときます.

import RingLoader from "react-spinners/RingLoader";
import { useState } from "react";
import "./App.css";

function PasswordTmp() {
  const [passwordLength, setPasswordLength] = useState(8);
  const [password, setPassword] = useState("");
  const [includeSymbols, setIncludeSymbols] = useState(false);
  const [includeNumbers, setIncludeNumbers] = useState(false);

  function makePassword(passwordLength, includeSymbols, includeNumbers) {
    const lowercase = "abcdefghijklmnopqrstuvwxyz";
    const uppercase = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
    const numbers = "0123456789";
    const symbols = "!@#$%^&*()_+[]{}|;:,.<>?";
    let characters = lowercase + uppercase; // 文字のセットを初期化
    if (includeNumbers) {
      characters += numbers; // 数字を追加
    }
    if (includeSymbols) {
      characters += symbols; // 記号を追加
    }
    let passwords = "";
    for (let i = 0; i < passwordLength; i++) {
      const randomIndex = Math.floor(Math.random() * characters.length);
      passwords += characters[randomIndex]; // ランダムな文字を選択
    }
    setPassword(passwords); // パスワードを更新
  }

  return (
    <>
      <div>
        <h1>パスワード生成</h1>
        <p>
          <input
            type="number"
            value={passwordLength}
            placeholder="パスワードの長さ"
            max={99}
            min={3}
            onChange={(e) => setPasswordLength(e.target.value)}
          />
        </p>
        <p>
          <input id={'Symbols'}
            type="checkbox"
            value={1}
            checked={includeSymbols}
            onChange={(e) => setIncludeSymbols(e.target.checked)}
          />
          <label for={'Symbols'}>記号を含める</label>
        </p>
        <p>
          <input id={'Numbers'}
            type="checkbox"
            value={1}
            checked={includeNumbers}
            onChange={(e) => setIncludeNumbers(e.target.checked)}
          />
          <label for={'Numbers'}>数字を含める</label>
        </p>
        <button
          className="btn"
          onClick={() =>
            makePassword(passwordLength, includeSymbols, includeNumbers)
          }
        >
          パスワードを生成
        </button>
        <button
          className="btn"
          onClick={() => navigator.clipboard.writeText(password)}
        >
          パスワードをコピー
        </button>
        <p>生成されたパスワード: {password}</p>
        <p>パスワードの長さ: {passwordLength}</p>
        <p>記号を含める: {includeSymbols ? "はい" : "いいえ"}</p>
        <p>数字を含める: {includeNumbers ? "はい" : "いいえ"}</p>
      </div>
    </>
  );
}

export default PasswordTmp;

https://zxz.sakura.ne.jp

明日へ続く

タグ

コピー, さくらレンタルサーバー, セット, ソースコード, トイウコトデ, ところ, パスワード, パスワード生成, ビルド後, フォルダ, ランダム, レンタルサーバー, 初期化, 形, 数字, 文字, 普通, 生成, 紐, 記号,

さくらレンタルサーバーからさくらVPSサーバーへ完全移行.＃有難うこんにちは

2025.02.01

Logging

おはようございます.さくらレンタルサーバーからさくらVPSサーバーへ完全移行で先週の休みは潰れました.潰れたけどいまは何とか運用できています、たまに負荷に負けていますが、仕方がない.これ以上、いまの段階でVPSサーバーにお金を支払えない.

負荷に負けたときの対処法は今のところ秘密です.因みに寝ずにサーバーを見張っているわけではないです.言えるのはここまでw.

話変わってトランプさんに変わってから株価下がっていませんか？このままだとトランプさんで4年も持ちそうにない気がします.アメリカの政治家も何だかんだ老人ばかりが政権を握っている、大国でも年功序列なんですけねぇ.あんなにいろいろな人材がいる社会なのに大した人が大統領になっていないように表面上は見えてしまいます.

裏で政権を操っている人がいるだと思います、今回は裏でもないけどイーロン・マスクがトランプさんをコマに使っているように見えますよね.実際、どうなんですかねー.

話戻してさくらレンタルサーバーは1月末で契約を解除しました.当分はさくらVPSサーバーで頑張っていこうと思います.最初はサーバーが落ちまくりでどうしよう契約したのにと思っていましたが、生成AIと協力して解決していきました.たぶん生成AIと対話しなかったらこんな短時間に解決しなかったのかも.

明日へ続く

タグ

アメリカ, イーロン・マスク, コマ, サーバー, さくらサーバー, さくらレンタルサーバー, 人材, 大国, 大統領, 年功序列, 政権, 政治家, 最初, 株価, 段階, 生成, 老人, 落ちまくり, 表面上, 負荷,

VPSサーバーとレンタルサーバーの選択で悩んでいる.甲乙つけがたい？

2025.01.20

Logging

おはようございます.VPSサーバーとレンタルサーバーの選択で悩んでいます、お金はかかると思うけど、レンタルサーバーからVPSサーバーに移行しないドメインもあるかも知れない、あるかも知れないじゃなく有ります！！

今回、何処かのタイミングでレンタルサーバーのドメインの半分ほどをVPSサーバで運用します.今回はコンテナ運用なので少し面倒.前段階としてデータベースはすべてインポートしました.更新のないサーバーはこの方法で良いと思うものの.一番のネックなのが大量のファイルが存在するHサービスですね.SEO的に削除依頼されたもの以外は残り続けている仕様なのでめちゃファイルが存在しています.

このサービスを移行するか廃止するかを悩んでいます.いちおうマネタイズは出来ているのだけどもう良いかなと思ったのが原因でいちからサービスを再立ち上げするか、もうサービス自体を閉鎖するかで悩んでいます.

因みに最終的にはすべてのドメインをレンタルサーバーで運用したいとは思っているのだけど、今後どうなるかは分からない.

ひとつ技術的な共有をするとさくらレンタルサーバーのデータベースがアップデートされた事により、コマンドからバックアップは出来るものの、バックアップしたファイルをダウンロード出来ないという事象が発生.ググってある対処法も試してみたのだが権限により操作が出来ないのでphpMyAdminよりダウンロードし解決しましたが・・・データ量の多いデータベースの場合は困りものだなって感じました.

明日へ続く

タグ

いち, コマンド, コンテナ運用, サーバ, サーバー, さくらレンタルサーバー, タイミング, データベース, ドメイン, ネック, バックアップ, ファイル, マネタイズ, レンタルサーバー, 事象, 仕様, 半分, 操作, 権限, 発生ググ,

npushを試験運用します．誰でも使用できるように急遽対応しました．

2024.10.19

Logging

おはようございます．npushを試験運用します．作り出してから一二週間ぐらい経過したと思いますが、一応、運用できる状態になったのでご報告です．まだユーザーさんは通知機能を使用することは出来ません．毎日のアクセス数が100ぐらいになったら会員登録を開放しようと思っています、そして会員数が100人ぐらいになれば通知機能をユーザーさんに使ってもらおうと思っていますが、そんなに甘くはないので、ずっと停止中のままなのかもしれないです．

余談として技術的なことを少し話すとフレームワークはLaravelを使用しています．フロント側はReactを使用しています．viteというものでビルドしているのでさくらレンタルサーバーでも動いています．

データベースはさくらレンタルなのでご想像どおりです．特に難しい技術は使用していません．人により難しいと思う人もいるかも知れませんが苦労した点は無いです．アピールポイントはロゴですねー．このロゴ、イラレを使用して作ったのですが保存し忘れてpng画像とかしか無いのです、なので一点物になります．同じようなものは作れますが同じものは作れないです．そこだけが後悔していますがロゴは良いのが出来たと思っています．

最後にリンクを貼っときます．
https://npush.start-line-system.com/

明日へ続く．

タグ

Laravel, npush, png画像, react, vite, アピールポイント, イラレ, ご想像どおり, さくらレンタル, さくらレンタルサーバー, データベース, フレームワーク, フロント側, ロゴ, 余談, 停止中, 最後, 試験, 通知機能, 難しい技術,

旧PCを復旧させてUbuntuをインストールしてローカルサーバとして．

2024.09.10

Logging

おはようございます．旧PCを復旧させてUbuntuをインストールしてローカルサーバとして使用できたら良いのになと思っています．古いPCでi7のCPUを積んでいるのですがスペック的にはまぁまぁ良かったパソコンなので、復旧したら使用できると思っています．

復旧という言葉を使っている通り、このPCは壊れています．恐らく電源ユニットが壊れていて動かない感じなので電源ユニットを交換して、マザーボードのボタン電池を替えれば動作する気がしています．

このPCで機械学習とかは微妙に無理そうだけど、いまレンタルサーバー上で行っている処理をローカルサーバーで出来るものは移し変えたいなって思っています．そうすることによってレンタルサーバーの処理を軽減しなるべく高速で処理を行いたいと思っています．

因みにサクラレンタルサーバーではブースト機能があります．

明日へ続く．

タグ

CPU, PC, Ubuntu, さくらレンタルサーバー, パソコン, ブースト機能, ボタン電池, マザーボード, レンタルサーバー, レンタルサーバー上, ローカルサーバ, ローカルサーバー, 処理, 古いPC, 復旧, 旧PC, 機械学習, 言葉, 通り, 電源ユニット,

pythonとさくらレンタルサーバー

2024.05.12

Logging

おはようございます、さくらレンタルサーバーでMecabというライブラリが使えないかと試みた結果、使用できましたので、そのご報告です．なお、さくらレンタルサーバーでpipを動かす方法はググってください．pipが導入できたら次のコマンドよりインストールが出来ます．

pip install mecab

最初、mecab-python3をインストールを試みましたがこれはどうもさくらレンタルサーバーでは導入出来なさそうです．インストール先をオプションで変えれば出来るかも知れませんけど自分は辞めました．

pip install mecab-python3

mecabライブラリをインストールすることにより、今までAPIを頼っていた部分をmecabライブラリに置き換えが出来ました．これは自分にとって結構経費削減になります．少しでも月々の引き落としを減らせるところは減らしたいと思っているので．

明日へ続く．

タグ

API, Mecab, mecab-python3, mecabライブラリ, pip, pip install mecab, pip install mecab-python3, インストール, インストール先, オプション, コマンド, さくらレンタルサーバー, ライブラリ, 少し, 最初, 月々, 次, 経費削減, 結果, 部分,

さくらレンタルサーバーpip

2024.02.13

Logging

おはようございます、さくらレンタルサーバーでpipを使用するにはどうもライブラリのインストール場所を実行時に教えてあげないと実行できないようなので、前回までコマンドラインから叩いても上手く動作しなかったぽっい。

その対応することで、今年はVPSサーバーとはおさらば出来そうです。pipのインストールについてはいろいろな人がさくらレンタルサーバーにpipのインストール方法を書いているのでそれを模倣すればできるようになると思います。

明日へ続く。

タグ

pip, VPSサーバー, インストール, インストール場所, インストール方法, コマンドライン, さくらレンタルサーバー, ライブラリ, 人, 前回, 実行時,

DKIM/DMARCの利用設定などを

2024.02.09

Logging

おはようございます、DKIM/DMARCの利用設定などがさくらレンタルサーバーから簡単にできるようになりました。これで迷惑メールに振り分けられることが少なくなりそうです。さくらレンタルサーバーを選んでいてよかった～。恐らく他のレンタルサーバーも追随すると思いますが、国内一番で対応したのはさくらレンタルサーバーだと思います。

さくらインターネットは、国が使用するサーバーとしても初めて選ばれて、株価チャートは瀑上がりしていています。そして、さくらインターネットのサーバー拠点の一つ北海道ではサーバーの拡張に50億円投資するそうです。

さくらインターネットの社長（田中邦裕）さん、恐らく自分と同世代か何かですが落ち着きと茶目っ気の二面性を持ち合わせている方だとYOUTUBEの動画を見ていて思っていたんですが、攻めるときは攻めるという姿勢などを見て良いかなって感じます。

株は持っていないのですが、何処かのタイミングで保有しときたい株でもあります👍。

明日へ続く。

タグ

DKIM, DMARC, youtube, サーバー, サーバー拠点, さくらインターネット, さくらレンタルサーバー, タイミング, レンタルサーバー, 何処か, 同世代, 国, 姿勢, 拡張, 株, 株価チャート, 田中邦裕, 社長, 茶目っ気, 迷惑メール,

レンタルサーバーでことが足りた。python動くpip

2024.01.19

Logging

おはようございます、いままでVPSサーバーで動かしていたPython部分の処理がさくらレンタルサーバーで動くことが判明した。pipはさくらレンタルサーバーに入っていなかったのでPython Packaging Authority(pypa)からget-pip.pyをさくらレンタルサーバーのローカルにダウンロードし叩くとpipがインストールされます。

pipを実行する場合は、~/.local/bin/pipで実行可能です。インストール方法はご自身で調べてみてください、ここでは説明を割愛します。pipがインストール出来たのでライブラリがインストール可能になりました、機械学習用のライブラリとかもインストール可能ですがサーバーにかなりの負荷がかかりおそらく、アカウント停止もしくは警告を受けると思います。なので、機械学習などの使用は控えください！。

因みに自分は軽めのライブラリをローカルにインストールして走らすことが出来ました。

※ここでいうローカルとはHome配下のことを指しています。

なお、さくらレンタルサーバーにはPython3.8環境です、ライブラリが対応しているかなどの確認が必要になります。

明日へ続く。

追伸：どうもさくらレンタルサーバーの人に怒られたぽっい次の日には動かなくなっていた。

追伸：でけた～。ライブラリインストール先をファイル実行時に指定することで。

タグ

Authority, bin, get-pip.py, Home配下, local, pip, pypa, Python Packaging, Python部分, VPSサーバー, インストール, サーバー, さくらレンタルサーバー, ライブラリ, ライブラリインストール先, 実行, 機械学習, 警告, 負荷, 追伸,

DMMのアフェリエイトを始めてみました。

2023.08.17

Logging

おはようございます、DMMのアフェリエイトを始めてみました。始めてみたけれどこのブログには埋め込むことが出来なかったので、＠tosajin_kochiで少量的にポストするので様子見します、結果が出ないようだったら辞めて何か違うことに変更してみます。何故、今になってDMMのアフェリエイトを始めたかといえば、APIを調べているうちに女優さんサーチのAPIというものがDMM.comさんにはあることを知り。これで少し小遣い稼ぎが出来るじゃないのかと思ったのがきっかけでした。

実際、このAPIを使用してみた結果。女優さんといってもR18系の女優さんが検索結果に表示され、広告のリンクもFANZAへ飛ぶようになっていたのでさくらレンタルサーバーやVPSでは使用できないので断念しました。色々調べているとR指定でもOKなサーバーがあることにはあるって事を知ったんだけども、なんだかそこまでして稼ぐのも何だなってのが頭をよぎり辞めました。

女優さんサーチというAPIにも難点もあります、女優さんの顔などもレスポンスとして受け取ることが出来るのですが、画像が荒く問題ありです。DMMさんのアフェリエイトの規約により画像加工などは駄目だと書かれていますので、使用するのは名前だけで名前から商品画像を再度表示するように切り替えれば、稼げる可能性はあるかなと思いますが、検索上位に表示させるのは至難かなと思います。

こういうことは誰でも考えるので、利益は出ないだろうと思います、ネットの世界では後発で当てるのは少々難しいです。

タグ

API, DMM, DMM.comさん, DMMさん, FANZA, tosajin_kochi, VPS, アフェリエイト, きっかけ, サーバー, さくらレンタルサーバー, レスポンス, 再度, 利益, 女優さんサーチ, 少し小遣い稼ぎ, 後発, 検索上位, 規約, 難点,

副業OKな会社が増えているらしい。#副業

2023.06.27

Logging

おはようございます、昨日の続きです。働いている会社は副業OKなので何か副業をしたいなって思っています。例えばビットコインの自動売買を運用するなど考えたことがあります。因みにビットコインの自動売買をさくらレンタルサーバーとかでやっては駄目です。規約でそういう文言があります、違反した場合、見つかればサーバー停止になりますので注意しましょう。

自動売買している人は大体、自社サーバーかAWSあたりを上手く使用して運用している気がします。AWSが自動売買を許しているかは分からないので確認が必要です。

自動売買してみたみたいな動画は結構YOUTUBEでもありますが、儲けたよとかいう話はあまり聞かないので、やはり運用は難しいようです。楽して儲けるということは出来ないだというのが定説だと思いますが、これからは機械学習を上手く活用できる人が波に乗れると思っていてます。

特にデジタルな分野ではその傾向が強くなるじゃないかって思います。自分は機械学習を絵の具のように使いこなせないけど学習済みのモデルやAPIを駆使すればなんとか出来るので何とか活用して、何か副業に活かせればと思っています。

タグ

API, AWS, youtube, サーバー停止, さくらレンタルサーバー, ビットコイン, 傾向, 分野, 副業, 副業OK, 売買, 学習済み, 定説, 文言, 機械学習, 波, 絵の具, 自動売買, 自社サーバーかAWSあたり, 運用,

さくらレンタルサーバーライトでもLaravel。

2023.05.03

Logging

おはようございます。さくらレンタルサーバーライトで初期のドメインでもLaravelは導入可能。ただし、Laravelの構築はローカル側でDockerなりなんなりを使用して構築しないと限りなく面倒なので、おすすめしません。

Laravelのローカル導入は割愛して、さくらレンタルサーバーライトの初期ドメインで構築するには、どのようにすれば良いかを記載します。まず、ローカル側でLaravelを構築し、そのファイルをサーバー側のwww配下にアップロードします。その後、wwwに.htaccessファイルを新規作成し下記のような記述を書いてください。こうすることで、さくらレンタルサーバーライトでもLaravelを使用できます。尚、Mysqlはさくらレンタルサーバーライトでは使用できないので、sqliteを使用する事になります。

RewriteEngine On
RewriteCond %{REQUEST_URI} !^/reborn9-app/public/
RewriteRule ^(.*) /reborn9-app/public/$1

軽量のWebサービスならさくらレンタルサーバーのライトでも十分動作します。是非、トライしてみてください。

追伸：ライトなのでcronは使用できません。格安サーバーでcronまで使用したいというのならばロリポップが良いかと思います。５分間ですがcronも使用できます、ロリポップ最強かも🤔。

タグ

$1, cron, docker, htaccessファイル, Laravel, MYSQL, public, reborn9-app, REQUEST_URI, RewriteEngine On RewriteCond %, RewriteRule, Sqlite, www配下, さくらレンタルサーバー, さくらレンタルサーバーライト, ロリポップ, ロリポップ最強, 記述, 軽量, 追伸,

ドロップシッピングのTOPページの仮の仮が出来て思うこと。

2018.07.08

Logging

高知県のNTT通信障害が無ければ昨日のうちに
仮の仮ページは作成することができていたように思えてならないのです。
一番、時間がかかったのは商品データの流し込みです。
数時間、流し込みに時間がかかりました・・・orz
（シェルスクリプト走らせて寝てました：起きたら出来てた！）
ちなみに383355点の商品があったのですが、登録できたのは383313点です、
少しSQLエラーで商品がコケちゃっているのです。
まぁ良いかなと、、、。

 
 
 
全商品近く登録すると２Gぐらいの商品データになります。
この中から、売れ筋商品だけをまずチョイスして
TOPページに出力するプログラムを作りましたが意外にも
表示が早くてびっくりです。
やはりMYSQLのINDEXとか設定すると違うんだなと思った次第です。
データが破損したら嫌なんでローカルのデータベースに
ごっそりコピーしています。
最初、８５０MGのCSVを５１５円のデータベースへ流し込みを
していたのですが、どうも容量制限よりデータが撥ねられていた可能性が
あります、もしさくらレンタルサーバーとかでドロップシッピングのCSVを
データベースに流し込みするには１５００円代以上のサーバをレンタルしないと
いけません。その代金の元を取ることが出来るかどうかは？
構築とサイトデザインとかと・・運用方法が大事になるのかもしれないです。
一番は運用なんだと思います、いかに買いたいなと思わせるのかが
大事になるでしょう。二番目はサイトデザインかなと、怪しげなサイトでは
商品は中々購入しないと思うのです。
この２つが満たしていれば購入する確率は高くなると思います。
いまいろいろなショップサイトデザインを見て勉強しています。
 

タグ

CSV, MYSQL, NTT通信障害, TOPページ, インプレスムック, さくらレンタルサーバー, シェルスクリプト, スキマ時間, データベース, ドロップシッピング, プログラム, 二番目, 副収入, 商品データ, 売れ筋商品, 少しSQLエラー, 流し込み, 高知県,

さくらレンタルサーバーを再々契約してみた。

2018.05.18

Logging

さくらレンタルサーバーを再々契約して
何か作ってみようかなと思っています。
やはりWEBはなにか作って動かさないと覚えません。
とくにWEBやアプリの技術が次から次へと新たな技術が登場します。
なので、ついていかないと置いてけぼりになり仕事になりません。
JSやCSSのフレームワークを使いこなさないと
やはり駄目だなと感じます。いまググって使いこなしているぐらいの
レベルです。これでは出来るものと出来ないものが分からないので
BootstrapとCSS3の参考書を購入しました。
土日、ある場所にいき勉強しています。
はやく7月24日ならないかな・・・。
オーテピア高知図書館がオープンするのです、
オープンしたら、そこで勉強するつもりおそらくネット完備している
だろうから・・・。
https://otepia.kochi.jp/

タグ

Bootstrap, Bootstrap入門, CSS3, CSSフレームワーク, jp, web, アプリ, オーテピア高知図書館, さくらレンタルサーバー, ネット, 仕事, 参考書, 土日, 場所, 技術, 次, 置いてけぼり,

Facebookが消えてもTwitterは生き残りそうな予感とcurlの事をメモ書き(´∀｀)。

2015.01.19

Logging

 
Facebookが消えてもTwitterは生き残りそう気がします。自分はFacebookの活動をしていません（アカウントはあります）。この頃、Facebookの活動をしてみようかなとか若干、考えてます。友達申請とかして友達増やしていくと、それに時間を費やする時間が発生するのでそこがネックだったりもします。「いいね」ボタンはある意味良くて困りもの。そういう面ではLINEはいいとこ取りなSNSですね。流行したわけが何となくわかります。Twitterが生き残りそうな理由ですけど匿名性が高い気楽に使える情報発信ツールだからです。
昨日、curlっていうリナックスのコマンドをさくらレンタルサーバーのスタンダードで使用できるかなってTera Term（DLこちら）を使用してさくらレンタルサーバーにログインして打ってみました。curl https://zip358.com って感じに打つと結果が返ってきました（こんな感じの結果）。スタンダード版で打てるとは思わなかったのでびっくりしました。トイウコトデ、POSTも出来ます、こんな感じにcurl -d “memo=memomemo!!” https://zip358.com と打つとsubmit（提出：送信）されます。なんで、実はwgetとかも使用できるのではと思ったわけです、打ってみると使用できます。viも使用できたりします・・・。よくよく考えるとさくらの技術サポートさんが使うためにある程度インストールしてるみたい。ちなみにps ax | more でプロセス見たりプロセスをkillコマンドで消す事もできます。
 
この頃、技術系ネタが多かったので明日は少しソフトなネタを書こうと思います(´Д｀)。
 

タグ

curl, Facebook, killコマンド, memomemo, ps ax, submit, Twitter, wget, アカウント, さくらレンタルサーバー, スタンダード版, トイウコトデ, プロセス, めちゃくちゃ, メモ書き, リナックス, 体, 匿名性, 情報発信ツール, 技術サポート, 活動,