Qiitaのfeedを取得して表示するだけのコード。 #php
2022.11.05
おはようございます、土曜日の朝ですね😗。
今日は文化の日にQiitaにUPしたfeedを取得して表示するだけのコードを書きました。見た目はこんな感じでQiitaの雰囲気を取り入れたデザインにしています。デモ版として実際にサーバーで起動しているモノです、feedを取得しているユーザーは自分を入れて3人です。
表示する人数が多くなるとページを描画する時間が遅くなるので実質、10人が限度かも知れないです。もし何人ものユーザーを取得したいと考えている方は表示部分と処理部分を別けて、尚且つ処理部分は非同期処理で変更することを推奨します。
尚、明日には2つに別けたプログラムコードを別記事として記載しますので、しばしお待ち下さいませ🙇。
今回のソースコードはこんな感じになってます。
<?php
function get_Qiitafeed(string $feedUrl){
$xml = @simplexml_load_file($feedUrl);
if(isset($xml->entry)){
print("<ul class='qiita_feed-list'>");
foreach($xml->entry as $key=>$val){
print("<li><a href='{$val->url}'>".$val->title."</a></li>");
}
print("</ul>");
}
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<style>
.qiita_feed-list > li{
/* font-weight: bold; */
color:aliceblue;
}
.qiita_feed-list > li > a{
color:aliceblue;
}
body{
background-color:#60b111;
}
.shadow-lg {
box-shadow: 0 1rem 3rem rgba(255,255,255,.195)!important;
}
</style>
<title>Qiita-feed</title>
<?php
require $_SERVER['DOCUMENT_ROOT'] ."/header_script.php";
?>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="text-light">Qiita-feed</h1>
</div>
</div>
</div>
<div class="container mt-2">
<?php
$Id_List = ["taoka-toshiaki","mpyw","suin"];
foreach ($Id_List as $key => $id) {
?>
<div class="row shadow-lg p-3 mb-5 bg-body rounded">
<div class="col-12">
🌿<span class="text-light">://qiita.com/<?=$id?>/feed :[引用]</span>
<?=get_Qiitafeed("https://qiita.com/".$id."/feed")?>
</div>
</div>
<?php
}
?>
Copyright <?=date("Y")?> <a href="https://358tool.com">358tool.com</a>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.1/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
</body>
</html>
タグ
10, 2, 3, feed, feedUrl, function, GET, lt, php, qiita, Qiitafeed, string, UP, お待ち, コード, こと, サーバー, ソース, デザイン, デモ版, プログラム, ページ, もの, ユーザー, 人数, 今回, 今日, 何人, 処理, 別記事, 取得, 同期, 土曜日, 変更, 実質, 実際, 感じ, 推奨, 描画, 文化の日, 方, 明日, 時間, 朝, 自分, 表示, 見た目, 記載, 起動, 部分, 限度, 雰囲気,
staticかdynamicか、php-fpmの話。#php #apache
2022.11.01
おはようございます、メモリが肥大化して落ちました🤮。
先週の朝、メモリが肥大化して落ちてしまいました。今まではphp-fpmを1時間置きに再起動していましたが、それを変更した途端。メモリを食ってしまい落ちたわけです。
php-fpmの対応はこちらのサイトを参考にしました、尚、対応方法はそちらの記事を参照ください。その記事を読んでいて思ったことはやはりサーバーを増強したいということです。
でもVPSレンタルサーバーはサクサク表示させるには、結構お金がかかってしまいます、だったら固定IPを引いて自宅サーバーで運用した方が良いのかもしれないなってこの頃、思っています。
そうすればメモリはかなり詰めるし処理もそれなりに早くなります。恐らく瞬速で表示されるようになりますが、震災などが起きると忽ちダウンしてしまいますよね。
そう考えると・・・微妙ですね。
やはりVPSサーバーをもう一つ借りて調整するか、VPSサーバーと自宅サーバーを同期して運用するかだと…。
タグ
1, Apache, dynamic, IP, php, php-fpm, static, VPS, お金, かなり, こちら, こと, サーバー, サイト, そちら, それ, それなり, ダウン, はり, メモリ, もう一つ, レンタル, わけ, 借, 先週, 再起動, 処理, 参照, 参考, 固定, 増強, 変更, 対応, 微妙, 方, 方法, 朝, 瞬速, 自宅, 表示, 記事, 話, 途端, 運用, 震災, 頃,
不安・不満をつぶやくのは景気が良くない証拠。 #twitter #nowar
2022.10.31
おはようございます、会社に行きたくない休みたいと呟く月曜日の朝ですね。仕事をしたいのに出来ない人にとっては何とも贅沢な話にも聴こえます🫠。
さて、不安・不満をつぶやくのは景気が良くない証拠です。コロナ不況で戦争が起こると予言した経済学者がいましたよね。そのロシアVS民主国家の戦争は恐らくこのまま続けばロシアは負けるでしょう。ロシアが手を引く停戦をすればロシアという国は残りそうだけど手を引かなかったら、ロシアを解体させる所まで持っていくだろうと思います。
命懸けで今も戦っている人がいるのとは別に、民主国家の思惑はロシアを解体して民主国家にしてしまうことを考えていると思います。そうなるとアジアの脅威は残るは中国と北朝鮮ぐらいになります、だから中国や北朝鮮は軍人路線に進もうとしている(解体されたら困るから)。
最悪のシナリオは第三次世界大戦になることです、これだけは避けてもらいたいけれども国の上層部が考えることは民衆とは違い利益優先に物事が運びます。そして大体、予想とは違う結果になってしまい後悔するのです。
そうなって欲しくはないので一刻も早く停戦してもらいたいですね。各国、自国の利益のことしか考えていないので、いつまで続くのか分かりませんが。
自分の予想では来年の夏頃まではこの戦争は続くと見ています。その後、ロシアが崩壊しないことを祈るのみです。
No War.
タグ
BY, com, nowar, ON, Pexels, Photo, Pixabay, Twitter, VS, アジア, こと, コロナ, シナリオ, ロシア, 三, 不安, 不況, 不満, 中国, 予言, 人, 今, 仕事, 休, 会社, 何, 停戦, 別, 北朝鮮, 命懸け, 国, 国家, 学者, 思惑, 戦争, 所, 手, 景気, 最悪, 月曜日, 朝, 民主, 経済, 脅威, 解体, 証拠, 話, 路線, 軍人,
これ無料で見えるのか、これはニッチな戦略かな。 #的を得た #労働者2
2022.10.17
おはようございます、月曜日の朝は憂鬱だね🙄。
さて、深いビジネス話が聴きたいビジネスマンや意識高い系にフォーカスを置いてメディアサービスを提供しているPIVOTという配信サービスが伸びてきている気がしますので改めて紹介します。PIVOTはスマホアプリ片手で新鮮な情報、深い話が聞けるのはPIVOTだけだと思っています。今のところこういうサービスは他にないですね。
NewsPicks StudiosのCEOだった佐々木紀彦 社長が立ち上げただけあってPIVOT(ピポッド)は質と方向性が今に合っているような気がします。そしてPIVOTはNewsPicksとは何だか敵対関係というよりは、相乗効果のある良きライバル的な立ち位置になりそうな気がします。NewsPicksとは少し色が違うのかなって見ていて思います、WEBでも公開しているNewsPicksとは違いモバイル端末で完結しているPIVOT。恐らくPIVOTはモバイル端末完結型でこれからも配信していくというのが自分の読みです。
これから、YOUTUBEチャンネルが何処まで伸びるかで今後が決まりそうです。
タグ
2, CEO, newspicks, PIVOT, Studios, web, アプリ, これ, サービス, スマホ, ところ, ニッチ, ビジネス, ビジネスマン, ピポッド, フォーカス, メディア, モバイル, ライバル, 今, 他, 位置, 佐々木, 公開, 労働者, 効果, 完結, 少し, 情報, 意識, 憂鬱, 戦略, 提供, 敵対, 新鮮, 方向性, 月曜日, 朝, 気, 無料, 片手, 的, 相乗, 社長, 端末, 系, 紀彦, 紹介, 色, 話, 質, 違い, 配信, 関係,
制限付きのクロンを無限寿限無にする方法。 #php #無限 #cron
2022.10.12
おはようございます🦏。昔の文章を読んでくれて今の記事を読まないユーザーさんがいます、凹む😖。
さて、今日はさくらレンタルサーバーでcronを制限以上に使う方法を数年前に書いた記事が未だに読まれたりするのでプログラムコードを直してタイトルも直してQiitaとGithubにUPしました。
そのUPした記事があまりアクセスが跳ねなくて少しがっくりしたのがスポーツの日の朝の事です。Qiitaは何だか触りの記事かとても専門性の高い記事が人気を集めるだなって事を、この頃理解したのですが、自分は何方にも寄っていない記事なので跳ねないのかも知れません。
ソースコード貼り付けて置きます。尚、使い方などはQiitaやGithubを参照してください。
<?php
date_default_timezone_set('Asia/Tokyo');
class cron
{
public function __construct(mixed $filepath = "")
{
$val = @file_get_contents($this->pval($filepath));
$obj_ = @json_decode($this->pval($val));
$obj = (object)[];
foreach ($obj_ as $key => $value) {
$obj->name = "month";
$obj->val = $value->m;
if ($flg = $this->trigger_check($obj,"m",1,12)) {
$obj->name = "day";
$obj->val = $value->d;
if ($flg = $this->trigger_check($obj,"d",1,31)) {
$obj->name = "hour";
$obj->val = $value->H;
if ($flg = $this->trigger_check($obj,"H",0,23)) {
$obj->name = "minutes";
$obj->val = $value->i;
if ($flg = $this->trigger_check($obj,"i",0,59)) {
$obj->name = "week";
$obj->val = implode(",", $value->w);
if ($flg = $this->trigger_check($obj,"w",0,0)) {
$this->command($value->command);
}
}
}
}
}
}
}
public function command(mixed $command_val = "")
{
$command_val = $this->pval($command_val);
exec($command_val . " > /dev/null &");
// print "よろしくお願いします~~~!!".PHP_EOL;
return true;
}
public function pval(mixed $val = "")
{
if (is_array($val)) {
foreach ($val as $key => $value) {
$val[$key] = strip_tags($value);
}
} else {
$val = strip_tags($val);
}
return $val;
}
public function trigger_check(mixed $variable = "",mixed $d="",int $min=0 ,int $max=0)
{
if (!$variable) return false;
if ($variable->val === "*") return true;
switch ($variable->name) {
case 'week':
$value = @explode(",", $variable->val);
return (int)$value[(int)date($d)] === 1 ? true : false;
break;
default:
if (preg_match("/^(\*\/[0-9]{1,})$/", $variable->val)) {
$value = @explode("*/", $variable->val)[1];
if (is_numeric($value) && $value >= $min && $value <= $max) {
return (int)date($d) % $value === 0 ? true : false;
}
}
if (preg_match("/^([0-9]{1,}\,{1,})/", $variable->val)) {
$value = @explode(",", $variable->val);
$value = array_map('intval', $value);
return in_array((int)date($d), $value, true) === true ? true : false;
}
$value = (int)$variable->val;
if (is_numeric($value) && $value >= $min && $value <= $max) {
return $value === (int)date($d) ? true : false;
}
return false;
break;
}
return false;
}
}
if($argv[1]){
//argv
new cron($argv[1]);
}
タグ
39, Asia, class, cron, date, default, github, lt, php, public, qiita, set, timezone, Tokyo, UP, アクセス, クロン, コード, サーバー, さくら, スポーツ, ソース, タイトル, プログラム, ユーザー, レンタル, 事, 人気, 今, 今日, 何方, 使い方, 制限, 参照, 寿限無, 専門性, 少し, 数, 文章, 方法, 日, 昔, 朝, 未だ, 無限, 理解, 自分, 記事, 頃,
基本情報技術者試験ワード集と単語帳作りアプリで学習の下準備をする方法! #FE #英語 #効率
2022.10.06
おはようございます、朝、3時半頃から起きています😪。
先日から英語の勉強をアプリではじめました、自分が使用しているのはモノグサというアプリです。このアプリをインストールしたのは二年前の話です、そのアプリを使用して効率良く英単語を覚えていってます、なんかよく分からないけど覚えて行けている🙄。
さて、それとは別に本題のお話です、単語帳作りアプリを使って基本情報技術者試験に出てくるワードを再学習しています。ワードの方は基本情報技術者試験ドットコムから引っ張ってきています、そのワードをCSV化してアプリに入れました。個人的に使用している分にはOKですが、これを公開や共有するとNGになりますので使用時はお気をつけてください🙇。
ワードを収取する方法はブラウザのコンソール画面に下記のコードを貼り付けて収集しました。
基本情報技術者試験ドットコムのキーワード集「あ」から「ん」までのリンクページをそれぞれ開きコンソール画面でコードを実行して、それをUTF8のファイルにペーストして一つのファイルにしてCSV保存。本当はnode.jsでコードを書いて実行でもしようかなと思っていたのですが、それすら面倒くさいと思ったので、こちらの地味な方法を選択しました。尚、行末に必要なカンマを追加して上げてくださいね🙄。
let s = [];
let $moji = function(m){
return String(m).replace(/[\,|\n|'|"]/g," ");
};
Object.keys(document.querySelectorAll(".big")).forEach((e)=>{
s[e] = "'" + $moji(document.querySelectorAll(".big")[e].innerText) + "'" + "," + "'" + $moji(document.querySelectorAll("ul > li > div > div")[e].innerText) + "'";
});
copy(s.join("\n"));
タグ
3, CSV, FE, NG, OK, アプリ, インストール, お気, お話, キーワード, コード, これ, コンソール, それ, ドットコム, ブラウザ, モノグサ, ワード, 下準備, 下記, 二, 使用, 先日, 公開, 共有, 分, 効率, 勉強, 半, 単語帳, 収, 収集, 取, 基本, 学習, 情報, 技術者, 方, 方法, 朝, 本題, 画面, 自分, 英単語, 英語, 試験, 話,
Dockerは楽だなという事を今頃理解しましたよ。 #vbox #docker
2022.10.03
おはようございます、月曜日の朝はテンション低めな方も多いはず😇。
さて、今日は先週の木曜日と金曜日にふと今後のためにDockerをもう少し触ってみようと思い作業終了後触ってみました、触れて気づいた事は開発環境を作るのがとても楽だということ(気づくの遅い?🫠)。自分は昔の人間なのでvisualboxばかり触っていたのですがDockerは素晴らしい。サーバー周りが得意な人にイメージを作ってもらってそれを共有すれば皆、同じ環境下で開発が出来るので良いという事に今頃気づいた・・・。
docker run -it -d -v C:\var\www\html\:/var/www/html --privileged -p 80:80 --name こんてな命名 イメージid /sbin/init
※Visualboxでも可能ですけどね。Dockerのだとそこが楽だしマウント(フォルダ共有)もスムーズに行くので自分は良いなと感じました。
ちょっと残念だった点は自宅で作業している中、バッファローのNAS🍆に作業ファイルを入れているのですが、それとは共有出来なかった点です、対応として実PCをrobocopyしてNASと同期を取るという形にしました。これで問題はなくテスト環境下で開発ができます。尚、高級なNASではそういう問題なく上手くいくそうですよ。※NASはバックアップデータになりました。
robocopy <コピー元> <コピー先> /E /DCOPY:DAT
尚、mirのオプションにしなかったのには理由があります。コピー元のファイルが消えたり、ディレクトリが破損した場合、コピー先のファイルやディレクトリが消えて無くなるらしいので・・・。完璧なミラーリングは辞めました。
こんな感じで快適なテスト環境が作れます(上記のコマンド参考に)。
タグ
--privileged, -p, -v, 80, D-, docker, html, ID, init, IT, name, run, sbin, var, vbox, Visualbox, www, イメージ, こと, こんてな, サーバー, スムーズ, そこ, それ, ため, テンション, パス, フォルダ, マウント, 事, 人, 人間, 今後, 今日, 今頃, 低め, 作業, 先週, 共有, 可能, 周り, 命名, 得意, 方, 昔, 月曜日, 朝, 木曜日, 理解, 環境, 皆, 終了, 自分, 行, 金曜日, 開発,
見えないテコ入れ人の感覚。#スキマ時間 #ブログ
2022.10.01
おはようございます、今日も朝に記事を書いています😌。もう10月ですね、これを書いていたのは9月29日です。この頃、少しリアルとタイムラグのあるモノにしています。
さて、今日はブログを毎日書いて意味があるのかというお話です。最初に回答を記載します、アクセス数にはあまり影響を及ぼす事はありません。YさんやGさんの検索サービスがどの記事を拾ってくれるかなんて分からないです。そういう観点から言えば色々な記事を書いてアクセス数の多い記事へ路線変更するとアクセス数は稼げます。
ただ、好きでもない内容の記事がアクセス数が多くなったりする場合があります。その場合、お金のために記事を書くことになります、そう言うのは続かないので辞めたほうが良いです🫠。自分の記事は好きな事しか書いていないけれど、それなりにアクセスが付くようになりましたが・・・。自分が読んでほしい記事にアクセス数が付くとは限らないのが今の悩みどころですね。
そういう事もあって10月から眠らせていたブログを一つ再活動しようと思っています。再活動の理由は収益化です、そしてこのサイトのYOUTUBEもトライしてみようと思います。この2つの活動の共通点は広告が付いていないということYOUTUBEの登録者数は9人です。ブログに至っては訪問者は10桁いかない日さえあるサイトでが、更新頻度を上げれば半年でそれなりの数は付くという勝算はあります。
明日から我らWEB主義というサイトとYOUTUBE(zip358com)、不定期更新という名目で活動しますので良かったらそちらもよろしくお願いします🙇。
タグ
10, 29, 9, アクセス, お話, お金, こと, これ, サービス, すきま, タイムラグ, ため, テコ入れ, ブログ, もの, リアル, 事, 今, 今日, 内容, 回答, 場合, 変更, 少し, 影響, 意味, 感覚, 時間, 最初, 朝, 検索, 自分, 色々, 観点, 記事, 記載, 路線, 頃,
一週間の予約が出来るデモコードです。良かったらどうぞ😌。 #php #code
2022.09.17
おはようございます、今日から台風接近らしいですね。この投稿は昨日書きました。
さて、一週間の予約(時刻表から)が出来るデモコードを書きました。これを書いたキッカケは昔の職場の方がこんな感じのUIを作られていたのを見て、自分も書いてみようと思いDEMOコードを朝起きて調べながら書きました。調べたことは選択を解除する方法だけで、後はオリジナルコードです、設計書も何もなく組み立ていきましたので、欠陥があるかもです。また、Qiitaにも記載しましたが、コメントをほぼ書いていません。書かずともプログラマーなら分かるだろうという感覚です。
肝心の確認部分は記載していないのにも訳があります。営業妨害になっては駄目だからです。そういう理由で確認部分以降は書いていません。
こちらにもソースコードを掲載しときますね。
<?php
ini_set("display_errors",0);
/**
* @param array $holiday
* @return string $str
*/
function fn_header($holiday = [])
{
$str = "";
$date = new DateTime();
for ($i = 0; $i < 7; $i++) {
!$i ? "" : $date->modify('+1 day');
$w = $date->format("w");
$tabindex = $i*7;
$ho = (function ($days, $holiday = []) {
return (array_search($days, $holiday) !== false) ? "holiday" : "";
})($date->format("Y-m-d"), $holiday);
$str .= "
<th tabindex=$tabindex>
<span class='header_no week_no_$w $ho'>" . $date->format("Y-m-d") . "</span>
</th>";
}
return $str;
}
/**
* @param int $h_min
* @param int $h_max
* @param int $m_interval
* @param array $cnt
* @param array $reserve
* @param array $holiday
* @return string $str
*/
function fn_time($h_min, $h_max, $m_interval,$cnt=[],$holiday = [], $reserve = [])
{
$str= [];
for ($h = $h_min; $h <= $h_max; $h++) {
for ($m = 0; $m < 60; $m = $m + $m_interval) {
print("<tr>\n");
$date = new DateTime();
for ($i = 0; $i < 7; $i++) {
$cnt[$i]=!$cnt[$i]?(((($h_max - $h_min)+1)*(60/$m_interval))*($i))+7:(++$cnt[$i]);
!$i ? "" : $date->modify('+1 day');
$w = $date->format("w");
$ho = (function ($days, $holiday = []) {
return (array_search($days, $holiday) !== false) ? "holiday" : "";
})($date->format("Y-m-d"), $holiday);
$time = sprintf("%02d:%02d",$h, $m);
if ($ho) {
print("
<td class='' tabindex={$cnt[$i]}>
<span class='header_no week_no_$w $ho'>" . $time . "</span>
</td>");
} else {
$r = (function ($days, $reserve = []) {
return (array_search($days, $reserve) !== false) ? "reserve" : "";
})($date->format("Y-m-d") . "_" . $time, $reserve);
if (!$r) {
print("
<td class='date_" . $date->format("Y-m-d") . "_{$time}' tabindex={$cnt[$i]} data-date='" . $date->format("Y-m-d") . "_{$time}'>
<a class='time_{$m}_" . $date->format("Y-m-d") . "_{$time}' data-sortno={$cnt[$i]} href='#?data=" . $date->format("Y-m-d") . "_{$time}'><span class='header_no week_no_{$w} {$h}'>{$time}</span></a>
</td>");
} else {
print("
<td class='' tabindex={$cnt[$i]}>
<span class='header_no week_no_$w $r'>" . $time . "</span>
</td>");
}
}
}
$date = null;
print("</tr>\n");
}
}
return "";
}
?>
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="Description" content="Enter your description here" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>予約-時刻表(デモ版)</title>
<style>
table,tr,td{
user-select: none;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h1 class="display-1">予約-時刻表<br></h1>
<h5>{予約:時刻をクリックするか、<br>
左クリック選択状態で複数選択可能です<br>
(日付またぎは禁止しています)}</h5>
<h5>{ダブルクリックすると予約画面に遷移します。<br>
※DEMO版ですので予約登録画面は御座いません}</h5>
</div>
</div>
</div>
<div class="container-fluid text-center">
<div class="row">
<div class="col-12">
<table class="shadow-lg table table-hover table-bordered">
<thead>
<tr>
<?= fn_header() ?>
</tr>
</thead>
<tbody>
<?=fn_time(10, 20, 10,[],["2022-09-18","2022-09-23"],["2022-09-19_10:40","2022-09-19_10:50"]) ?>
</tbody>
</table>
</div>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.9.2/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.1.0/js/bootstrap.min.js"></script>
<script src="./assets/js/main.js?<?=time()?>"></script>
</body>
</html>
let date_obj = document.querySelectorAll("td");
let submit_url = "https://example.com";
let is_date_data = [];
let cnt = 0;
date_obj.forEach(function (elm, key) {
elm.addEventListener("mouseout", select_in_value);
elm.addEventListener("click", sp_select_in_value);
elm.addEventListener("touchend", sp_select_in_value);
elm.addEventListener("dblclick", select_out_value);
});
function check_value(o, e) {
if (is_date_data.length === 0) {
return true;
}
let d = o.getAttribute("data-date");
return d ? ((d) => {
let f = is_date_data.find(element => {
let pattern = new RegExp(d.split("_")[0]);
return !element.match(pattern);
}) ? false : true;
if (!f) {
select_clear(o, e);
is_date_data = [];
cnt = 0;
}
return f;
})(d) : false;
}
function select_in_value(e) {
if (e.buttons === 1 && check_value(this, e)) {
if (this.getAttribute("data-date")) {
this.style.backgroundColor = "#555";
this.children[0].style.color = "#fff";
if (is_date_data.indexOf(this.getAttribute("data-date")) && is_date_data.indexOf(this.getAttribute("data-date"))) {
is_date_data[cnt] = this.getAttribute("data-date");
cnt++;
}
}
}
}
function sp_select_in_value(e) {
if (check_value(this, e)) {
if (this.getAttribute("data-date")) {
this.style.backgroundColor = "#555";
this.children[0].style.color = "#fff";
if (is_date_data.indexOf(this.getAttribute("data-date")) && is_date_data.indexOf(this.getAttribute("data-date"))) {
is_date_data[cnt] = this.getAttribute("data-date");
cnt++;
}
}
}
}
function select_out_value(e) {
if (is_date_data.length) {
let is_data = is_date_data.map(function (elm, index) {
return "date[" + index + "]=" + elm;
});
window.location.href = submit_url + "?" + is_data.join("&");
}
}
function select_clear(o, e) {
let is_ClassName = [];
is_ClassName = is_date_data.map(function (d) {
return "date_" + d;
});
is_ClassName.map(class_name => {
document.getElementsByClassName(class_name)[0].style.backgroundColor = "#fff";
document.getElementsByClassName(class_name)[0].children[0].style.color = "#0d6efd";
})
}
タグ
0, Code, com, demo, https, ligaLgY-uZ, php, qiita, UI, watch, www, youtube, オリジナル, キッカケ, コード, こちら, こと, コメント, これ, ソース, デモ, プログラマー, 一, 予約, 今日, 台風, 営業, 妨害, 後, 感じ, 感覚, 投稿, 接近, 掲載, 方, 方法, 昔, 昨日, 時刻表, 朝, 欠陥, 理由, 確認, 職場, 肝心, 自分, 解除, 記載, 設計書, 訳, 選択, 部分, 駄目,
人類の不都合な真実・こんなタイトルあったよね🤐
2022.09.14
おはようございます、この頃、朝に記事を書くようになりました😌。
お金💰はいらないのにお金は貯まる一方です、なんて言ってみたいですね。さて、自分の為に自分はあまり労力を使うことはありません、お金持ちでもないのにお金のために仕事をしているという感覚がないのです。多分これ感覚がヅレているだと思います、、、。
お金を株などに投資してから更にお金に興味がなくなりました。株や投資をすると分かると思うのですが、株価は変動します。安く買って高く売るとてもシンプルな法則で株式市場は成り立っています、株価は数時間や数分で一日の時給を稼ぐこともありますし、その逆もあります。そういう変動を見ていたら何なんだろうと思うわけです。そんな疑問が最近まであったのですが、あの「サピエンス全史」の本を読んでスッキリした感覚が強いです。分厚い本ですが読んでよかったと思います。人はどうして働くのかやお金って何なのかなど、疑問を持っている人は一度読むと良いと思います。
そんな訳で仕事に対する姿勢も人と少しだけヅレている気がします。自分は何方かと言えば役に立ちたいという気持ちが強いかも知れなくて、お金がなくても作り上げたいなどや手伝ってあげたいな等と思う気持ちがあります。あまり損得勘定は無く商売には向いていません。お金はいらない訳ではないですよ、ただお金持ちになりたいとかいう感情はないです。それよりか、生活に困らなければそれで良いという感覚が強いです。
好きなことでそれなりにお金を稼げたら良いですね😌。その為にも頑張ります。
タグ
お金, お金持ち, こと, これ, サピエンス, シンプル, タイトル, ため, つれ, よね, 一, 一方, 不都合, 人, 人類, 仕事, 何, 全史, 労力, 変動, 市場, 感覚, 投資, 数, 数分, 時給, 最近, 朝, 本, 株, 株価, 株式, 法則, 為, 疑問, 真実, 自分, 興味, 記事, 逆, 頃,
千里の道も一歩からとはよく言ったものですね。毎日の?🤔
2022.09.04
おはようございます、台風が過ぎ去ったらまた暑い日なるのかな?
今日は動画を2本ほど朝視聴したので、その事を踏まえながらブログを記載していこうと思います。記事を読む前に動画を視聴してください、視聴したことを前提に記事は書いています。最初に見たのはウィリアム・マクレイブンさんの動画です。人々が笑っている所に何か大事なことが隠れているような気がします。毎日続けるという事は中々、出来ることではなくて大体の人が辞めてしまいます。おそらく9割の人は辞めてしまうのです。
次に茂木健一郎さんの”ネットで目立っている人にあこがれるなよ!”を見ました。これを見て日の目を見ない人にも凄い人はいるという事はよくわかりますし、何も得ることが出来ないという事も最もだと感じました。
自分のやりたいことがあるのならば、千里の道も一歩からという気持ちで毎日、担々とこなすことが大事になると思います。
タグ
0, 2, 9, com, gMcaNQ, https, NEO, watch, www, youtube, ウィリアム, こと, これ, ネット, ブログ, ふん, マク, マクレイ, もの, レイブン, 一, 中々, 事, 人, 人々, 今日, 何, 前, 前提, 動画, 千里, 台風, 変化, 大事, 大体, 所, 日, 日の目, 最初, 朝, 毎日, 気, 自分, 茂木健一郎, 視聴, 記事, 記載, 道,
わらわらわら(www)をのけました。キャッシュこワい🙄
2022.08.23
こんにちは、今日は朝少しサーバーをイジって朝食後、外出しておりました。
まだ、不安定ですがwwwを除けてzip358.comに戻しました。除けた理由は気まぐれです、DNSのキャッシュが意地悪していて切り替えに時間を費やしてしまいましたが、一応無事に変更した形になります。
これが仕事だったら嫌だなって感じます、数ヶ月使用しているとキャッシュがDNSサーバーに蓄積されているので、その切替は各サーバー頼み。特に大企業じゃない限りDNSサーバーのキャッシュを削除してくれないでしょうね。
WEBサイトやWEBアプリを扱っている企業の担当者にとってサイト移行は胃が痛む仕事かと思います。お客様には見えないと言われたり上司からは早く見えるようにしてとか言われたりする場合もありますからね。因みに自分は徐々に移行する方法でサイト移行を済ませます。まずはDBを移行し、その後、ファイルなどを移行しホストを変えてみて上手く動作しているか確認後、IPアドレスを変更するという形です。
尚、メールサーバは大体、以前のサーバーを使用して頂けるならそうして貰います。
零細企業の場合、インフラからバックエンド、フロント全てに関わることもあるので良い経験になります。良い経験ですが大変です、言うがやすし行うは難しです。
タグ
358, com, db, DNS, web, www, zip, アプリ, いし, お客様, キャッシュ, これ, サーバー, サイト, ファイル, ホスト, ワ, ワラ, 上司, 不安定, 今日, 仕事, 企業, 使用, 削除, 動作, 場合, 変更, 外出, 少し, 形, 後, 意地悪, 担当者, 数, 方法, 時間, 朝, 朝食, 気まぐれ, 無事, 理由, 確認, 移行, 胃, 自分, 蓄積, 限り,
キャンプや個展は気兼ねなく行けるものなのかも?
2022.08.22
おはようございます。月曜日の朝ですね、今日から一日のスケージュールを作って活動します。
さて、キャンプや個展などは、コロナ禍であっても気兼ねなく行ける場所なのかもしれないな。キャンプは外だし、個展は基本的に喋ることが無い空間ですからね。そういう意味で今、再過熱していそうです。秋には個展や美術、展示会など見に行きたいイベントがありますが、どれも県外なので難しいです😭。
話変わって、自分はいまWordPressの過去記事をブロック形式に一括変更できないのか、模索しています。一括変更できるプラグインは恐らく今の段階では作れそうにないです。何故なら公式が提供してくれている記事をブロック変換する物はJavaScriptで変換している。逆から言えば表示される前のデーターを変更するよりもJavaScriptで変換した方がベストと公式サイトのエンジニアが恐らく考えたという事なので、プラグインで作るのは至難の業なのかもしれない。
なので、今回考えたのはSeleniumを使用して解決する方法です。これならそれ程時間もかからず開発できるので、こちらで対応します。尚、出来上がったものを提供するかは今の段階では考えていません。
タグ
javascript, WordPress, イベント, いま, エンジニア, キャンプ, こと, コロナ, サイト, スケージュール, データー, どれ, プラグイン, ブロック, ベスト, もの, 一, 一括, 事, 今, 今日, 個展, 公式, 前, 場所, 変換, 変更, 外, 展示会, 形式, 意味, 提供, 方, 月曜日, 朝, 業, 模索, 段階, 気兼ね, 活動, 物, 県外, 禍, 秋, 空間, 美術, 自分, 至難, 表示, 記事, 逆, 過去, 過熱,
来月からのマイネオ20Gをドタキャンした話(見直し)。
2022.08.21
おはようございます。朝つぶ、昼つぶ、夜つぶを流行らそうとしています(嘘()
来月からマイネオを20Gにしてみようと思っていたのですが、このコロナが落ち着くまで成るべく外出での作業は控えようと思っています。そういう事で20ギガ契約をドタキャンしましたmineoさん、ごめんなさい🙇。
こうやって収入が安定するまでは、いろいろと自分は見直しが必要です。サーバも極力安いサーバに変えたりと固定費は見直すことは結構大事。固定費を下げていくと必要最低限の収入でも生活していけるのかもしれません。因みに自分は今のままでは年金だけで生活できそうにありません…。
国民年金の老後の支払金額を見ると愕然とします。この金額だったら20代から投資信託や株式投資に廻しておけば良かったと大反省しています。20代のNISAの認知力は結構高いらしいです、それぐらい先が不安を感じているだろうなと。
でも、それよりか人生楽しんだ方がお得です。それが今の答えかな、お金を持っていても老後の心配がなくなるだけで活発的に動けるのは若いうちだけだと。そんなお金では変えない時間が大事ですね😌。
自分が老いて生きているかも分からないわけですから、ある程度の貯蓄は必要だと思いますが楽しみを我慢してまでの貯蓄、投資は禁物です。
タグ
20, mineo, NISA, いろいろ, こと, コロナ, サーバ, それ, それぐらい, つぶ, ドタキャン, ネオ, マイ, マイネオ, まま, 不安, 事, 人生, 今, 作業, 反省, 収入, 嘘, 固定, 国民年金, 外出, 夜, 大事, 契約, 安定, 年金, 必要, 投資, 投資信託, 支払, 方, 昼, 最低限, 朝, 来月, 株式, 生活, 老後, 自分, 話, 認知, 金額,
パソコンで閲覧するというのはエンジニアだけなのかも知れない。
2022.08.12
こんにちは、今日は耳鼻科へ朝行ってきました。
この頃、WEBサービスをいろいろとリリースしたり作ったりしていて、そのサービスの訪問者の8割がモバイルからの訪問者だったりして時代の流れを感じたりしています。因みにこのブログは基本的にモバイルよりパソコンからの訪問者が多かったりします。理由はどちらかと言えばエンジニア向きの記事が多いため、職場などでググると私のホームページが上位に表示される事があるからです。
一般的なサイト(技術ネタを扱っていないようなサイト)はスマホ用のサイトにかなり力を入れた方が良いです。殆どの訪問者はもうパソコンを使用していないです。特に若い世代になるとその傾向が高くなります。また、モバイルでの操作性が良いとリピーターが増えていきます、これが今の自分の課題です、一見さんが多いこと多いこと・・・💦。
これから一番自分がサイトやサービスを作る時に力を入れようと思っているのはデザインです、やはりデザインは人を引き付けたりしますからね。どんなに良いモノを展示していてもサイトがボロボロだったら、その商品は売れません。例えるとボロボロになった店に高級品を置いても誰も買わないのと同じ感覚です。
なので、デザインと操作性に力を入れようと思っています。自分が使って使用しづらい物は大体、誰が使っても使いにくい物だと思います。一番は誰もが直感的に使用できるサイトにする事とが大事になるだと思います。そういう事を考えてデザインをしてくれるデザイナーさんは重宝されます。そして、そういう事を理解しているデザイナーさんは大事です!😌
トイウコトデ、やらないといけない課題が山積みのようにあります。
頑張ろう💪。
タグ
Webサービス, エンジニア向き, デザイナーさん, トイウコトデ, パソコン, モバイル, リピーター, 一見さん, 上位, 傾向, 山積み, 感覚, 技術ネタ, 朝, 殆ど, 耳鼻科, 職場, 若い世代, 課題, 高級品,
新着記事が表示されるWPの非公式プラグインを作りました。
2022.07.24
こんにちは、朝の2時に起床し4時頃、ウォーキング。そして朝食後、コードを書いてその後、仮眠をとって今、記事を書いています。かなり不規則な生活リズムです😩、今日からは元の生活リズムへ戻そうと思っています。さて、WordPressの非公式プラグインを自前で制作致しましたのでお裾分けです。
今回はシングルページの記事の下に新着記事が表示されてカルーセルで動くというプラグインです。
アイキャッチ画像の大きさなどはご自身でソースコードを変更してご使用ください。尚、アイキャッチ画像がないには対応しておりません。
いらないパラメーターを投げている所があります。そちらは御自身で修正をお願いします、因みに今は新着記事5記事を取得している感じです、そちらも変更はソースコードを修正してお使いいただければと思っています。
ダウンロードのURLは下記になります。
https://zip358.com/plugin/new-post.zip
追伸:カールセルUIはSlickを使用しております。
タグ
2, 358, 4, 5, com, https, plu, url, WordPress, wp, www, zip, あい, ウォーキング, お使い, お裾分け, お願い, かなり, カルーセル, キャッチ, コード, ご自身, シングル, ソース, そちら, ダウンロード, パラメーター, プラグイン, ページ, リズム, 下, 下記, 不規則, 今, 今回, 今日, 仮眠, 使用, 修正, 元, 公式, 制作, 取得, 変更, 対応, 後, 感じ, 所, 新着, 朝, 朝食, 生活, 画像, 自前, 自身, 表示, 記事, 起床,
マイナポイントの申請を行った。
2022.07.09
もうお昼、今日はおはようございますではなくてこんにちは😌。
朝から皮膚科に行ってきました。高知県ではちょっと有名な猿田病院へ行ってきました。いつも思うのですけど、あそこの外来は密ですよね。換気はしているものの、土曜日は人が多いし朝、8時に病院へ着いたのですが、その時点で47人待ちだったので萎えました。
さて、数ヶ月前にマイナポイントの為に登録とかして本日、マイナポイントを受け取れるように申請を行いました。国に個人情報を売りペイペイポイントを貰います。実際、個人情報をどのように使われているかは知りませんが、ちゃんと加工した状態で使われていることを・・・・信じています(遠い目)。
ポイント運用で今まで結構儲けていた時もありましたが、円安が進みあまりポイント運用が芳しくないです。なので、今回マイナポイントを頂いたらアマゾンで「ぱぁー」っと使おうかなって思っていますが、何を買うかは今のところ未定です。ノイキャンのアレとか手が5000円とちょっとで買えると思うとお得?
タグ
47, 5000, 8, あそこ, アマゾン, アレ, お昼, キャン, こと, ところ, ノイ, ペイ, ポイント, マイナ, 人, 人待ち, 今, 今回, 今日, 何, 個人, 円安, 加工, 国, 土曜日, 外来, 実際, 密, 情報, 手, 換気, 数, 時, 時点, 有名, 朝, 未定, 本日, 為, 状態, 猿田, 申請, 病院, 登録, 皮膚科, 目, 運用, 高知県,
日本でもテスラのモデルYが発売されるそうです。お値段はなんと!!
2022.06.13
おはようございます。梅雨梅雨…☔。
日本でもテスラのモデルYが発売されるそうです。価格は619万円からだそうです、オプションで自動運転機能が付けれるそうですが日本ではその機能は殆どは使えないらしい?、そもそも日本はまだ自動運転の走行させて良い地域が少ないし、価格も庶民的とはまだ言えないので自分は今回の買い替えは見送りします。
尚、自分は自動運転車が街中で走り回るような時代になると思っていて、そうなると通勤が大変楽になると感じます。朝の通勤って渋滞込みで計算した場合、田舎などでは1時間ぐらいは通勤時間に消費するわけです。この運転を自動運転車が変わってくれれば、通勤時間にも隙間時間が発生するので、凄く喜ばしいことだと思います。ただ・・・その頃にはゆーるFIRE(Financial Independence, Retire Early movement:早期リタイア)しているかもしれませんが・・・。
タグ
1, 619, Early, Financial, FIRE, Independence, movement, Retire, オプション, こと, テスラ, モデル, ユー, リタイア, 万, 今回, 価格, 値段, 地域, 場合, 日本, 早期, 時代, 時間, 朝, 梅雨, 機能, 殆ど, 消費, 渋滞, 田舎, 発売, 発生, 自分, 自動, 街中, 計算, 走行, 通勤, 運転, 隙間, 頃,
Decentralized Autonomous Organizationの世界を語っている動画が良質!!
2022.06.04
おはようございます。記事の修正するのはやはり朝にやるべきですね。
先週の土曜日にツイートしたDAO(ダオ)の事を詳しく簡潔に説明している伊藤穰一さんです。IT業界ではその名を知らない人はいないじゃないかって思っている。
なぜ、この人がデジタル庁のTOPにならなかったのか・・・。意味がわかりません、ある問題で辞任しただけで本人に責任はあまりないと思っています。日本が変わらない理由はそういうところにあるじゃないかって思います。特に政府機関は変わろうとしないですよね、これは政治だけではなく銀行とかもそんな感じですよね。今までの方針を変更するのがとても遅すぎる気がします。
まぁそんな事は置いといてDAO(分散型自律組織)に徐々に変わっていくと思います、そういうふうに世の中を変えていこうとしている流れが出てきているので、そうなっていくかなって思います。
タグ
Autonomous, DAO, Decentralized, IT, Organization, TOP, これ, ダオ, ツイート, デジタル, ところ, ふう, 世, 世界, 中, 事, 人, 伊藤穰一, 修正, 先週, 分散, 動画, 名, 問題, 土曜日, 変更, 意味, 感じ, 政府, 政治, 方針, 日本, 朝, 本人, 業界, 機関, 気, 理由, 簡潔, 組織, 自律, 良質, 記事, 説明, 責任, 辞任, 銀行,
ストリートファイターVを購入しましたよ。1990円で?
2022.05.27
おはようございます。
先日の日曜日の朝、Twitterのタイムライン、通称TLにストリートファイターVが1990円で購入できるよというものが流れてきたので、Steamで購入しました。いま、Steamではpaypay決済も出来るようになっているのですね。いやはやなんとも便利になったなって感じでストリートファイターVをポチりました。
内容は云わずと知れたストリートファイターVなので割愛しますが、テトリス以上に時間の合間に出来るので良い感じですよね。自分は不器用なのでプロゲーマーなどは目指しませんが、楽しみたいと思っています。
ストリートファイターを久々に遊んで、何かストレス発散になるなぁってちょっとした感覚を覚えました。ストレスが溜まっている人はイージーモードでコンピューターをボコボコにしてストレス発散してみてくださいな。1990円でストレス発散出来るって結構お手軽感がありますよ。
因みに新作ストリートファイター6の予告されています!!。
タグ
1990, Paypay, STEAM, tL, Twitter, イージー, いま, ゲーマー, コンピューター, ストリート, ストレス, タイムライン, テトリス, ファイター, プロ, ボコボコ, ぽち, モード, もの, りま, 不器用, 久々, 人, 便利, 先日, 内容, 割愛, 合間, 感, 感じ, 感覚, 日曜日, 時間, 朝, 決済, 発散, 自分, 購入, 通称,
よもやよもやだ、アンリアルエンジン、凄いわ。これ!
2022.05.23
おはようございます。月曜日の朝は鬱っぽい…。
前にも少し書いたことがあるかも知れませんがアンリアルエンジンが凄いことになっています。アンリアルエンジンが何者か分からない人のために説明すると、ゲームの背景など基礎部分=土台が作れるツールになります。これを使用することにより簡単に言えば開発コストが軽減します。
動画を見ていただければ分かる通り現実に近い映像です。数十年前は2Dだったものが数十年後の時を経てリアルな3D空間が作れるようになりました。技術革新って凄いなって改めて思います。
因みに今の子供達は自分で物語や創造的な物が作れる能力があれば良いのではないかなって思っています。何故なら今の子供達が大人になる頃には粘土細工で物を作ると同じような感覚でリアリティな空間などがデジタルに生成できるようになってしまう、そんな世の中になると思っているのでIT技術力なんか要らないものになるのかもしれないなって・・・。
いやー本当に日進月歩だな。
タグ
2, 3, IT, アン, エンジン, ゲーム, コスト, こと, これ, ため, ツール, デジタル, もの, リアリティ, リアル, 世, 中, 人, 今, 何者, 使用, 動画, 土台, 基礎, 大人, 子供, 少し, 感覚, 技術力, 技術革新, 数十, 映像, 時, 月曜日, 朝, 物, 物語, 現実, 生成, 空間, 簡単, 粘土細工, 背景, 能力, 自分, 説明, 軽減, 通り, 部分, 開発, 頃, 鬱,
Netflixのミスター・ロボットっていうドラマを少し観ました。
2022.05.15
おはようございます。大阪行きの朝です😌。
先日、Netflixのミスター・ロボットっていうドラマを少し観ました。このドラマ、結構PCヲタク(ギーク)には「いいね」「最高」を貰えそうなドラマになっています。ついつい続きが観たくなる作りになっていますよね。そして、何処からが妄想なのか、全て現実なのかは全話見終わらないとわからないですが…見応えはあります。
コマンドや何やらもそんな感じですからね。なんか変なビジュアルを纏った映像ではなくTerminalでコマンドを打っているだけの映像になっていたりしてリアリティを感じます。
徐々にミスター・ロボットは観ていきたいと思っていて今は、一話目を半分ぐらいみた所です。Netflixアプリの良いところ?は視聴している動画を自動的にダウンロードしてくれる機能があり、仕事の休憩時間に視聴出来たりするところです。こういう機能は他のアプリにもあるかもしれないけども・・・。
便利ですよね(アマプラなどでも配信しています?)。
話変わって今日の8時ごろにANAに乗って大阪へ行きますので、その感想などは来週あたりには書けるかなと思います。尚、今日はリアルタイムに近況をツイートにUPするので応援、コメントよろしくお願いします!!
タグ
Netflix, PC, Terminal, アプリ, ギーク, コマンド, ダウンロード, ところ, ドラマ, ビジュアル, ミスター, リアリティ, ロボット, ヲタク, 一, 今, 仕事, 他, 休憩, 何処, 作り, 先日, 全て, 全話, 動画, 半分, 変, 大阪, 妄想, 少し, 感じ, 所, 映像, 時間, 最高, 朝, 機能, 現実, 見応え, 視聴,
日帰りで5月15日大阪行くのだが何かある。何もない〆
2022.05.10
おっおっおはようございます。
今日のお題は「日帰りで5月15日大阪行くのだが何かある。何もない〆」です。5月15日の朝8時台のANAで大阪に向かいます。そしてその日の夕方には帰ってきます😌。ある意味弾丸ツアーみたいな感じですが、今のところ庵野秀明展を見に行くことだけしか予定ない状態です。見を終わったあとは京都にでも行こうかなとか思っていたりしますが、どこに行くのかなど全然予定ないし。がら空き状態です。
大阪行き前には予定を決めているとは思うものの、今は不安しかないです。東京は一人で何度か行ったこともあるし、仕事で一年ほど居たので何となく大丈夫なんですけど、大阪、一人旅は今回が初めてです。今からドキドキしてます・・・・。
因みにこの投稿を見て、一緒に行ってくれる方を密かに募集しています(嘘😂)。旅行中は時間差で現在地などをツイートすると思いますので、是非タイムラインを追ってくださいませ…。
追記:昨日の夜、予定を決めました😌。
タグ
-rfdcLI, 0, 15, 5, 8, ANA, com, https, tfM, watch, www, youtube, あと, がら空き, こと, 〆, ツアー, どこ, ところ, 一, 一人, 一人旅, 不安, 予定, 京都, 今, 今回, 今日, 仕事, 何度か, 初めて, 募集, 嘘, 夕方, 大阪, 庵野秀明, 弾丸, 意味, 投稿, 方, 旅行, 日, 日帰り, 時間差, 朝, 東京, 状態, 題,
一見似ていて全然違うコードですよ、初心者のどつぼの壺。
2022.04.02
おはよう御座います。土曜日の朝です😪。
下記のコードは一見似ていて全然違うコードですよ、初心者のどつぼの壺と言いますか・・・。初心者がハマりやすい、thisの領域です。特にメンターのいない独学で勉強をしている人はハマりやすいかなと思ったので今回、サンプルコードを記載しました。昔、自分が何故と思ったのですが今ではfunctionがねぇと気づく内容のコードです。
document.getElementById("example").addEventListener("input",function(){
main()
})
document.getElementById("example").addEventListener("input",main);
function main(){
if(this.value){
console.log(this);
}
}
最初はみんな初心者です、間違いながら覚えていけばよいのです、失敗しながら覚えていけばバグ取り🐤が上手になります。そのうち、動作するバグ🐞になっていきます。動作するバグが一番厄介です、動作するのでエラーコードを出力しないのでバグを取るにはトレースか当たりをつけてトレースするしか無いのです。
そういうことなので、初心者の皆様気おつけてくださいませ😌。
タグ
addEventListener, document, example, function, getElementById, if, input, main, quot, this, value, コード, サンプル, ドツボ, メンター, 一見, 下記, 人, 今, 今回, 内容, 初心者, 勉強, 土曜日, 壺, 昔, 朝, 独学, 自分, 記載, 領域,
🍎Mac studioとipad airとiPhoneとMac book Pro
2022.03.11
Mac studioとipad airとiPhoneとMac book Proが欲しい今日のこの頃ですが、どれも今の所買い替えません😭。
一週間ぐらいブログを休んでいましたが、再度ブログを書き始めます。今までいろいろとゴタゴタしていてブログに手を付けられませんでした。これを解消するべく一週間分予約する形で始めます。
昔働いていた時はこのような形でブログを更新していましたが、この頃は毎日、朝更新するという形式でしたが、それは当分の間難しいので予約投稿で更新します。
その為、リアルタイムのネタは扱えないというデメリットもあります。この一週間ほどブログを休んでいた期間にIT記事を読むということやプログラミングも一週間ほどお休みしていました。そういう事を休んでいると何だかIT関係から少し遠ざかったような気にもなりましたが、遠ざかったことによりITの事が好きなものに戻ろうとしている気がします。
あの魔女の宅急便の名言は本当だっただなって思います😌。遠ざかると何が好きなことなのか分かるし、自分がどんな道が向いているのかわかります。自分はプログラミングをするという事に関しては向いていると思いますが、コミュニケーションはあまり得意ではないとか、自分が出来ること出来ないことが遠ざかると見えてきます。本当は寝ても覚めてもプログラミングだけして生計を立てたい。
こんな人におすすめな職業は個人アプリやWEBサービスで生計を立てるという事です。ある程度以上の技術が必要になってきますが、頑張ればそれで生活出来ます。唯、そんな人になるにはかなりの積み重ねが必要になるかもしれません。
あぁMacが欲しい😏。
タグ
3, air, book, Cg-XmqgK, com, https, iPad, iPhone, IT, JG, Mac, Pro, Studio, watch, www, youtube, いろいろ, お休み, こと, これ, それ, デメリット, どれ, ネタ, ブログ, プログラミング, リアルタイム, 一, 予約, 事, 今, 今日, 再度, 少し, 当分, 形, 形式, 所, 手, 投稿, 昔, 時, 更新, 朝, 期間, 毎日, 為, 解消, 記事, 間, 関係, 頃,