2021年04月04日

メンター仕事で便利なHTMLやモジュールなPHPのソースをリアルタイムに表示するPHPスクリプト

 メンター(師匠)とはコンサルタントなどの事だが、動画などを見れば簡単に言えるメンタル(精神論)や入門編しかいわない自称プログラマーが多くいる。

 あるいは運良く博打投資や顔の良さだけで儲けた無知な奴が、自称メンターなどだ。大衆が儲からない理由は、これだ。大学の調査結果などを出すが、多数派なので目立たない。

 実力の確認方法は既存の大企業が出すオープンソースなシステムを見るのもあるが、理工系な技術オタクが儲からない理由は、独自性とデザイン・センスと営業努力が無いからだ。


SNSなどは低能同類の慣れ合いであり
結局は「ホームページ is キング」
ホームページを作れる者こそ王者だ


 米国では与野党が不当な言論弾圧をするSNSを規制しようとしている。ブログも広告が多すぎるし、大勢の人が使うので技術が古い。

 CMSは装飾が多すぎて動きが重たすぎる。これは、昔のようなシンプルなホームページが復活する。DBの正規化と同じだ。

 Webに詳しぶった動画配信者は「下線をリンク以外に使うな!」と言うが、この素人らはデザイン・センスが無い。

 PHPでHTMLやPHPモジュールのソースコードを編集しながら、リアルタイム(随時)に表示するスクリプトを作ってみた。

 他にもソースを表示するスクリプトは存在するが、それはコピペで随時ではなく少し面倒だ。

 「JavaScriptやPHPは静的型付けが出来ないプログラミングではなく、簡単なスクリプト」と言い張る自称プログラマーの配信者がいるが、JSやPHPで必ず必要なHTMLで型というかclassやidを多数付けたり、CSSもif文のような、スマホで見るとPCのレイアウトを変えるレスポンシブデザインを散々させられてんだよ⋯

 レスポンシブデザインをするには、以下のソースコードのように、containerとmainというdivタグにidを付けないと駄目だ。機能無しなdivと同様のspanを使用するとセンター揃えなどに出来ないが、改行はしない。

 centerやfontタグは廃止なので使用は危険だが、有名な表計算ソフトがHTML書類で保存時に使用なので注意だ。表計算ソフトでタグ挿入は便利だが⋯


このスクリプトは開発者向けなので、主に2点注意する必要がある。

注意点①.txtの表示は可能だと思うが、HTMLタグで指定できるので無意味

注意点②PHP以外のスクリプトはHTMLな構造ではないので表示は無理


以下の枠内が本スクリプト書類のソースコードである。

 <--!コメント -->がHTML内での説明文であり、が、PHPスクリプトで、//がPHP内での説明文だ。ここでは基礎である物だけを挙げている。


▼ 基本的なHTML5なPHP書類「index.php」 (本スクリプト書類)
続き
posted by 城神YU at 13:42| Comment(0) | プログラミング | このブログの読者になる | 更新情報をチェックする

2021年03月29日

レスポンシブWebデザインでのCSSは、もうIf文のようなプログラミングだ【自営業に必要なスキル



 ホームページのHTMLの画面で「もしスマホの画面サイズな850px以下になったら並列2段を1段にする」というのをCSSで出来るのだが、これってプログラミングのIf文じゃないのか?というと「分かってないな」と言い出す無知がいる。世の中には軽視したり、小難しく考える無知が多くいる。

 例えば「JavaScriptはclassを決めれない!のでプログラミングではない」という人がいるが、JavaScriptはクラスやIDを決めるHTMLに実装して使うのが現実だ。他のプログラミング言語で、ここまで便利な物は無いのだから、否定しているのが変だ。クラスもIDもCSSで表示位置を細かく指定できる。

 クラスとは例えば学校のクラスという属性で、IDは学生個別の番号のようなものでHTML書類内では1個しか使えず、クラスは例えば部活(HTML)内で同じクラスの同級生もいるので使える。

 ちなみに投資のFXでもIf注文というのがある。これはプログラミングのIfと似たようなもんだ。これはFXを知らない自称プログラマーは、無知だという事だ。FXは他の古臭い株などの投資と違い、システムが面白いのだ。

 今までのCSSは文字のサイズや色などだけを決めるという物だったが、今は「小さい画面のスマホにも対応して」という需要があり、CSSがそれをJavaScriptよりは簡単にできるようになった。その方法が以下だ。

CSS書類(重要な所だけを抽出しているが、実際の設定は数多い⋯)


#sub -1 {
 width: 200px;
 float: left;
}

@media screen and (max-width: 850px) {
#sub -1 {
 width: 100%;
 float: none;
}
@media only screen and (max-width: 850px) {
#大画面用の画像 { display: none !important; }
#スマホなど用の画像 { display: block !important; }

#はHTMLで定義したidで 、sub-1とは左にあるサイド画面で、3段画面の場合は200ピクセルで表示だ。

 HTML書類内での書き順は1番上が、main(まん中の本文)で→サブ1(左)→サブ2(右)だ。こうしないとスマホの画面の時に、メイン→サブ1→サブ2とCSSなどで設定しないと表示されない。

 また良くないのはbr(改行)タグの多用で、例えば文章の横の長さを統一しようとして狭い横幅で多数改行し、これを下に表示すると縦長になりすぎるので、p(段落)タグの使用が推奨だ。

 そしてCSSのメディアスクリーン機能で、最大850ピクセル以下だったら、サブ1の横幅を100%にし、浮遊させないとすると、サブ1はホームページの画面の下というか、HTMLで書いた場所に行く。

 これで1段になるのでスマホでも見れるようになる。HTMLでクラスやIDを指定するので、HTMLがすでにプログラミングのようなものだが、昔から大企業の無知な管理職などは軽視していた。

 逆に言ってしまえば、プログラミングも所詮は、HTMLのように上から下に流れるだけのもので、無知な管理職らが装飾しすぎた。世の中はこういう勘違いな上司が多すぎるので、うまくいかない。

 メディア・オンリー・スクリーンとは1つのみ表示するという機能で、noneで非表示にし、blockで表示する。これは画像に限らず、文字でも何でも出来る。ただし設定をし忘れたりすると、HTML内の設置した場所に表示されるので、必ず表示するか非表示かを設定だ。

 これは例えばタブレットの横幅の最大サイズの1360px以上は3段にし、それ以下は2段で、760px以下は1段などとしても良かろう。しかしこうなるとIf文が3つあると思った方が良い。

 これは後からこれを追加するのではなく、最初に設計する必要があるという事だ。昔ならホームページはワープロを打つだけな感覚だが、今は集客のために、検索エンジンがクロールをしやすくするために、タグを選別するなどと、数多くのSEOやプログラミングの知識が必要だ。

 スマホの小画面になると、PCの大画面な設定では見づらい事が多くある。また文字もPCで例えばMS明朝などを指定しても、古いスマホになるとフォントを持っていなく、丸ゴシックで表示されたりする。

 古いスマホは内蔵ディスクの容量が数GBと少ないので、ホームページを見るにもギリギリの状態になっている。だがそんなケチなスマホのユーザーが、多くの金を出してシステム仕事などを依頼するだろうか?

 結論としてPCも使わないような、ケチや無知な客には近寄らない方が安全だ。どうせプロジェクトで8割完成しているのに、その時の気分でドタキャンし金を払わない困ったちゃんだ。

 投資も仕事や結婚相手などのパートナー選びも、損切やお断りの早い決断と、多くの観察が必要なのだ。CSSも何も知らない無知な客ほど、仕事に無駄な夢が多くみて、IT土方なブラック仕事を押し付ける。

 文字もPC画面だと綺麗に文字数も指定したがるが、本文の長い文章は指定しない方が良い。なぜならスマホの画面になると文字が小さくて見づらくなる。或いはスマホだけ別のページというか、対応しなくても良いだろ⋯

 今はコロナでリモートもあり、スマホは低迷し、PCが復活する。また5Gの開始で、スマホのインストールで面倒なアプリが低迷し、WebページのJavaScriptなどが流行するだろう。既にWebページで多くのゲームが存在する。

 WindowsのソフトどころかMacのアプリも、C#が今後は使われるだろうし、.netコアというネット対応をしたらなおさらだろう。今はもうHTMLとCSSとJavaScriptとC#の時代であり、他はAIのPythonとWordPressで使っているPHPぐらいだろう。

 またアイコンやイラストやマークなどは、再編集可能でホームページに表示できるPDF的なSVGだ。SVGをCSSで装飾も出来る。これらの技術は全部、無料のソフトウエアで作れる。自営業者ならこの辺を集中した方が良い。

 自営業は大企業などから仕事はもらえないので、スマホ客にも宣伝しないと、利益が無い状態が続く。インフルエンサーらは金持ちな客を選んだり、専業の投資家になった方が効率が良いと思っているが、チャンスは少なくピンチは多いのが現実だ。

 投資などで楽には儲けられないし、結局はプログラマーの方が人生は良い結果が出ているような気もする。なぜなら株も仮想通貨も他人と似たよう事をしているからだ。

 レスポンシブWebデザインは大人しいデザインをしたいという大企業からして、イビツだが多くがしない分だけ可能性がまだある。ともかく目立つ事をした方が良い。他人と同じオシャレな事をしても、つまらないので見ないで終わりだ。珍しいホームページこそキングだ。独特な個性こそ王者だ。

以上



令和3年 皇紀2681年 [西暦2021年] 3月28日(日)

著者:城神YU
posted by 城神YU at 05:00| Comment(0) | プログラミング | このブログの読者になる | 更新情報をチェックする

2021年03月26日

実は物凄く簡単に自動化は出来る【本物のメンターや情報商材などの見分け方】

パソコンを起動した時に普段使うソフトや書類やフォルダを、
全部クリックしなくても開ける方法が、昔ながらの方法で存在する。

それはbat(バッチ)書類を使い、起動したい物の場所と書類名など
だけを書き、スタートアップフォルダに入れるだ。

batファイルとはWindowsのシェルというOSなどを操作する、
スクリプト(簡単な機能やプログラミング言語という意味)だ。

記入方法は以下だ▼
①起動したい書類などのPCでの設置場所を記入する

書類名「仕事開始.bat」←最初は仕事開始.txtとし編集しても良い


C:\\設置場所\\連続で再生したい動画のプレイリスト
C:\\設置場所\\仕事開始用のWeb書類.html
C:\\設置場所\\ftpソフト -ソフト内部コマンド(で自動ログイン)


ダウンロードした学習用の動画をBGMにしながら、
仕事の方法は全部HTMLにまとめ、クラウドよりも安全な
FTPサーバーに書類をアップ・ダウンロードする。

<注意事項>
・昔CCメールで大容量の添付書類を送ってきた自称技術者がいたが、
 クラウドも無名人のプログラミングなので、FTPの方が安全
・\\は1文字と2文字の混合でも認識する場合もあるが2つが無難。
 Unix系は¥が\になるので、¥¥の英数半角文字を使用
・batは古いのでuft-8でも認識はするが、DOSプロンプトでの
 日本語の表示が文字化けするので、仕事開始.batはANSI
(Shift_JIS)で保存が大企業などは古いOSを使うので無難
・起動したい書類名などは半角空白だと、古いOSでは認識しない
 ので_(アンダーバー)などにしておく


②エクスローラに「shell:Startup」と入力しエンターを押すと、
 スタートアップのユーザーフォルダーが開くので、
 そこにショートカットなどを置く

<注意事項>
・検索すると「shell:Common Startup」が多いが、
 これは共用で自動起動はユーザー別の方が妥当な気がする
・バッチ書類に「shell:Startup」としても起動できない
・VBSなどにすると「shell:Startup」でも起動可能

書類名「仕事開始.vbs」←最初は仕事開始.txtとし編集しても良い


Set oWshShell = CreateObject("WScript.Shell")

'以下追加
oWshShell.Run "shell:Startup"

oWshShell.Run "C:\\設置場所\\連続で再生したい動画のプレイリスト"
oWshShell.Run "C:\\設置場所\\仕事開始用のWeb書類.html"
oWshShell.Run "\\ワークグループ\\共有フォルダ"
oWshShell.Run "C:\\設置場所\\ftpソフト -ソフト内部コマンド(で自動ログイン)"
oWshShell.Run "C:\\設置場所\\ftpソフト -ソフト内部コマンド(で自動ログイン)"


有名なFTPソフトの内部コマンドは「ソフト本体.exe -s 設定題名」
だった気がする。

今のプログラミング仕事はプロジェクトという複数のフォルダを
開かないと駄目なので、このスクリプトを使うと、FTPも複数画面で
開けるので便利だ。

無料のFTPソフトでオープンソースなものがあるので、
これで大半がソースを確認できる安全な状態だ。

<注意事項>
・FTPソフトの設定の最初の題名を同じにすると
 ログインできないかもしれない
・FTPソフトでも機能が少ないソフトだと自動ログインは不可
・古臭い家電大手などだと個人のオープンソースを疑い、
 大手で出している低能なソフトは妄信するので、
 エンドユーザー(客)は選んだ方が良い

Telentもオープンソースでテキストエディターも、
HTMLタグなどを自動で出力などをする、
JavaScriptなども使った便利なマクロもある。
このマクロ作成も、上記のVBスクリプトよりも簡単だ。

テキストエディターを馬鹿にしている専門家ぶった
奴もいるが、まさかライティングなどをする時に、
マクロ機能も付いて無い、エディターなんて
使ってないよな?

開発ソフトと比較している時点で偏向馬鹿なんだよ。
本物の専門家はUSBメモリーにもマクロを保存だ。
武器は多く持っていた方が安全なのだ。

偽者のメンターは動画などを見れば、誰でも簡単に
言えるメンタル論(精神論)や入門知識ばかりを言い、
企業での苦労話や、独自や詳細な技術は言えない。

マスコミと大学教授らの出版物も、所詮は入門
レベルなので⋯やはり実際に作り動いているCMSなど
ではない、個人で作成のホームページを見た方が良い。

以上



令和3年 皇紀2681年 [西暦2021年] 3月25日(木)

著者:城神YU
posted by 城神YU at 06:00| Comment(0) | プログラミング | このブログの読者になる | 更新情報をチェックする
Analysis
アナライズ 分析

投資も商売も「メンタル9割:その他1割」(恐怖に耐えろ)


FXなどの投資の分析は「ファンダ3割:テクニカル7割」


ファンダ(経済ニュースなど)だけ重視する奴は、みんなと同じ事をし大損する。
チャート(テクニカル)分析こそ、普段は勝てるが、大損する馬鹿は軽視する。

「投資資金が今あまりない」場合でも、ドル円とNYダウ
(米国の日経平均株価のような指数)などの連動を見る



市場相場はInvesting.com 日本 によって機能されている


相場の値動きは複数で見比べると正確です。
また株や資源や為替などは、お互いで影響

しあう場合があります。



▼投資やビジネスで儲ける資金やチャンスを作る方法(初心者向け)
【文章付き】テレビや新聞や雑誌は無駄が多いので損をし、ネットは無駄が少ないので得をする (FC2動画版


このオンライン塾はプログラミングや投資や軍事防犯などを学び、今の反日的な状態を打破しようという令和の松下村塾!ブックマーク(お気に入り)のURLはhttp://sirokami.s205.xrea.comでお願いします。SNSなどでの連絡無しでの拡散は歓迎です。