説明 | zip358.com

Laravelでの.envファイルの重要性。 #重宝

2023.02.09

おはようございます、laravel使っていますか？

Laravelでのenvファイルの重要性というタイトルに釣られた方、スミマセン🙇。

envファイルを使用すると、機能のONOFFなどに使用することも出来たりデフォルトで使われている通りDBの接続設定などにも使用されていますよね。

envの良い所はバックエンド側、フロント側ともどちらでも呼び出しが簡単なところです。下記の関数を呼び出せば値を取得することが出来ます。

config('app.name')

詳しく知りたい方はググるといろいろな説明が出てきます。たぶん、これがわかり易いかもということでリンクを一つ貼っときます。

【Laravel】 configとenvで環境を設定して値を取得する

タグ

app.name&#39, config, env, envファイル, Laravel, onoff, スミマセン, タイトル, デフォルト, バックエンド側, フロント側, 下記, 値, 接続設定, 機能, 説明, 通りDB, 重要性, 関数,

windowsパッケージマネージャー平たく言えば #windows

2022.10.13

Logging

おはようございます、寒さが足元から来る季節になりましたね😖。

さて、今日はwindowsパッケージマネージャーのお話をします。windowsパッケージマネージャーとはなんぞやという方もいると思いますので、簡単な説明を記載しときます。ウィンドウズパッケージマネージャーとは、Windowsにインストールされているソフトの管理をするものです。

コレだけ覚えとけば🙄
winget upgrade –all pic.twitter.com/8wjsPpVMO1
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) October 10, 2022

Windowsパッケージマネージャーがインストールされていない方は、こちらのURLからインストール下さいませ。

これをインストールする事により何が良いかと言えば、ソフトウェア（アプリ）のアップデートが一括で出来たりします。コマンドプロンプトに下記のコマンドを入力すればほぼ自動でアップデートしてくれてとても便利です。

winget upgrade --all

タグ

all, upgrade, url, Windows, winget, アップデート, アプリ, インストール, ウィンドウズ, お話, こちら, コマンド, これ, ソフト, ソフトウェア, パッケージ, プロンプト, マネージャー, もの, 一括, 下記, 事, 今日, 何, 便利, 入力, 季節, 方, 管理, 簡単, 自動, 記載, 説明, 足元,

WP予約投稿ツイートプラグイン作り方。＃php言語 #code #v2

2022.10.11

Logging

おはようございます😤 お仕事に飢えてます…寒い季節ですね…。

さて、今日はWP予約投稿ツイートプラグイン作り方を記載していきます。ワードプレスでプラグインを作る場合はWordPressの下記の場所に任意のフォルダを作り、その中にディレクトリ名（任意名）と同じファイル名でphpファイルを作ります。※昔の名残なので今は命名が違っても動くかも知れませんが・・・。

cd /wp-content/plugins
mkdir mytweets
vi mytweets.php

そして、命名したファイル名を開き、ファイルの上部に下記のコメントを記載します。プラグイン名やプラグインの説明、プラグインバージョンをそれぞれ変更して頂き保存、その後サーバーサイドにアップロードします（フォルダごと）。

<?php
/*
Plugin Name: My tweets
Description: tweets
Version: 1.0
*/

これで何も動作しないプラグインが出来上がります。

後はコマンドラインからプラグインフォルダにcomposerをインストールしtwitteroauthのライブラリを入れます。

此処までが前手順です。此処までで挫折した人は結構いると思います🙄。

因みに此処までの事がすんなりと出来る人は、このブログの情報は必要ないものです。なのでココからはソースコードを記載します。WP予約投稿ツイートプラグインなんてオチャノコサイサイだと思います。

<?php
/*
Plugin Name: My tweets
Description: tweets
Version: 1.0
*/
if (!defined('ABSPATH')) exit;
require_once  "tw-v2-config.php";
require_once  "./vendor/autoload.php";

use Abraham\TwitterOAuth\TwitterOAuth;

function mytweets($new_status, $old_status, $post)
{
    
    if ($new_status == 'publish' && $old_status != 'publish') {
        try {
            $connection = new TwitterOAuth(APIKEY, APIKEYSECRET, ACCESSTOKEN, ACCESSTOKENSECRET);
            $connection->setApiVersion('2');
            $response = $connection->post('tweets', ['text' => get_the_title($post->ID) . "\n" . get_permalink($post->ID)], true);
        } catch (\Throwable $th) {
            //throw $th;
        }
    }
}
add_action('transition_post_status', 'mytweets', 10, 3);

上記のコードを記載した上で上書き保存＆アップロードします。その後ワードプレスの管理画面よりプラグインを有効にして出来上がり、今回はtwitteroauthのライブラリを使用しましたがcrulなどのを理解している人はライブラリは特に必要ないのかなとも思います。ライブラリを使用すればお手軽ですが、万が一何かあった時に困るのでライブラリを使用せずにコードを書くという方もいらっしゃると思います。

自分も極力、公式のライブラリしか使わないようにしています🙇。

トイウコデ、ワードプレスのプラグインの作り方でした。

タグ

2, cd, Code, description, lt, mkdir, My, mytweets, name, php, plugin, plugins, Tweets, Vers, vI, WordPress, wp, wp-content, アップロード, お仕事, コメント, サーバー, それぞれ, ツイート, ディレクトリ, バージョン, ファイル, フォルダ, プラグイン, プレス, ワード, 上部, 下記, 中, 予約, 今, 今日, 任意, 作り方, 保存, 名残, 命名, 場合, 場所, 変更, 季節, 後, 投稿, 昔, 言語, 記載, 説明,

WPのapply_filtersとadd_filterの説明が難解に書いているサイトが多い事に🤬。 #php #wordpress

2022.09.28

Logging

おはようございます、今月もそろそろ終わります🤔。

さて、来月から毎月一回しか投稿しなかったブログサイトを不定期更新に変更します。指針の変更にあたってブログデザインもデフォルトのテンプレートから無料のcocoonというテンプレートに変えました。

今までYOUTUBE動画URLを記載しているだけの投稿だったので、アイキャッチー画像等は無い状態でした。その為、テンプレートを変えるとノーイメージという画像が表示されるという事象が発生。これをプラグイン側で解決したかったのですが、独自の関数を多く使用しておりプラグイン側だけでは無理だということで、独自のアイキャッチー画像を処理しているコアの部分にapply_filtersを差し込み、プラグイン側でadd_filterで処理するという流れの対応を行いました。

apply_filtersというのはテンプレート側（他のプラグインでも可能）の関数の中に目印（付箋）を付けることが出来る機能（関数）です。
add_filterは目印（付箋）の部分の処理が走った時に、自分が作った処理を割り込ませることが出来る機能（関数）です。

※まずはカッコの中は読まずに理解してください😌。

巷では、これをややこしい例えで解説している所が多いのですが、それだけの話しです。今回、image-funcs.phpファイル（cocoon）の関数get_original_image_tagにapply_filtersを挿入し独自プラグインから呼び出して、ノーイメージの時にYOUTUBEのサムネイル画像を表示させるという事を行っていました。前、次ページのサムネイル画像は現在のページのサムネ画像が表示されるというバグはあるものの、ちゃんと跡のサムネ画像は変わっています。

サンプルコードを掲載します。ご参考程度に😌。

<?php
//オリジナルサムネイルタグの取得
if (!function_exists('get_original_image_tag')) :
  function get_original_image_tag($image_url, $width, $height, $class, $alt = null)
  {
    $html = '<img src="' . esc_url($image_url) . '" alt="' . esc_attr($alt) . '" class="' . esc_attr($class) . '" width="' . esc_attr($width) . '" height="' . esc_attr($height) . '" />';
    $html = convert_all_lazy_load_tag($html);
    $html = apply_filters("youtubeimage",$html);
    return $html;
  }
endif;

<?php
/*
Plugin Name: youtube image
Description: youtube image chg
Version: 1.0
*/
if (!defined('ABSPATH')) exit;
function youtubeimage_chg($imgurl){
    $url = null;
    if(preg_match("/(https:\/\/www\.youtube\.com\/watch\?v=[\-|_|a-zA-Z|0-9]{1,})/",get_the_content(),$matches)){
        $url = "https://img.youtube.com/vi/".preg_replace("/(https:\/\/www\.youtube\.com\/watch\?v=)/","",$matches[0])."/hqdefault.jpg";
        $url = preg_replace("/(src=\"https:\/\/.*no\-image\-[0-9]{2,3}\.png\")/","src=\"".$url."\"",$imgurl);
     }
     return $url?$url:$imgurl;
}

add_filter("youtubeimage","youtubeimage_chg");

余談：この対応はテンプレートが更新（アップデート）際にファイルが上書きされる可能性があります。その際にページが見えなくなるという問題を秘めています🙇。

タグ

Add, apply, cocoon, filter, filters, php, url, WordPress, wp, youtube, あい, イメージ, キャッチー, コア, こと, これ, サイト, デザイン, デフォルト, テンプレート, ノー, プラグイン, ブログ, 一, 不定期, 事, 事象, 今月, 使用, 処理, 動画, 変更, 多く, 対応, 投稿, 指針, 更新, 来月, 毎月, 為, 無料, 状態, 画像, 発生, 表示, 解決, 記載, 説明, 部分, 関数, 難解,

ヘンテコな学習ヘンテコな呟き😌。説明不足はいつものこと🤔

2022.09.13

Logging

おはようございます、夜中のほうが学習効率高いです🌃。

昨日、一つ出来そうなことを連続的につぶやいたので、それを皆さんが理解できる内容に文章としてまとめたいと思います。まず昨日の晩に下記のつぶやきをしました。これを追って何をしたいのかや何が理解できたのか、分かった方はこれから書くことを読まなくても良い人です。

こういうツールを自前して購入履歴までのデータやカゴ落ちしたデータを収集する。データを機械学習にかける。そのデータからサイト構造なんかを見直す。こういう事が出来るエンジニア増えてきている気がするけど？
問題はどれぐらいの容量が必要なのかという事ぐらいかな？
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) September 11, 2022

まず、次のアイディアが生まれました、アクセス解析を自前してサイトの訪問者の動向を事細かに蓄積する事は出来ないだろうか、もし出来たらどのような事が出来るだろうか🤔？考えた結果、ECサイトなら購入する確率、ページ推移の予測などが出来ること、ページ単位だとどの場所にどんなデザインを置けばクリック率が上がるのかなどそういう事が、アクセス解析のデータから割り出す事が出来るのではないかと。

次にページを可視化するには、どうすれば良いのだろうかという疑問。調べていくうちに隣接行列で可視化（数値化）出来ることがわかった。これからどうすれば予測出来るのだろうかと考えた結果。ページの可視化は隣接行列で表わすことが出来るが、今の自分ではココから予測データを導き出せないなと思い、隣接行列は可視化するために使おうと考えを改める。

では、どうすれば予測できるかを考察した。まず機械学習の予測にはどのような種類があるのか、どのようなデータを与えれば適切な予測を導き出すことが出来るのかを調査。最終的にランダムフォレストという手法で予測するのが今の自分でも出来そうな方法ではないかと判断に至った😌。

尚、機械学習で注意しないといけないのは過学習【過剰適合 / オーバーフィッティング】により上手く予測出来なることがあることを注意しないといけない。

そして思ったことは、自分でも出来そうだなって事🤐。もう機械学習は参考書を買わなくてもYOUTUBEやネットで調べれば、なんちゃって機械学習予測は出来るようになっているということ。後はどんなデータを機械に与えるか、そしてどれぐらい学習させるのか。そういう事が大事になってくる事を理解したのだった。

タグ

EC, アイディア, アクセス, いつも, うち, クリック, こと, これ, サイト, それ, データ, デザイン, ページ, ヘンテコ, 一つ, 下記, 予測, 事, 人, 何, 内容, 効率, 動向, 単位, 可視, 場所, 夜中, 学習, 推移, 数値, 文章, 方, 昨日, 晩, 次, 理解, 疑問, 皆さん, 確率, 結果, 自前, 蓄積, 行列, 解析, 訪問者, 説明, 購入, 隣接,

Decentralized Autonomous Organizationの世界を語っている動画が良質！！

2022.06.04

Logging

おはようございます。記事の修正するのはやはり朝にやるべきですね。

先週の土曜日にツイートしたDAO（ダオ）の事を詳しく簡潔に説明している伊藤穰一さんです。IT業界ではその名を知らない人はいないじゃないかって思っている。

web3とは | DAOがなぜ注目されているのか？

なぜ、この人がデジタル庁のTOPにならなかったのか・・・。意味がわかりません、ある問題で辞任しただけで本人に責任はあまりないと思っています。日本が変わらない理由はそういうところにあるじゃないかって思います。特に政府機関は変わろうとしないですよね、これは政治だけではなく銀行とかもそんな感じですよね。今までの方針を変更するのがとても遅すぎる気がします。

web3とは | DAOがなぜ注目されているのか？ – YouTube https://t.co/Bx9Yl7KScq
— 田岡寿章@taoka_toshiaki🦌 (@taoka_toshiaki) May 27, 2022

まぁそんな事は置いといてDAO（分散型自律組織）に徐々に変わっていくと思います、そういうふうに世の中を変えていこうとしている流れが出てきているので、そうなっていくかなって思います。

タグ

Autonomous, DAO, Decentralized, IT, Organization, TOP, これ, ダオ, ツイート, デジタル, ところ, ふう, 世, 世界, 中, 事, 人, 伊藤穰一, 修正, 先週, 分散, 動画, 名, 問題, 土曜日, 変更, 意味, 感じ, 政府, 政治, 方針, 日本, 朝, 本人, 業界, 機関, 気, 理由, 簡潔, 組織, 自律, 良質, 記事, 説明, 責任, 辞任, 銀行,

よもやよもやだ、アンリアルエンジン、凄いわ。これ！

2022.05.23

Logging

おはようございます。月曜日の朝は鬱っぽい…。

前にも少し書いたことがあるかも知れませんがアンリアルエンジンが凄いことになっています。アンリアルエンジンが何者か分からない人のために説明すると、ゲームの背景など基礎部分＝土台が作れるツールになります。これを使用することにより簡単に言えば開発コストが軽減します。

Ninety Days in Unreal Engine 5

動画を見ていただければ分かる通り現実に近い映像です。数十年前は２Dだったものが数十年後の時を経てリアルな３D空間が作れるようになりました。技術革新って凄いなって改めて思います。

因みに今の子供達は自分で物語や創造的な物が作れる能力があれば良いのではないかなって思っています。何故なら今の子供達が大人になる頃には粘土細工で物を作ると同じような感覚でリアリティな空間などがデジタルに生成できるようになってしまう、そんな世の中になると思っているのでIT技術力なんか要らないものになるのかもしれないなって・・・。

いやー本当に日進月歩だな。

タグ

2, ３, IT, アン, エンジン, ゲーム, コスト, こと, これ, ため, ツール, デジタル, もの, リアリティ, リアル, 世, 中, 人, 今, 何者, 使用, 動画, 土台, 基礎, 大人, 子供, 少し, 感覚, 技術力, 技術革新, 数十, 映像, 時, 月曜日, 朝, 物, 物語, 現実, 生成, 空間, 簡単, 粘土細工, 背景, 能力, 自分, 説明, 軽減, 通り, 部分, 開発, 頃, 鬱,

川上量生さんはかなり賢い人だなって改めて思います。いや神回だなって。

2022.03.21

Logging

おはよう御座います。
今日は月曜日です、皆様お仕事頑張ってください！🙇（祝日！？）。

川上量生さんと堀江貴文さんとのニューズピックス対談を無料で見れるのは凄くお得だと思います、特に人工知能と意識の話がとても面白いと思いましたし、かなり川上量生さんはかなり賢い人だなって思いました。

競争はするな！ドワンゴ・ファウンダーの川上氏が語る経営哲学【川上量生×堀江貴文】

これは自分が説明するよりも対談を視聴したほうが良いです。この人工知能の話の中で堀江貴文さんが話していた脳の一部を徐々に電子の記憶媒体に変えた場合、どうなるのかなって話は昔、自分が記事にも書いたことがありますが、本当にそんな事を研究している人がいるだなって知って「あぁこれ」出来るだなって思いました。自分の予想では脳を電子の記憶媒体に置き換えることはいまの技術力で出来るじゃないかなって思います。ただ海馬などはまだまだ先の話になりそうですが😏。

タグ

いま, お仕事, かなり, こと, これ, ニュース, ピックス, 一部, 中, 予想, 事, 人, 人工, 今日, 先, 堀江貴文, 場合, 媒体, 対談, 川上量生, 意識, 技術力, 昔, 月曜日, 本当, 海馬, 無料, 皆様, 知能, 研究, 祝日, 神回, 脳, 自分, 視聴, 記事, 記憶, 話, 説明, 電子,

Twitterカードを確認するための公式チェックページが便利。

2021.10.26

Logging

先週は寒かったですが、今週からまた暖かくなると天気予報のキャスターが言っていたそうですが、どうなることやら。

Twitterカードを確認するための公式チェックページが便利です。そもそもTwitterカードって何と思った方もいると思いますので、簡単に説明するとTwitterでシェアする時にホームページ画面の画像やホームページの説明が表示されるアレです。因みにTwitterカードの設定をしていないとURLだけがタイムラインに流れていきます。

どうやればTwitterカードが設定することが出来るか？答えは結構かんたんです、HTMLタグのヘッダー部分に下記のmetaダグを記載してあげることでTwitterカードが表示されます。因みに今回はフェイスブックでシェアした時にも対応した形のソースコードです。フェイスブックの部分は良いよという方は、その部分は除いてください、また、ご自身のURLや表示したい説明に変更するようにしてくださいな。

<meta property="og:url" content="https://zip358.com/tool/tenji/">
<meta property="og:type" content="website">
<meta property="og:description" content="日本語を点字に変換します。α版です（日本語、英数字などを含むものを日本語点字に変換します）。">
<meta property="og:image:alt" content="tenji-image">
<meta property="og:image" content="https://zip358.com/tool/tenji/images/web-image.png">
<meta property="og:locale" content="ja">
<meta property="og:site_name" content="日本語を点字に変換する機械">
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@zip358com" />
<meta name="twitter:domain" content="zip358.com" />
<meta name="twitter:title" content="日本語を点字に変換します。α版です（日本語、英数字などを含むものを日本語点字に変換します）。" />
<meta name="twitter:creator" content="@zip358com" />
<meta name="twitter:image" content="https://zip358.com/tool/tenji/images/web-image.png" />

最後に上記の設定した後、上手くTwitterカードが機能しているかを確認するためのTwitter公式のチェックページがあります、そちらにチェックしたいページのURLを記入することによりチェックが可能です。

https://cards-dev.twitter.com/validator

タグ

html, meta, Twitter, url, アレ, カード, かんたん, キャスター, コード, こと, ご自身, シェア, ソース, タイムライン, タグ, ため, チェック, フェイスブック, ページ, ヘッダー, ホームページ, 下記, 予報, 今回, 今週, 便利, 先週, 公式, 変更, 天気, 対応, 形, 方, 時, 画像, 画面, 確認, 答え, 簡単, 表示, 記載, 設定, 説明, 部分,

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

2021.10.25

Logging

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

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

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

code{0} JS編-part1

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

https://github.com/zip358/T2_pg

code{0} JS編-part2

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

タグ

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

Notionというアプリが定着しているけどどうなのかな。

2021.08.15

Logging

雨はシトシトと降っている、平日に土日の記事を予約投稿しています?。

非ITエンジニアの方はあまり知らない、もしくは、はじめて聞いたという方もいると思いますがITエンジニアの方々にはNotionというアプリが結構、定着しています。使用していなくてもIT界隈の皆さまは名前だけは聞いたことあるよという人は多いはずです。Notionというアプリを簡単に説明するならばメモアプリです?。

それも無料枠で結構使える、メモアプリ。どこかの記事では神アプリとも言われているぐらい良いアプリですが・・・(*´ω｀*)、自分はまだこのメモアプリを使用しておりません。なので、今回どんなアプリなのかを知るために平岡雄太さんのYOUTUBE動画を視聴しました。

Notionの使い方徹底解説！Notionの魅力と基本的な使い方を解説【前編】

それを見てITエンジニアが使うわけだと思ったわけです、その理由はメモした情報をデータとして管理・整理することが出来るという所です。データベースの使い方を平岡雄太さんが詳しく分かりやすく解説していますので、これからNotionを使用したい方は必見の動画になると思います。

Notionの使い方徹底解説！データベース管理の基本を分かりやすく紹介します【中編】

因みにNotionは、日本語対応をしていないので、ページをGさんの翻訳機能を使用して使用するか英語を理解するかになります。尚、2021年中に日本語対応する可能性があります、遅れたとしても2022年には日本語に対応することになりそうです、そうなれば一気にNotionというアプリが広がりそうな気がします。そんな訳もあり今回紹介しました。

Notionの使い方徹底解説！Viewを活用して欲しいものリストや読書記録を作る【後編】

尚、自分としてはガントチャートが使用できるというのはすごく便利だなと思いました。

タグ

IT, Notion, youtube, アプリ, エンジニア, こと, それ, ため, データ, データベース, どこか, パス, まだこ, メモ, わけ, 予約, 人, 今回, 使い方, 使用, 動画, 名前, 土日, 定着, 平岡, 平日, 情報, 所, 投稿, 整理, 方, 方々, 枠, 無料, 理由, 界隈, 皆さま, 神, 管理, 簡単, 自分, 視聴, 記事, 説明, 雄太, 雨, 非,

クロスプラットフォーム開発（アプリ）をPythonで行う。

2021.05.21

Logging

PyQt5でクロスプラットフォーム開発（アプリ）を行う事が出来るだってさ。ただし、PyQt5は商用利用に縛りがあるのだとか、個人で使用する分には問題なしだということ。CSSとPythonの記述が分かっていればそれほど難しくない難易度かと自分は下記の動画を見て思いました。

Create GUI App with PyQt5 – PART 1

pip install PyQt5

Python：パイソンがインストールしている環境で上記のコマンドを打つことでPyQt5はインストール可能です。あとはコードを書いて実行するだけでアプリが実行されます。

PyQt5の使い方を解説している人がいます。リンク先のように書けばチェックボックスなども設置可能です。因みにコードを一々書くのは面倒だという方はQt Designerと連携することでGUIの設計は楽になると思います。
環境構築を説明しているリンクを貼っときます。こちらでPyQt5のプログラムを使用しQt Designerで開発を行えます。

この頃はクロスプラットフォーム開発も多様化していろいろな言語で開発ができるようになってきてますね。楽になったものだと・・・。

追伸：商業利用でクロスプラットフォーム開発が行いたい場合はPySideを使用するべしです。理由はこちら
https://www.kimoton.com/entry/20181202/1543724518

タグ

5, css, Designer, GUI, install, pip, PyQt, Python, Qt, あと, アプリ, インストール, えま, クロス, コード, こちら, こと, コマンド, チェック, パイソン, プラットフォーム, プログラム, ボックス, リンク, 上記, 下記, 事, 人, 使い方, 使用, 個人, 分, 利用, 動画, 可能, 商用, 実行, 方, 構築, 環境, 縛り, 自分, 行, 解説, 記述, 設置, 設計, 説明, 連携, 開発, 難易, 面倒,

Laravelは作って覚えようということで。

2021.03.20

Logging

チームラボがフレームワークの解説をしているサイトに出会いました。こちらを参考にLaravelを勉強中です。フリーランスの仕事はLaravel（ララベル）案件かRuby on Rails（ルビオンレイルズ）の案件が多いです。WEB系はそんな感じで未経験者はフレームワークのポートフォリオサイトでも作ってアピールしないと仕事もらえれない感じですね。因みにLaravelの難易度はそれ程高くないのではないかと思っています。MVCの感覚さえ覚えればそんなに覚えるのには時間がかからないのではないかなと思います。

チームラボのLaravel（ララベル）解説サイトはこちらです。

https://team-lab.github.io/skillup/step2/01-framework.html

尚、チームラボを知らない方のためにチームラボがどんな事をしているかを軽く説明するとインタラクティブな創作？活動をしている会社（チーム）です、テクノロジーと芸術の融合している集団ですがクリエイティブなWEBサイトなどからアプリなど多岐にわたる開発をしています。チームラボを率いる取締役社長は猪子寿之さんです。

Ever Blossoming Life Tree – Giant Taro Cedar

タグ

01, 2, Framework, github, html, https, io, Laravel, MVC, ON, Rails, Ruby, skillup, step, team-lab, web, アピール, インタラクティブ, オン, こちら, こと, サイト, ため, チーム, チームラボ, テクノロジ, フリー, フレームワーク, ポートフォリオ, ララベル, ランス, ルビ, レイルズ, 事, 仕事, 会社, 創作, 勉強, 参考, 感じ, 感覚, 方, 時間, 案件, 活動, 系, 経験者, 解説, 説明, 難易,

ヒキコモリストのお姉さんが！

2021.03.15

Logging

ヒキコモリストのお姉さんこと、小森ひき子さん（YOUTUBER）は賢い人だと思います。このYOUTUBEチャンネルはなんだか、伸びそうなので紹介します。会社を辞めてデイトレ（デイトレーダー）とYOUTUBER兼業している人です。ひきこり一人暮らしの日常、ゲームなどや電子工作などのYOUTUBEに流しているだけど「えっ普通のOL」してた人には思えないぐらいです。確かにネットには方法が落ちているけど理解しているふうだし、サラッと説明は省いているところなど戦略的だなと思えます。賢いですよ・・・そんなことは本人は言いませんが。

【一人暮らし女部屋改造】デスクに置いた植物と機械を融合させる【生産性】

デイトレ投資の話、【削除するかも】と書かれているので下の動画は削除されるかもしれません。この動画で名言があります。それは「副業は全力でやるべきだ」という話です。

【削除するかも】デイトレ投資専業6年目の一人暮らしひきこもり女が投資についてやってはいけないことをお伝えします【デイトレのリアル】

最後にチャネル登録はこちら
https://www.youtube.com/c/小森ひき子ひきこもりLIFE/featured

タグ

com, featured, https, LIFE, ol, www, youtube, YOUTUBER, お姉さん, ゲーム, こちら, こと, コモリ, スト, それ, チャネル, チャンネル, ディ, デイトレ, デイトレーダー, ところ, どれ, ネット, ヒキ, ひきこもり, ふう, 一人暮らし, 下, 人, 会社, 全力, 兼業, 削除, 副業, 動画, 名言, 小森, 工作, 投資, 方法, 日常, 普通, 最後, 本人, 理解, 登録, 紹介, 話, 説明, 電子,

サーバー引っ越して突貫工事。

2020.09.29

Logging

昨日、サーバー引っ越しして突貫工事を行っていました。ことの成り行きを説明するとサーバー移行しようとしてミスってしまった…。画像データのバックアップを取るのを忘れて、サーバーを消しちゃって『あぁ』ってへたってました。数時間、もうこのサイトを消そうかなとか思ったのですが今まで蓄積した、どうしようもないデータ量を無駄にするのは惜しいと思い、数時間後にテキストデータだけさくらレンタルサーバーに移行しました。

今までは別のVPSで動かしていたのですが、なんだかもったいなという気持ちが芽生えてきて元のさくらレンタルサーバーに移行しました。じぶんは結構、サーバーの移行を行います。これは計画的な移行というのはほぼ無くほぼ衝動的なサーバー移行が多いです。なので何の前触れもなくサイトが数時間見えなくなったり、見えづらい状態になったりということが数年間に何回かあります。

本当はもっと良いサーバーを借りたいものですが、収益とサーバー代がとんとんな状態なので、いまは良いサーバーを借りていません。

因みに自分がオススメするレンタルサーバーはXサーバーがしているwpxやかごやサーバーです。wpxは初心者でも簡単にワードプレスが構築できてそれでいて表示も高速です。かごやサーバーは高速化処理などは自分で試行錯誤しなければならないのですが、サービスのなかに回線速度を上げることが出来るオプションがあるので、そちらを使用すると大体のワードプレスは爆速化します。

まぁそんなですが自分はさくらレンタルサーバーでゴニョゴニョするのが好きかな。結構、ゴニョゴニョ細工出来ますよね。

タグ

VPS, いま, こと, これ, サ, サーバー, サイト, さくら, じぶん, データ, テキスト, とんとん, バックアップ, ミス, レンタル, 何, 何回か, 元, 別, 前触れ, 収益, 工事, 引っ越し, 数, 昨日, 本当, 気持ち, 無駄, 状態, 画像, 移行, 突貫, 蓄積, 説明,

ECサイトのBASEショップを独自ドメインに！

2020.09.21

Logging

ECサイトのBASEショップを独自ドメインにする方法を書いていきます。まずはお名前ドットコムでドメインを取得します。下記の動画で解説していますのでそちらを参照ください。もし動画のリンクが切れていた場合、YOUTUBEで『お名前.com ドメイン取得』などとググってみてください。ドメインの購入方法が説明されている動画があると思います。

お名前.comのドメイン取得方法【Whois情報公開代行に注意】

次にドメインが所得したあと、DNSの設定よりサブドメイン、『wwwか任意の名（shopなど）』ドメインのサーバ住所（在処）をBASEショップのサーバ住所に変更しなくてはならない為、ブルダウンメニューからCNAMEレコードを選択し『cname.thebase.in』と入力する必要があります。また左端の入力部分にはサブドメイン名を入力してください。

下記の画像を参照してください、手順を参考にしてサブドメインとCNAMEの値を設定し設定ボタンを押してください。(設定する値はｗｗｗか任意のサブドメイン名となり、CNAMEの値はcname.thebase.inになります。)

最後にBASEサイトにログインし上記で設定したサブドメイン（wwwか任意の名（shopなど））を下記の動画を見本に申請してみてください。申請後、数時間で独自ドメインがECサイトで表示されている事が確認できると思います。

ECサイトbaseを独自ドメインに！

タグ

base, CNAME, com, DNS, EC, in, shop, thebase, www, youtube, あと, サーバ, サイト, サブ, サブド, ショップ, そちら, ダウン, ドットコム, ドメイン, ドメイン名, プル, ボタン, メニュー, リンク, レコード, 下記, 任意, 住所, 値, 入力, 動画, 参照, 参考, 取得, 名, 名前, 在処, 場合, 変更, 左端, 必要, 所得, 手順, 方法, 為, 画像, 解説, 設定, 説明, 購入, 選択, 部分,

自己啓発じゃなかった。これからITエンジニアになりたい無垢な人達へ。

2020.09.09

Logging

この説明、とても簡潔で分かりやすいじゃないかなと思った。その人というのはマコなり社長さんです。若い人たちは知っているかと思いますが、ユーチューブチャンネル登録者数が78万人もいるエンジニア系社長さんです。

非エンジニアでもわかる！Webサービス・アプリが動く仕組み

サーバのことからはじまりプログラムのいろは的なことを簡潔に述べています、厳密に言えば若干の誤差はあるものの、たぶん分かりやすい解説かなと思います。非エンジニアでも分かるじゃないかなと思いますし、IT好きの人達には間違いなくわかる内容になっていると思います。

この頃、思うのは今は大体のことがネットで勉強できる時代になっていて本当に地頭が良い人は学校に行かなくとも結構なスキルをネットだけで手に入れることが出来てしまう世の中になりつつあると思います。

ホリエモンが学校必要ないとか言っているのも、あながち大げさなことでもないと思います。学歴というものを社会が重要ししなくなったら、おそらく学校は必要なくなり、それに変わるスキルの証明だけあれば生きていける世の中になるのかもしれないなと自分は思っています。そうなるには10年?20年はかかるかもしれないですけどね。

いや、本当に時代は変わってきてるよ。

タグ

78, IT, いろは, エンジニア, こと, これ, サーバ, スキル, チャンネル, ネット, プログラム, ホリエモン, マコ, もの, ユーチューブ, 万, 世, 中, 人, 今, 内容, 勉強, 啓発, 地頭, 大体, 学校, 学歴, 手, 時代, 本当, 無垢, 登録者, 社会, 社長, 簡潔, 結構, 自己, 若干, 解説, 誤差, 説明, 重要, 頃,

長年、デスクワークしていると。（あるあるネタ）

2020.07.24

Logging

長年のデスクワークをしていると、お腰をかなりの確率で痛めます、じぶんはいま、椅子に座ると痛みに耐えながら、プログラミングなどをしています。

たぶんかなり重症なケースだと思います。痛み止めがほしいぐらい、背骨からお腰のあたりがヅキジーンという痛み絶えずきます。半端ないぐらい痛いのでそろそろ本当に整形か整体にでも通わないといけないレベルかなと感じています。

因みに絵で説明するとここらへんが痛いのです。前職を辞める前から痛かったのですが、辞めて自宅でゴトゴトとプログラミングしていたら、ますます悪化してしまったらしいです。

いまはストレッチやお腰が痛くなると座るのを一旦辞め、立ち上がって休憩し痛みが和らげば、また作業するということを繰り返しています。早くこの痛みとおさらばしたいというのが今の目標です。

タグ

あたり, いま, おさらば, かなり, ケース, ここら, こと, じぶん, ストレッチ, ヅキジーン, デスク, ネタ, プログラミング, べん, レベル, ワーク, 今, 休憩, 作業, 前, 前職, 半端, 悪化, 整体, 整形, 本当, 椅子, 痛み止め, 目標, 確率, 絵, 背骨, 腰, 自宅, 説明, 重症, 長年,

pip3がうまく動かない(´・ω・`)ｖ

2020.04.30

Logging

pipがうまく動かないときの対応。下記の3点が入っていないとpython3をインストールしたとしてもpipが動かないそうだ。これが分かるまでに2時間を費やした時間を返してください(´・ω・`)ｖ

yum install -y openssl-devel
yum install -y libffi-devel
yum install -y zlib-devel

https://www.youtube.com/watch?v=mVAQTrLLJzw

ちなみにPython3のインストールは下記のURLの説明を参考しました。ソースコードをビルドしインストールしている。こうすることでバージョンの使い分けができる。PHPは慣れたもので簡単に使い分けできるですけどね・・・。PythonはPythonは・・・。

https://www.youtube.com/watch?v=nmTJ2DgYuEw

最後にソースコードをビルドしてインストールしてpipを使用する場合、pip3で動かない場合はpip3.8とか試してみてくださいね。

コピペでWEBスクレイピングしてみた動画をUPしています。ちなみにpython 初心者vlogをアップして駄目駄目さ見せつけています。PHPはスイスイ?と出来るのですがPythonはズブの素人です。

徐々に上達するでしょう。

タグ

-y, 2, ３, 3.8, install, libffi-devel, openssl-devel, php, pip, Python, UP, url, ｖ, web, yum, zlib-devel, インストール, コード, こと, コピペ, これ, してい, スク, ソース, とき, バージョン, ビルド, ピング, もの, レイ, 下記, 使用, 動画, 参考, 場合, 対応, 時間, 最後, 簡単, 説明,

プログラム講師YOUTUBER、たにぐちまことさん。

2020.04.25

Logging

たにぐちまことさんという方がYOUTUBEでフロントエンドエンジニアやバックエンドエンジニアに対して有益な情報を公開しています。wordpressやvue.jsなどをわかりやすく解説しています。近々、kintoneの高知県講演（ライブ放送）で登壇される予定です。これからWEBのプログラマーやコーダーになりたい人は視聴して損はないと思います。自分が昔、HTMLなどを学んだときにはあまり本も買わずソースコード（HTMLコード）から勉強をしていましたが、いまはYOUTUBEという便利なツールがあるので、教育系YOUTUBERの動画を見て学習し手を動かして実践することにより短時間で学習することが出来ると思います。

Vue.js入門 #01：一番最初のプログラム

自分がいまプログラミング初心者だったら、下記のようなプログラミング学習方法を取ると思います。YOUTUBEで教育系動画を視聴して動画で説明された物と同じ物を作成します。作成途中に分からない事があればググります、そして再度動画を観る。進まない時はSNSで質問をするなどを行いながら徐々に知識を身に着けていきます。知識がつくと基本を知ることが出来るので、次に違うプログラミング言語を学ぶ時の応用が付きます。尚、違う言語を学ぶときは以前まで使用していたプログラミング言語をいま勉強している言語で同じことを試してみるという事を行います。そうすることで比較的短時間で違う言語の勉強がスムーズになります。

理屈っぽい HTML5入門 #01：タグと HTML5と XHTMLの名残

最後にYOUTUBEチャンネル登録はこちら
たにぐちまことのともすたチャンネル
https://www.youtube.com/channel/UCphTq6mefx_15CjD35qgXgA

タグ

html, JS, kintone, vue, web, WordPress, youtube, YOUTUBER, いま, エンジニア, エンド, コーダー, コード, こと, これ, ソース, たにぐち, ツール, とき, バック, プログラマー, プログラミング, プログラム, フロント, まこと, ライブ, 下記, 予定, 事, 人, 作成, 便利, 公開, 初心者, 勉強, 動画, 学習, 実践, 情報, 手, 損, 放送, 教育, 方, 方法, 昔, 有益, 本, 物, 登壇, 短時間, 自分, 視聴, 解説, 説明, 講師, 講演, 途中, 高知県,

ブラウザのプッシュ通知が簡単にできちゃうFirebase

2020.03.20

Logging

ブラウザのプッシュ通知が簡単にできちゃうFirebaseのでやり方を簡略的に記載します。

Firebaseにプロジェクトを作成する（グーグルのアカウントが必要）。
firebase cliというパッケージソフトをOSにダウンロードしそのソフトを任意のフォルダの中に移動させて起動させる。Node.jsはインストール済みとする（※手順）。
試しにホスティングしてみる。ホスティングはプロジェクトの左側の項目よりホスティングをクリックすると手順の説明通り行うと出来ます。
URLより確認し表示されているか確認する。
Cloud Messagingの設定よりFCM でウェブ認証情報を設定するからメッセージングオブジェクトを取得するまでをブラウザで操作し設定を行う。
ローカルに下記のURLよりファイルをダウンロードする。ダウンロードするファイルはfirebase-messaging-sw.js, firebase-logo.png, index.html, main.cssになります。動かない場合は再設定が必要。
https://github.com/firebase/quickstart-js/tree/f76b14ca00cca48dbfca5c787c0a4ca73eb9857d/messaging
ダウンロードしたファイルはpublicか自分が決めたフォルダに入れる。
index.htmlソースの中に ‘<YOUR_PUBLIC_VAPID_KEY_HERE>’ と記載している部分があるので変更する。
firebase cli より『 firebase deploy』する。
ページを再読み込みして通知を許可する。
Cloud Messagingから送信してみる。
通知が届くことを確認する。
※今回はブラウザのプッシュ通知なのでアプリを追加する際はWEB（</>）を選んでください。

Introducing Firebase Cloud Messaging

ではでは?健闘を祈る?

タグ

cli, Cloud, FCM, Firebase, firebase-logo, firebase-messaging-sw, index, JS, Messaging, node, OS, png, url, アカウント, インストール, ウェブ, オブジェクト, グーグル, クリック, ソフト, ダウンロード, パッケージ, ファイル, フォルダ, プッシュ, ブラウザ, プロジェクト, ホスティング, メッセージング, やり方, ローカル, 下記, 中, 任意, 作成, 取得, 左側, 必要, 情報, 手順, 操作, 確認, 移動, 簡単, 簡略, 表示, 記載, 設定, 認証, 説明, 起動, 通知, 項目,

?Ponanza（ポナンザ）の作成者さんが作ったお天気のアレを真似たひとり用。

2020.02.22

Logging

Ponanza（ポナンザ）の作成者さんが作ったお天気のアレを真似たひとり使用？ものです。下記のものを作りました。開発者の場合、自分で作りたい衝動にかられると思います。まんまと駆られて作りました…なので考え方をお裾分けです。今までQiitaで公開したソースコードも必要になりますので、リンクを貼っときます。そしてメインのソースコードは下記になります（ Twitterのoauthライブラリを呼び出しが必要になります。）。

※個人の開発者様用なので位置情報は引っ張って来てません、天気の都道府県を変更されるか、Twitterの位置情報を使用し天気のAPIへ投げるなりしてください（本家はIP情報から位置情報を特定しようとしているようです）。乱暴な説明ですが駆け出しのプログラマーじゃない限りできると思います。

本家はこちら
https://note.com/issei_y/n/ne128a0cf27ca

追記：ソースコードをComposerで使用できるようにしました。
https://qiita.com/zip358com/items/8c1a128e24cc33ca7ca7

composer require zip358/tw_name_change

<?php
require_once ("vendor/autoload.php");
require_once ("moon.php");
require_once ("tenki.php");
use Abraham\TwitterOAuth\TwitterOAuth;
$connection = new TwitterOAuth(CONSUMER_KEY, CONSUMER_SECRET, ACCESS_TOKEN, ACCESS_TOKEN_SECRET);
$user_data=$connection->get("users/show",["screen_name"=>$user_screen_name]);
$name = $user_data->name;
date_default_timezone_set('Asia/Tokyo');
$icons = moon::$icon + tenki::$icon + array("@"=>"@");
$year = date("Y");
$mon = (int)date("m");
$day = (int)date("d");
$H = (int)date("H");
if($H>=6 and $H<=17){
    tenki::main();
    tenki::$url = "https://api.openweathermap.org/data/2.5/weather?id=".tenki::$ken->kochi["id"]."&appid=".tenki::$appid;
    tenki::api();
    $chg = tenki::$icon[str_replace("n","d",tenki::$response->weather[0]["icon"])];
}else{
    moon::main($year,$mon,$day);
    $chg = moon::icon();
}
foreach($icons as $key=>$val){
  if(preg_match("/$val/",$name)){
    $hit = $val;
  }
}
$name = str_replace("$hit",$chg,$name);
$connection->post("account/update_profile", ["name" =>$name]);

タグ

0, 128, 27, API, ca, cf, com, https, IP, issei, ne, note, oauth, Ponanza, qiita, Twitter, アレ, お裾分け, コード, こちら, ソース, ひとり, ひとり用, プログラマー, ボナンザ, メイン, もの, ライブラリ, リンク, 下記, 位置, 作成者, 使用, 個人, 公開, 場合, 変更, 天気, 必要, 情報, 本家, 特定, 考え方, 自分, 衝動, 説明, 都道府県, 開発者, 限り, 駆け出し,

スターウォーズの過去作あらすじを分かりやすく説明している動画。

2019.12.22

Logging

「スター・ウォーズ」過去作のあらすじをまとめて紹介！

もっちゃんという方がスターウォーズの過去作品のあらすじを
紹介しているのだけど、知らない人が見てもとても分かりやすく説明している
と思います。

この人、東大卒なのですがあまりそれを売りにしていない所が良いですね。
映画好きなひとでどちらかと言えば、ストーリーや演出などを
観ていて感想などを述べているところが良いなと思います。

ちなみに映画レビューはどれも分かりやすいです。

YOUTUBEチャネルはこちらです。もっちゃんねる
https://www.youtube.com/channel/UCsN0m1lwpEDOcMy4SoLI8Pw

タグ

0, １, 4, 8, channel-, com, lwpEDOcMy, Pw, SoLI, UCsN, youtube, あらすじ, こちら, スターウォーズ, ストーリー, それ, チャネル, ところ, どちらか, どれ, ひとで, もっちゃん, レビュー, 人, 作, 作品, 動画, 売り, 感想, 所, 方, 映画, 東大卒, 演出, 紹介, 説明, 過去,

javascriptを勉強中

2018.12.15

Logging

var a = 3;
var b = 10;
var obj = {
        hoge:function(a){
            a = a + a;
            return a;
        },
        a:a = a && 5,
        b:b = b || 3
    };
console.log(obj.hoge(2));
console.log(obj.a);
console.log(obj.b);

上記のCodeを動かすと仕事と表示されます（笑）、4，5，10と表示されます。
何故そうなったかを考えるとキリがないのでそういうものだと
思ったほうが良いかもしれないです。
説明するとhogeはオブジェクトです。あとは変数とIF文の省略系を
記述しているだけです、実際は＝もいらないですが・・・。
わかりやすく自分なりに記載したつもりです。
javascriptライブラリってこういうのが何百行も記載して成り立っていますが
概念はこういう事です。自分は基本的に概念しか覚えないのです。
何故、そうしているか・・・自分が怠惰な人間だからです。

タグ

10, 2, ３, 4，5，10, 5, amp, Code, console, function, hoge, if, javascript, log, obj, return, var, あと, オブジェクト, キリ, つもり, もいら, もの, 上記, 仕事, 勉強, 変数, 実際, 文, 省略, 自分, 表示, 記載, 記述, 説明,

通信の疎通よりも。

2018.01.24

Logging

pingとは疎通しているかどうかを確認すること。
ひとも疎通確認ができればなんて楽なんだろうかと思います。
この頃、ある企業へ問い合わせを行ったけど
たらい回しされやっと開発部門へ問い合わせする
事ができて、あっという間に問題解決したという事があった。
問題なのは基本的に自分の言い回しなのだけど
通じる通じないはその人の理解度かなと思っています。
自分の宇宙語が理解できる人は、それなりにその分野を理解している
人です。理解できない人は普通の人なのだと思っています。
なにせ、説明が自分で言うのも何ですが下手です。
ちなみに専門用語は覚えているのですが、アスタリスクやハイフンなど
普通の人でも読み方を知っている言葉を覚えていなく。
バックスラッシュなどは覚えている始末・・・。
ある意味、飛んでいるのかもしれない。

タグ

B00G35I170, ping, アスタリスク, あっという間, ハイフン, バックスラッシュ, 問い合わせ, 問題, 字幕版, 宇宙人ポール, 宇宙語, 専門用語, 理解度, 疎通, 疎通確認, 言い回し, 説明, 読み方, 開発部門,