@Blog{zip358.com}

Fox-Black.comというサイトを開設。

2020.09.29

Logging

Fox-Black.comというサイトを開設。本当はblack-fox.comが良かったのだけどPlayStationのアカウント(blackfox)が取られていてfoxblackにしてPlayStationのアカウントを取得。そのいうことでサイトも設置したいなと思いサイトを開設。
最初はfc2の無料サイトでサイトを開設していたのだけど、やっぱ独自のドメインで構築したくなったので、ドメインを取得。

そしてサイトを構築しました。まだ何もないのだけど、なんかやっていきたいなとGame logページまで作りましたが、たぶんゲームはあまりしないのでログとして残らないだろうから、何か違うものに変わっていくと思います。

ちなみにドメインはfox-black.comというドメインです、実は静的ページに見えてWPで出来ているですよ。昨日突貫工事でサイトを構築しました。ワードプレスだけどサイドバーという概念は除けてます。

明日、WPの超シンプルなコードを公開します。

タグ

2, black-fox, blackfox, com, fc, Fox-Black, FoxBlack, Game, log, PlayStation, wp, アカウント, ゲーム, こと, サイト, ドメイン, バー, プレス, ページ, もの, ログ, ワード, 取得, 工事, 明日, 昨日, 最初, 本当, 概念, 構築, 無料, 突貫, 設置, 開設,

全米がハナで笑ったイチゼロシステムのリアルタイムレーシングの解説が分かりやすい。

2020.08.27

Logging

全米がハナで笑ったイチゼロシステムのリアルタイムレイトレーシングの解説が分かりやすいです、分かりやすいけれどそれなり情報処理やPCのことを理解している人にとってはという事が前提条件としてつきます。

これを聞いた限りではPS５は買いだなと思っています。そしてUnreal Engine（アンリアルエンジン）を触っておいて損はなさそうです。じぶんも何か作りたいなと言う気分に動画を見ていて思っています。

ちなみに動画の解説にもありますが、アンリアルエンジンは誰でも無料で制作できる、そしてリアルタイムレイトレーシング対応のビデオボードだったら、そちらの再現も可能みたいですね。そしてもうひとつ、SSDのことにも触れていた転送速度の爆速のSSDの話ですが、M.2 SSDですが新しいマザーボードでは対応しているものもあると思います。ちなみに自分のマザーボードにはついてました。

タグ

2, 5, Engine, PC, PS, SSD, Unreal, アン, いち, エンジン, こと, これ, システム, じぶん, ゼロ, そちら, それなり, ハナ, ビデオ, ボード, マザーボード, もうひとつ, もの, リアル, リアルタイム, レーシング, レイトレーシング, 事, 人, 全米, 再現, 制作, 前提, 動画, 可能, 対応, 情報処理, 損, 条件, 気分, 無料, 爆速, 理解, 自分, 解説, 話, 誰, 買い, 転送, 速度, 限り,

ノーコードって知ってますか？

2020.08.25

Logging

ノーコードって知ってますか？ITエンジニアだったら一度は聞いたことがあるとは思いますが、ノーコードってのはプログラムを書かずにUI（ユーザーインターフェース）上でウェブサイトやアプリが制作することが可能になるというものです。これって中小企業や零細企業にはかなり痛い話です。

こういうサービスを使えば簡単にアプリやウェブサイトが作れてしまいます。それも無料で作れるのです、広告表示が気にならないなら無料で広告表示を退けたい場合は月１０００円ぐらい払えば退けてくれるので本当に便利なんです。

じぶんはノーコードをお勧めします、１０万円のお金を払うなら自分たちで作ったほうが良いかなと特にアプリは企業に依頼すると高額な請求になるので簡単な仕様ならばノーコードのサービスを使用して自分たちで作ることをお勧めします。

ちなみにノーコードってこんなだよって話をしている動画がユーチューブで検索するといろいろな人が解説しているので見てみてください。

タグ

10, 1000, IT, UI, アプリ, いろいろ, インターフェース, ウェブ, エンジニア, お勧め, お金, かなり, コード, こと, これ, サービス, サイト, じぶん, それ, ノー, プログラム, もの, ユーザー, ユーチューブ, 一度, 万, 上, 中小企業, 人, 仕様, 企業, 使用, 依頼, 便利, 制作, 動画, 可能, 場合, 広告, 月, 本当, 検索, 気, 無料, 簡単, 自分, 表示, 解説, 話, 請求, 零細, 高額,

即席デザイン文字生成[iDrawジェネレーター]という命名がダサいｗ

2020.07.09

Logging

即席デザイン文字生成[iDrawジェネレーター]というWEBツールを作りました。あのイケハヤさんみたいなテキスト文字だけのアイキャッチ画像みたいなものが生成可能です。これをどうして作ったのか？

昔、パソコンが壊れてアドビが一時期があり、その時に仕方ないのでこれでアイキャッチ画像を生成して使用しておりました。とくに凝ったデザイン文字が生成されるわけではなく。書体と背景色や文字色などを変更してそれらしいものを即席で作るというものです。昔、作ったので変数の命名もかなり杜撰な感じでしたがひとまず動く形になりましたので、公表しますね。

ご自由にお使いいただければ幸いです。
https://zip358.com/tool/idraw/

この他にも無料ツールをいろいろ作っているのでご自由にお使いいただければと思っています。

タグ

iDraw, ｗ, web, あい, アドビ, イケハヤ, お使い, かなり, キャッチ, これ, ご自由, ジェネレーター, それ, ツール, テキスト, デザイン, パソコン, もの, わけ, 一時期, 他, 使用, 公表, 即席, 可能, 命名, 変数, 変更, 形, 感じ, 文字, 昔, 時, 書体, 杜撰, 無料, 生成, 画像, 背景色,

レジ袋有料化で思うこと。

2020.07.02

Logging

7月1日からレジ袋有料化が始まりました。たぶん他の国から言えば遅れているでしょうけれど始めないよりはじめた方が良いわけです。因みに昨日、こんな呟きをしました。

こんな感じで今まで無料だったものが有料になると感覚的に高いなと感じませんか？自分は高いなと感じてしまいます。これって例えばWEBサービスでもそう感じるのかもしれない。特にサブスクリプションの値上がりは少し値段が上がっても高いなと感じてしまいますよね。そう思うと最初に高い値段にして元が取れた時点で値下げするようなサブスクリプションのシステムを導入すれば、逆にユーザーはお得感が生まれるのではないかなと思います。

これからはそういうサブスクリプションも登場するのではないかなと思います。ともあれ、今回のレジ袋有料化は日本人に環境意識を植え付けるにはとても良い事だと思います。少しは環境の意識の薄い世代でも環境のことを考えることになるだろうなと思います。温暖化もありますからね…今年の夏はどうなるのだろうか、そして567の影響でマスク着用ってのは辛いですよね。

タグ

１, 7, web, お得感, こと, これ, サービス, サブスクリプション, システム, もの, ユーザー, レジ袋, 世代, 事, 今回, 他, 値下げ, 値段, 元, 国, 導入, 少し, 意識, 感じ, 方, 日本人, 昨日, 時点, 最初, 有料, 温暖化, 無料, 環境, 登場, 自分, 逆,

機械学習なら何とかなりますよと思った。

2020.06.16

Logging

あんぽんたんな自分でも機械学習なら何とかなりますよと思わせたYOUTUBEが結構ある。何とかなりそうだと思えると結果何とかなることが自分は多い。

なので多分、機械学習は何とかなりそうだ。

そしてこの頃、思った。機械学習で学習できそうなYOUTUBE動画、日本ではあまりないのだが海外はかなりの量のYOUTUBE動画が投稿されていていて、ほんと今はネットが常時接続可能な環境であればなんでも勉強できると思えた。

それは機械学習だけではなくあらゆる分野の学問が無料で習うことが可能だということです。あの小学校に行かない子供も何とかなりそうだとこの頃、思えるようになった。彼が勉強が大事だと本気で思って本気で勉強すれば何とかなる世の中になっているだなと、、、。インターネットって本当に凄いな。

タグ

youtube, あんぽんたん, インターネット, かなり, こと, それ, ネット, ほんと, 世, 中, 今, 分野, 勉強, 動画, 可能, 大事, 子供, 学問, 学習, 小学校, 常時, 彼, 投稿, 接続, 日本, 本当, 本気, 機械, 海外, 無料, 環境, 結果, 自分, 量, 頃,

明日へ続く愚痴。

2020.05.28

Logging

この頃、体調不良です。睡眠は大切ですよと本当に思います・・・。
自分の場合、平均的に8時間睡眠が必要となり、3、4時間の睡眠を毎日続けていると食欲不振になります。また寝ることを我慢していると今度は眠りが浅くすぐ目覚めてしまうという悪循環になることがわかりました。なので、明日からは規則正しい生活習慣に戻します。

この頃、お空からお金が舞い込んでこないので、自分でなにか無料のシステムを作り上げてそこから広告収入を得ようかなと考えています。例えばアプリを大量生産してそれで生計を立てているひとも世の中にはいます。自分はアプリではなくWEBシステムで生計を立てようと思っています。その他にもクラウドからお仕事もやらないといけなくなるでしょう、それに付いては明日書きますね。

まぁこの頃、プログラミングを頑張ってレベル上げして毎日頑張っていろいろ取り組んできたのですが、少々、アクセルを踏みすぎた感があります。ちなみにプログラミングは好きなので、休み無くコードを書く癖があります。凄い集中というか、そういう生き物なのだけです。仕事をしていたときからそういう感じでした。真面目ではないですよ…暗いわけでもないですよ。集中するとそうなるだけなんですよね。

逆に電話がなると仕事を中断しないといけないし時間を使うので自分はテキストが非常に良いと感じます。ホリエモンほど極端ではないものの、やはり電話は仕事を奪うという感覚はあります。もし自分が会社の社長になったなら、プログラマーさんには電話には出なくて良いといいますし、打ち合わせにもリーダー以外出なくて良いといいます。生産性を上げるには最初の上流工程でちゃんと設計するという事が大事になります。それをせず口頭だけでやっといて丸投げするような会社は使えないシステムが生産されます。そういう会社は逃げたほうが良いです。責任だけを負わされるだけで何のメリットも生まれません。そんなわけでプログラマーの生産性を上げるには徹底した効率的な職場が必要かと思います。

明日に続く。

タグ

３, 4, 8, web, アクセル, アプリ, お仕事, お金, クラウド, コード, こと, システム, そこ, その他, それ, ひと, プログラミング, レベル, 不振, 不良, 世, 中, 今度, 休み, 体調, 収入, 場合, 大切, 大量, 少々, 広告, 循環, 必要, 愚痴, 感, 我慢, 明日, 本当, 毎日, 無料, 生活, 生産, 生計, 癖, 睡眠, 空, 習慣, 自分, 頃, 食欲,

いまこそ知りたいAIビジネスを読む。

2020.05.12

Logging

いまこそ知りたいAIビジネスを朗読してくれるiPhoneの純正ツールで3日ほどで最後まで読むことが出来た。

本の感想は下記のとおりです。
AIビジネスを取り組もうとしている人、もしくはこれからAIビジネスを取り入れようと下準備をしているひとの為に書かれた本という印象が強かった。なお、後半に書かれているMOOC(Massive open online course)という学習方法は興味深かった。日本版はないかと自分で調べて見た結果、日本版ではJMOOCというものがあり無料で学習することが出来るみたいだ、本書に書かれているMOOCに関しては無料もしくは低コストで学問を学べるという事を知りとても良いことを知ったと感じた。また、働き方改革のことにも触れられていた、働き方改革が表すると裏はAIなどの効率化というものが表一体であるという事を示されていてとてもなるほどなと思えた。

AIの導入するときに大切なことなども書かれているので、これから導入したいと考えられている方は手にとってみても良いかと思います。本書でも書かれているが、AI導入するとやはり、今までと違う仕事手順になることになるので従業員の理解がとても大事になるということを感じました。

タグ

３, AI, course, iPhone, JMOOC, Massive, MOOC, online, open, いま, コスト, こと, これ, ツール, とおり, とき, ビジネス, ひと, もの, 一体, 下準備, 下記, 事, 人, 働き方, 効率, 印象, 大切, 学問, 学習, 導入, 後半, 感想, 改革, 方法, 日本, 書, 最後, 朗読, 本, 本書, 為, 無料, 純正, 結果, 自分, 表, 裏,

今の時代を生きていくYOUTUBER兼ブロガーの青年。

2020.03.27

Logging

キメラゴンさん、青年でそこそこの結構な収入を得ている。地方のサラリーマンの何倍もの収入があるようです。彼の考え方は今どきなのかなと思いますか？自分はそうはあまり思わないです。逆に今も昔もこういう方はいたと思います、ただ時代が良かったソーシャルメディアやインターネットの活用が安価、または無料で出来る時代になったので彼みたいにそれを活用できる人が出てきただけだと思います。

これからYOUTUBERはどうなるかと言えば、新陳代謝がもっと早くなり売れているYOUTUBERでも飽きられたら消えていくような時代になると思います。要するにテレビの芸人みたいな感じになっていく。なかなか大変な時代になると思います。実力がなければ消えていくようなそんな時代になると思います。因みに?（乗算）が出来る人は生き残りやすいかと思います。例えばYOUTUBER?ブロガー?青年というような感じで技術や何かを掛け合せることが出来る人が生き残りやすいと思います。会社と同じで３つの柱があるようなは強いと思います。稼ぎが多いとなんかいろいろ大変そうだなと思いますが、お金は無いより程よくあると良いですね。

最後にチャンネル登録はこちらです。キメラゴンさん
https://www.youtube.com/channel/UC_fmKg_vq4akHJSNRZxzIRA

タグ

YOUTUBER, インターネット, こと, これ, サラリーマン, ソーシャル, それ, テレビ, ブロガー, メディア, ラゴン, 乗算, 人, 今, 今どき, 何か, 何倍, 兼, 収入, 地方, 大変, 安価, 実力, 彼, 感じ, 技術, 新陳代謝, 方, 昔, 時代, 活用, 無料, 結構, 考え方, 自分, 芸人, 逆, 青年,

株式会社ディーアンドジーネクストのサービスをリバースエンジニアリングした？

2020.03.13

Logging

https://lingule.com/

高知県にあるディーアンドジーネクスト社には上記のサービスがあります、これは自分でも作れそうだと思い試した所できました。ソースコード公表は営業妨害になるので、掲載しませんが考え方は至ってシンプルです。翻訳したデータをパラメーターに付与して飛ばすだけです。

アイディアはとても面白いと感じたのだけど、これはパクれるかなと思いました。ちなみに翻訳APIを無料で使用する方法を見て作りました。いまは動かないようにしています。見た目はこんな感じになります（上記の画像）。

https://zip358.com/tool/demo10/ 動作はしません?処理部分秘密？

参考サイト

https://qiita.com/satto_sann/items/be4177360a0bc3691fdf

タグ

10, 358, API, com, demo, https, tool, zip, アイディア, いま, エンジニアリング, コード, これ, サービス, サイト, シンプル, ソース, データ, ディーアンドジー, ネクスト, パラメーター, リバース, 上記, 付与, 使用, 公表, 処理, 動作, 参考, 営業, 妨害, 感じ, 所, 掲載, 方法, 株式会社, 無料, 画像, 秘密, 翻訳, 考え方, 自分, 見た目, 部分, 高知県,

無料で高機能な動画編集ソフトみたいですよ。

2020.02.11

Logging

無料で高機能な動画編集ソフトがあるみたいですよ。これを知っていればAdobeの契約変更なんてしなかった。いま自分はこれだけの機能があれば十分だと思う。ゴリゴリ動画編集をするわけではないので、ほんとこの無料の動画編集ソフトで事が足りる。『あァァァんまりだァァアァ』とつぶやく程、とても良い動画編集ソフトです。

自分がボヤいている無料の動画編集ソフトの名前はダビンチとかいう動画編集ソフトです。上記の動画を見ても分かる通り素人が初めて動画編集するにはこれで十分だと思います。自分なんてPHP超入門もグタグタ解説なのでこれで十分です。ちょっと愚痴ると動画再生回数は上がっているものの、これ知り合いとかが再生しているじゃねぇのかとか、すごく疑心暗鬼になったりしながらそれでもこんなグタグタな解説でもPHPを勉強してITエンジニアになる、きっかけになればと思い毎日解説をUPしています。ちなみにYOUTUBERとか目指してはいないもののお小遣いが貰えると嬉しいなぁーとかは思っていたり…。

YOUTUBE登録者数が中々増えないのが結構辛いな。知り合いでも何でも良いので登録ぽちってしてくれると有り難いです、よろしくお願いしまーす！！
最後に無料の動画編集ソフトのリンクを貼っときます！
https://www.blackmagicdesign.com/jp/products/davinciresolve/

タグ

Adobe, IT, php, UP, YOUTUBER, ァァァ, ァァアァ, いま, エンジニア, お小遣い, きっかけ, これ, これだけ, ソフト, それ, ダビンチ, ほんと, まり, わけ, 上記, 事, 入門, 再生, 勉強, 動画, 名前, 回数, 変更, 契約, 機能, 毎日, 無料, 疑心暗鬼, 程, 素人, 編集, 自分, 解説, 通り,

Bandicamで画面録画（キャプチャー）じゃなくてコレで録画している。

2020.02.05

Logging

いま、自分がYOUTUBE録画で使っているのはこちらのソフトを使っています。YOUTUBEを撮ろうかなぁと思っているときに、たまたま、そのソフトを開発している企業がキャンペーンしていて無料でそのソフトを購入したので経費0円です。実際買うと4000円弱します。ちょっと不安なのは中国製品だということ、まぁ仕方がない。

ソフト名はVideoProcです。良い所はPCの画面録画と当時にウェブカメラも接続できるのでこれで録画しています。良くあるこういう画面が撮影可能。これで価格も安いです。

YOUTUBE動画の画面操作はこれで撮っています。そして撮ったものをAdobeのPremiere Proで編集をしてUPしています。いまの所、顔出しする意味はあまり無いかなと思っています。Facebookみれば自分の顔写真上げているのでそれで良いかなと・・・。自分の声を編集している理由は聞き取りにくいから調整しています。

ちなみにVideoProcはこういう機能があります。

いまはVersion3.5ですが自分が使用しているのは3.4です、アップデートすると費用がかかるので上げてません。画面録画するぐらいで必要だから不自由ないですね。編集はAdobeの方で対応すれば良いので何も不自由しないです。

タグ

0, 4000, Adobe, Bandicam, Facebook, PC, Premiere, Pro, UP, VideoProc, youtube, いま, ウェブ, カメラ, キャプチャー, キャンペーン, こちら, こと, これ, コレ, ソフト, とき, もの, 不安, 中国, 企業, 価格, 動画, 可能, 声, 実際, 当時, 意味, 所, 接続, 撮影, 操作, 無料, 理由, 画面, 経費, 編集, 自分, 製品, 調整, 購入, 録画, 開発, 顔写真, 顔出し,

テキストを日本語ボイスに変換してくれるしょぼいWindowsソフトを作ったよ。

2020.01.21

Logging

VS2017のC#で、テキストを日本語ボイスに変換してくれるしょぼいWindowsソフト（ 滑舌が悪いけどYOUTUBERしたい人用）を作ったよ。自分はかなり滑舌悪いくてどもるので、YOUTUBER向かないのですがユーチューバーしてみたい願望があったので、Gさんの「Cloud Text-to-Speech API」で適当に作ってみた。ちなみにまだYOUTUBERするかは決めてない！

APIですが月に0?100万文字までは無料枠なので、大量に使わない限り無料枠で収まると思います。これを他の人に提供しようとするとアウトだろうけど・・。
自分だけが使用するのには何とかその範囲内かと思います。

尚、ソースコードを提供します可変してお好みで使ってください。大量のテキストをボイス変換した場合、ビジーになるかもしれません。そこら辺の処理は入れてません。またGさんからダウンロードしたJSONファイルを置いている階層に合わしてください。

参考にしたサイトは下記になります。
https://cloud.google.com/text-to-speech/docs/quickstart-client-libraries?hl=ja#client-libraries-install-csharp

フォームのオブジェクトの配置は下記になります。画像を参照ください。

ソースコードは下記になります。

using System;
using System.IO;
using System.Windows.Forms;
using Google.Cloud.TextToSpeech.V1;
namespace テキストを日本語ボイスする
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }
        private void button1_Click(object sender, EventArgs e)
        {
            if(richTextBox1.Text.Replace("\r", "").Replace("\n", "") == "")
            {
                MessageBox.Show("文字を入力してください");
                return;
            }
            Environment.SetEnvironmentVariable("GOOGLE_APPLICATION_CREDENTIALS", "C:\\xxxxx\\xxxxx\\xxxxx\\xxxxx.json", EnvironmentVariableTarget.Process);
            TextToSpeechClient client = TextToSpeechClient.Create();
            SynthesisInput input = new SynthesisInput
            {
                Text = richTextBox1.Text.Replace("\r", "").Replace("\n", "")
            };
            VoiceSelectionParams voice = new VoiceSelectionParams
            {
                LanguageCode = "ja-JP",
                Name = "ja-JP-Wavenet-A",
                SsmlGender = SsmlVoiceGender.Neutral,
            };
            AudioConfig config = new AudioConfig
            {
                AudioEncoding = AudioEncoding.Mp3,
                SpeakingRate = f1(trackBar1.Value),
                Pitch = f2(trackBar2.Value),
            };
            var response = client.SynthesizeSpeech(new SynthesizeSpeechRequest
            {
                Input = input,
                Voice = voice,
                AudioConfig = config
            });
            DateTime dt = DateTime.Now;
            string dttimename = dt.ToString("yyyy-MM-dd-HH-mm-ss");
            using (Stream output = File.Create("voice-" + dttimename + ".mp3"))
            {
                response.AudioContent.WriteTo(output);
                Console.WriteLine($"Audio content written to file 'voice - " + dttimename + ".mp3'");
                MessageBox.Show("生成しました=>>voice - " + dttimename + ".mp3");
                System.Diagnostics.Process.Start(Directory.GetCurrentDirectory());
            }
        }
        private void trackBar1_ValueChanged(object sender, EventArgs e)
        {
            label3.Text = string.Format("{0:0.00}", f1(trackBar1.Value));
        }
        private void trackBar2_ValueChanged(object sender, EventArgs e)
        {
            label4.Text = string.Format("{0:0.00}", f2(trackBar2.Value));
        }
        private double f1(int a) {
            return Convert.ToDouble(a) / 100;
        }
        private double f2(int a)
        {
            return Convert.ToDouble(a) - 20;
        }
    }
}

変換したボイスはこんな感じです！

タグ

0, 100, 2017, API, Cloud, json, Text-to-Speech, VS, Windows, YOUTUBER, アウト, お好み, かなり, コード, これ, ソース, そこら辺, ソフト, ダウンロード, テキスト, ビジー, ファイル, ボイス, ユーチューバー, 万, 人, 他, 使用, 処理, 場合, 変換, 大量, 提供, 日本語, 月, 枠, 滑舌, 無料, 範囲, 自分, 適当, 限り, 願望,

WEBお問い合わせフォームのお値段はいったい幾ら？

2020.01.17

Logging

WEBお問い合わせフォームのお値段はいったい幾らなのか？
堀江貴文氏はデジタルの値段は限りなくゼロに近くなると言っていたけど、無料のWEB申し込みフォームやお問い合わせフォームはある。自分もお問い合わせフォームの簡易的な物を作ってみましたのでファイルをアップしますね。

テンプレートエンジンとしてtwig3.0を使用しています、そのため動作環境はPHP7.2以上になります。ソースコードの可変は行って構いません、またこのソースコードの動作保証などは致しません。WEB担当者様が確認を行いバグ等があれば修正を行ってください。

尚、Composerでtwigをインストール済みという事が前提となります。また送信部分やエラー処理についてはご自身で機能の追加が必要となります。

サンプルページ
https://zip358.com/tool/request/

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>お問い合わせ</title>
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"
        integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
        integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
        crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
        crossorigin="anonymous"></script>
    <script src="js/common.js"></script>
    <style>
        .jumbotron {
            background-color: #2bd4d0;
            color: #fff;
        }

        .btn-primary {
            color: #fff;
            background-color: #2bd4d0 !important;
            border-color: #2bd4d0 !important;
        }

        .input-group-text {
            background-color: #2bd4d0;
            border: 1px solid #2bd4d0;
        }
    </style>
</head>

<body>
    <div class="jumbotron jumbotron-fluid">
        <div class="container">
            <h1 class="display-4">お問い合わせ</h1>
            <p class="lead">必須項目を入力し送信ボタンを押してください。<br>DEMOのため送信はできません</p>
        </div>
        <div class="alert alert-warning" id="error_sendmail" role="alert">
        </div>
    </div>
    <form action="index.php" method="POST">
        <div class="container">
            <div class="row">
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text">お名前[必須]</span>
                    </div>
                    <input type="text" name="name" class="form-control" id="name" placeholder="name" value="{{name}}">
                </div>
                <div class="alert alert-warning" id="error_name" role="alert">
                </div>
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text">メールアドレス[必須]</span>
                    </div>
                    <input type="email" name="email" class="form-control" id="email" placeholder="name@example.com"
                        value="{{email}}">
                </div>
                <div class="alert alert-warning" id="error_email" role="alert">
                </div>
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" id="basic-addon1">@</span>
                    </div>
                    <input type="text" name="twitter_account" class="form-control" placeholder="twitter account"
                        aria-label="twitter account" aria-describedby="basic-addon1" value="{{twitter_account}}">
                </div>
                <div class="input-group mb-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text">お問い合わせ内容[必須]</span>
                    </div>
                    <select name="meun" class="form-control" id="exampleFormControlSelect1">
                        {% for selectop in meun_option %}
                        <option value="{{selectop.value}}" {{ selectop.value == selectoped ? " selected":"" }}>
                            {{selectop.name}}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="alert alert-warning" id="error_meun" role="alert">
                </div>
                <div class="input-group">
                    <div class="input-group-prepend">
                        <span class="input-group-text">コメント[必須]</span>
                    </div>
                    <textarea name="comment" rows="10" class="form-control" aria-label="コメント">{{comment}}</textarea>
                </div>
            </div>
            <div class="row">
                <footer class="blockquote-footer">
                    <small class="text-muted">
                        ご自由に記入ください。
                    </small>
                </footer>
            </div>
            <div class="alert alert-warning" id="error_comment" role="alert">
            </div>
            <button type="submit" class="mt-2 btn btn-primary btn-lg btn-block">送信する</button>
        </div>
    </form>
</body>

</html>

<?php
session_start();
require __DIR__ . '/vendor/autoload.php';
use Twig\Environment;
use Twig\Loader\FilesystemLoader;

$loader = new FilesystemLoader(__DIR__.'/templates');
$twig = new Environment($loader);
$meun_option = json_decode(file_get_contents("js/select.json"));

$form = ["name","email","twitter_account","meun","comment"];
$data = [];

if($_POST){
	foreach($_POST as $key=>$val){
		$_SESSION[$key] = strip_tags($val);
	}
}
if($_SESSION){
	foreach($_SESSION as $key=>$val){
		$_SESSION[$key] = strip_tags($val);
	}
}

foreach($form as $key => $val){
	$data[$val] = $_SESSION[$val]?$_SESSION[$val]:"";
}

extract($data);

print $twig->render('index.html.twig',["name"=>$name,"email"=>$email,"twitter_account"=>$twitter_account,"selectoped"=>$meun,"comment" => $comment,"meun_option"=>$meun_option]);

タグ

3.0, 358, 7.2, com, Composer, DOCTYPE, gt, html, https, lt, php, request, tool, Twig, web, www, zip, アップ, インストール, エラー, エンジン, お問い合わせ, コード, ご自身, サンプル, ゼロ, ソース, ため, デジタル, テンプレート, バグ, ファイル, フォーム, ページ, 事, 使用, 保証, 修正, 値段, 処理, 前提, 動作, 堀江貴文, 幾ら, 必要, 担当者, 機能, 無料, 物, 環境, 確認, 簡易的, 自分, 追加, 送信, 部分,

プログラミングって何から勉強したら良いの？パソコンが有れば無料で勉強できる方法。

2020.01.11

Logging

プログラミングって何から勉強したら良いの？
答えは通称js（ジェーエス）と呼ばれるjavascript(ジャバスクリプト)言語から
始めると良いです^_^。
ちなみにプログラミンスクールに通う必要なんてないです。
偏差値50ぐらい有れば独学で身につくことが出来ると言われています。

自分を知っている人ならあいつでも出来るなら私でも出来ると思って
トライしてみてください。
繰り返しになりますが、参考書などは買わなくて良いです。

下記の方法で勉強してみてください。

1. YOUTUBE動画を見る。
2. 動画に記載しているプログラムを実際に同じコードを書いてみる。
3. 動作したらプログラムコードを変更してみる。
4. 一旦、プログラムコードを消して今度は記述コードを見ないで書いてみる。
5. コードがわからない時は動画を見ずにググる。

上記のことを繰り返しすることで何だかわからないけど、感覚的に身につくはずです。難しい横文字などは後から覚えたら良いです。

JavaScriptを解説している動画リンクを貼っておきます。
動画のリンク切れあった場合はYOUTUBEで JavaScript 入門などの単語で検索してみてください。

入門解説動画：何となく進めるが大事です。

エラーになった時の対処方法：デバッグ方法。

中級者JSテクニック動画。

尚、プログラムコードを書く場合、大体のプログラマーはエディターやIDEを
使用してプログラミングコードを記載します。

自分はVisualStudio codeを使用しています。
こちらWindowsやMac、リナックスのOSにそれぞれ対応しています。
https://code.visualstudio.com/ [日本語化出来ますググって]

補足：今でもC言語などやJAVA言語から初めると良いよと言われますが
おそらくC言語で始めるとメモリの事などで挫折しJAVA言語で始めると
オブジェクトで挫折します。

JSで始め、大体の事をマスターすると他のプログラミング言語へ
移行しやすいです。いろいろな言語を覚えるのではなく。
まずは一つの言語をマスターする事が大事になります。

皆さんトライしてみてくださいね（・(ｪ)・）b

タグ

50, javascript, JS, youtube, あいつ, エス, コード, こと, ジェー, ジャバ, スクール, スクリプト, トライ, パス, パソコン, プログラミン, プログラミング, プログラム, 一旦, 上記, 下記, 人, 今度, 何, 偏差値, 勉強, 動作, 動画, 参考書, 変更, 実際, 必要, 方法, 時, 横文字, 無料, 独学, 私, 答え, 自分, 言語, 記載, 記述, 身, 通称,

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？

2020.01.10

Logging

IT戦士の最終目標は上流工程からYOUTUBERメンターになっていく！？
自分はそう思っています、なぜならIT系のプログラミンスクールは
増えているものから、何れ無料でIT系プログラミンスクール同等の動画を
提供する人が出てくる。

本当はもうそういう人が登場しているけど、あまり知られてはいない？
例えばこのYOUTUBEチェンネルの方。
https://www.youtube.com/channel/UCsLPJEAgH-KUJE2WobcLZ0A

中級者から上級者向けの動画を提供していて登録者も増えていってます。
たぶん、この方は続けていけば動画のプログラミング解説だけで
安定した収入益を得ることが可能になると思います。

●これからのIT需要
いろいろな企業にIT部門が出来てくると思うので
自分が思うにITリテラシーは身につけて損はないと思います。

HTMLやCSSを勉強しなさいとは言わないけど、エクセルのVBA使いや
グーグルスプレッドシートなどを使いこなせると事務作業効率はぐっと
上がります。

今ではどんな業種でもパソコンが会社に最低1台はあって何かしらのデータが
保存されていたりします。なので、プログラミングは勉強して
損はないし高度なプログラミングが出来る場合はそれで収入を得ることも
可能になります。

唯、これから先はある一定の技術を身に着けておかないと中々、大変な時代に
なって来ているということも付け加えておきます。

ちなみにプログラミング好きな人は上流工程へ進まずに敢えて
現場主義の方もこれからは増えてくると思いますが
上流工程のお仕事の方がお給料は良いですし健康的です?

タグ

0, 2, channel-, com, css, html, IT, UCsLPJEAgH-KUJE, WobcLZ, youtube, YOUTUBER, いろいろ, こと, これ, スクール, チェン, ネル, プログラミン, プログラミング, メンター, もの, リテラシー, 上流, 上級者, 中級者, 人, 企業, 勉強, 動画, 収入, 可能, 同等, 安定, 工程, 戦士, 提供, 損, 方, 最終, 本当, 無料, 登場, 登録者, 益, 目標, 系, 自分, 解説, 身, 部門, 需要,

ＮＨＫスペシャル シリーズ　体感　首都直下地震

2019.12.07

Logging

NHKで首都直下地震のドラマ、パラレル東京がいま、無料で
NHKオンデマンドで見れるようになってます。

これ見とくと良い気がする。
解説も見とくと、もっと良いだろうけれど最低でもドラマは
見とくと30年以内に70％起きると言われる首都直下地震のときに
何か生き延びるのに役に立つかもしれないなと感じました。

ちなみにこれと同じ様に南海トラフ地震の再現ドラマも作って欲しいなと
四国に住むものとしては正直、思いました。

NHKオンデマンド | 【無料】ＮＨＫスペシャル シリーズ　体感　首都直下地震　「ＤＡＹ１　あなたを襲う震度７の衝撃」 https://www.nhk-ondemand.jp/goods/G2019103773SA000/
NHKオンデマンド | 【無料】ＮＨＫスペシャル シリーズ　体感　首都直下地震　「ＤＡＹ２　多発する未知の脅威」 https://www.nhk-ondemand.jp/goods/G2019103774SA000/
NHKオンデマンド | 【無料】ＮＨＫスペシャル シリーズ　体感　首都直下地震　「ＤＡＹ３　命の瀬戸際　新たな危機」 https://www.nhk-ondemand.jp/goods/G2019103775SA000/
NHKオンデマンド | 【無料】ＮＨＫスペシャル シリーズ　体感　首都直下地震　「ＤＡＹ４　危機を生きぬくために」 https://www.nhk-ondemand.jp/goods/G2019103776SA000/

タグ

000, １, 2, 20191, 2019103773, 30, 7, 70, day, goods, jp, NHK, nhk-ondemand, ＮＨＫスペシャル, SA, あなた, いま, オンデマンド, これ, シリーズ, とき, トラフ, ドラマ, パラレル, もの, 体感, 再現, 南海, 四国, 地震, 多発, 役, 最低, 未知, 東京, 正直, 気, 無料, 直下, 脅威, 衝撃, 解説, 震度, 首都,

プログラムの基礎しか書かないわけ。

2019.11.27

Logging

何故、自分のブログには基本的なプログラミングしかなく複雑なプログラムが存在しないわけはこちらです。

基本的な文法から複雑なプログラムが生まれるので基本的な部分がわかれば大体の人は応用できるだろうと
考えているからです。

自分の場合、勉強と経験からコードを組み立てています。人から教わらないけれど、ググると無数のコードと
解説が存在します。そんな先人が残したコードを読み取り習得するという形と参考書から情報を得たりして経験値を
積んでいます。

職場でプログラムを教わったことは今までほぼほぼ無いです。本当はOJTがあって然るべきだと思いますが中小企業に入るとそんなに甘くはないですね。

今の人はYOUTUBEなどでも無料でプログラミングの知識を取得することも可能です、そこらへんが少し羨ましいです。

ちなみに自分は教えられていないので後輩には自分が知っていることは教えるということを現場では心がけていました。知識って共有して向上するのですがブラック企業は技術を教えない技術は盗み取るものだという考え方が未だに根強いです。

タグ

OJT, youtube, コード, こちら, こと, そこら, プ, ブログ, プログラミング, プログラム, べん, わけ, 中小企業, 人, 今, 何故, 先人, 共有, 勉強, 参考書, 取得, 可能, 向上, 基礎, 場合, 大体, 存在, 少し, 形, 後輩, 応用, 情報, 文法, 本当, 無数, 無料, 現場, 知識, 経験, 習得, 職場, 自分, 複雑, 解説, 部分,

オーテピア行ってきましたよ。

2018.08.04

Logging

オーテピア行ってきましたよ。
感想はやはり綺麗ですね、良いなぁ近隣の学生さんが
羨ましい。こういう図書館（複合施設）があれば便利だと感じます。
勉強も捗りそうですし、パソコン持ち込み可でwifi使えるからかなり便利だと感じました。
最初、３階のIT系の本がしょぼいなと思ったのですが、
奥の方に専門書が結構置いていました、それも結構な数が！！無料にしては
それなり勉強になるなと思います、人工知能の書籍やオライリージャパン出版の本もありましたからね。ここで勉強して昼に喫茶店でご飯食べてで時間暇つぶしにはもってこいな場所になりそうです。
自分の場合は車より高知駅から15分ほど歩くのが
良いかなと思いましたね、運良くオーテピアに止めれるかもしれませんが
それより電車で高知駅まで行き徒歩で目的地まで行くほうが
安上がりですから。
ちなみにオーテピア、金高堂書店の後ろにあります。

タグ

15, ３, IT, wifi, オー, オライリージャパン, かなり, ここ, ご飯, それ, それなり, テピア, パソコン, もってこい, 人工, 便利, 出版, 勉強, 可, 喫茶店, 図書館, 堂, 場合, 場所, 奥, 学生, 安上がり, 専門書, 後ろ, 徒歩, 感想, 数, 方, 施設, 昼, 時間, 暇つぶし, 書店, 書籍, 最初, 本, 無料, 目的, 知能, 系, 結構, 綺麗, 自分, 複合, 車, 近隣, 金高, 電車, 高知,

XからGCPへサーバ以降。

2018.01.27

Logging

メールサーバが動きません・・・動いているのかな？
自動送信メールが来ないので・・・分からないのですが
何とか、サーバ以降は出来たみたいです。
普通、こういうのは真っ昼間に移行なんてしないのですが
朝、サーバ以降途中で映画を見に行き、昼ごろから
サイトが見えた感じになっていると思います。
今回、GCPに移行した理由は一年間、無料だということと
会社で試験的に導入することになるみたいだから、その練習台として
稼働させたわけですが・・・。
案外簡単に導入することが出来ました。
 

タグ

GCP, X, サーバ以降, サーバ以降途中, サイト, メールサーバ, 一年間, 大事, 感じ, 昼ごろ, 朝, 無料, 理由, 真っ昼間, 移行, 練習台, 自動送信メール,

高知竜馬空港の近くにある前浜と吉川の間に行ってきたよ。

2017.08.13

Logging

高知県の前浜という場所に朝っぱらから行ってきました。
高知県の飛行場から目と鼻の先にある場所にある海辺ですが砂浜にゴミがなぁ結構多いですね。
海辺の近くには公園やテニスコートなどもあり良い環境だと思うのですけど、、、ちょっとゴミがある。
それが少し問題な感じがしますね。

それとは別に海と空きれいです。
ちなみに海岸の近くには車を停める場所（無料の駐車場）もあるので休日は子供連れやカップルが多い感じです！！
くどいけど「ゴミがなければ」もっと人が来るのではないかなぁと思ってしまいます。

 
最後に動画も載せときます。

タグ

カップル, きれい, コード, ゴミ, それ, テニス, 人, 休日, 公園, 前浜, 動画, 吉川, 問題, 場所, 子供連れ, 少し, 感じ, 最後, 朝っぱら, 海, 海岸, 海辺, 無料, 環境, 目と鼻の先, 砂浜, 空, 空港, 竜馬, 車, 近く, 間, 飛行場, 駐車場, 高知, 高知県,

みんなが大好きなマリオが何やら酷評されている。

2016.12.18

Logging

みんなが大好きなマリオが何やら酷評されている。
12月15日にリリースされたスパーマリオランのアプリがかなり評価が悪いです。
実際、無料なのでプレイしてみた。
１?３までは無料で遊べるけれど、それ以降はお金を払ってくださいという・・・課金システム！！
※1?4は20秒間無料。
これは酷評を書かれても仕方がない、こんなのだったら最初から有料で売ったほうが良い気がします。
そして不満なのはジャンブ以外はオート操作ということです。
おそらくオートランがココまで叩かれるとは思っていなかった
と開発者は思うと思います。寝ずに開発した？オートランが正直なところ、マリオの楽しみを消している、おそらくスマホ世代はオートランではなくても操作可能だと思います。
オートラン機能を外して有料で売り出したらかなりヒットしたと思いますが、自分がプレイしてみた感想から
言えば、ポケモンGOみたいなヒットにはならないだろうと思います。知名度がかなりあるのでDL数は、そこそこ
ダウンロードされるとは思いますが、今のままではガッカリ度の方が強い気がします。
?

タグ

１, 12, 15, 20, ３, 4, DL, go, アプリ, オート, オラン, お金, かなり, ココ, こと, これ, システム, ジャンプ, スパー, スマホ, それ, ダウンロード, ところ, ヒット, プレイ, ポケモン, まり, マリオ, みんな, らん, リリース, 不満, 世代, 可能, 実際, 感想, 操作, 数, 最初, 有料, 楽しみ, 機能, 正直, 気, 無料, 知名, 自分, 評価, 課金, 酷評, 開発, 開発者,

画面キャプチャ動画を取るなら無料版のBandicamで十分かも。

2016.12.07

Logging

画面キャプチャ動画を取るなら無料版のBandicamで十分かもしれない。
特に仕事用途(共有)で使う場合は無料版のロゴ付きで十分過ぎると 自分は思っています。
操作を動画で説明したいときはこれで十分かなと思います。
大体、静止画のキャプチャで操作の説明は事が足りると思いますがどうしても説明が難しいことがあります。
こういう場合は、操作を動画で撮って送るという方法もありかなと 思っています。
ちなみに画面キャプチャ動画が撮れるソフトを作ろうと 考えています。考えただけで進んでいませんが
こういう方法で作れるじゃないかな？
Visual Studio2015の話ですが、画面キャプチャを動画にする 方法があります。aviに変換し保存するのにフリーのライブラリを使用して
ゴニョゴニョすれば出来るらしいです。例えば、AForge.NET Framework を 使用する方法やDirectShowを使う方法があります。
ちょっとググればGithubで公開していますので ソースを参考にして作ってみるのも良いかもしれないですね。
追記：2020/02/05
ちなみに今、YOUTUBEで投稿しているときに使っているのはこちら
https://zip358.com/?p=8707

タグ

2015, AForge, avi, Bandicam, DirectShow, Framework, net, Studio, Visual, キャプチャ, こと, ゴニョゴニョ, これ, ソフト, とき, フリー, ライブラリ, ロゴ, 事, 仕事, 使用, 保存, 共有, 動画, 場合, 変換, 大体, 操作, 方法, 無料, 用途, 画面, 自分, 話, 説明, 静止画,

高知県の商店街でもネットが無料でできる公衆無線lanよさこいタウンWi-Fi！！

2016.12.02

Logging

高知県の商店街でもネットが無料でできる公衆無線lanよさこいタウンWi-Fiが今年（2016年）の3月から提供されているという事を今日の朝、知りました。
NTTが構築されている公衆無料wifiなので安全性はそれなりに確保されているように思えます。
ちなみに無料で使用できる時間は６０分（15分＊4回）となっているようです。
こういうのって、もっとネットで広告なりで広告宣伝すれば高知県の商店街に足を運ぶお客さんや県外や海外のひとが増えるように思えます。
まだまだ認知度が低い・・・ように感じてならないな。
高知県の商店街もこの頃、黒船？イオンが来た当時に比べると活気が元に戻ってきているように思えます。
もっと高知県に足を運んでもらえるためには
これかな？↓
ネット広告を使って海外や県外に観光を配信すると結構、足を運ぶ人が増えるようになると思うのです、
広告をクリックすると・・・旅プランサイトが出てきて、、、、
提携している会社のプラン・・・を選ぶと商店街に収益が発生して広告費が
トン・トンになるようなシステムを作れば
winwin（ウィンウィン）になるじゃないかなと。

追記：よさこいタウンWi-fi今も使用できるか不明。

タグ

15, 2016, ３, 4, 60, LAN, NTT, Wi-Fi, wifi, イオン, お客さん, クリック, これ, サイト, それなり, ダウン, ため, ネット, ひと, プラ, プラン, よう, よさこい, 事, 人, 今年, 今日, 会社, 使用, 元, 公衆, 商店街, 安全性, 宣伝, 広告, 当時, 提供, 提携, 旅, 時間, 朝, 構築, 活気, 海外, 無料, 無線, 県外, 確保, 観光, 認知, 足, 配信, 頃, 高知県, 黒船,

ITの技術は上がっているのに単価が下がっている？様に見える。

2016.07.28

Logging

先日、熱いので涼みに電気店へ行ってきました。何やら店員さんとおじさんがホームページ作成ソフトのことで押問答をしていました。
今日のお題は「ITの技術は上がっているのに単価が下がっている？様に見える。」です。
昔に比べて無料でお手軽に出来ることが増えてきているけれど、無料には大体、落とし穴があって実際、使ってみるとやはり無料だなと感じるところが多い。
無料で利益をあげるひと。
WEBのサイトをテンプレートを無料で配布している人がいる。
無料だけど、必ずテンプレートの中に配布元のリンク先がある。
配布元から言えばSEO対策にもなるし、そのリンクへ行くと広告などが必ず貼っているので、クリックすると配布元の収入になったりする。よく出来た循環だと思う。
無料で良い物を提供するー＞間接的な収入で利益を上げる。WEBだけでは無く。アプリも同じで無料で提供して課金制で収入を上げる方法、この方法もWEBの広告で儲けるのとよく似ている。
どちらも無料でユーザーが使用できるけれど何処かで利益をあげていたりするですね。
こういう循環はWEB広告が登場したあたりから
増えてきているように思えます。
昔からあった手法がITやWEBにも適応されたのだと思うのです・・・。
[画像提供元]フリー写真素材ぱくたそ?

タグ

IT, SEO, web, アプリ, クリック, こと, サイト, ソフト, テンプレート, ところ, どちら, ひと, ホームページ, ユーザー, リンク, るー, 中, 人, 今日, 作成, 先日, 利益, 単価, 収入, 大体, 実際, 対策, 広告, 店員, 循環, 技術, 押問答, 提供, 方法, 昔, 様, 無料, 物, 落とし穴, 課金, 配布, 配布元, 電気店, 題,