u-tan

https://yapcjapan.org/2023kyoto/3月19日(日)にYAPC::Kyotoに行ってきました。初めての参加で緊張しましたが様々な経験をすることができました。ギリギリ学生だったので学生支援で参加しました。 YAPC::Kyoto 2023 前日祭https://yapcjapan.connpass.com/event/276583/たくさんのLTを一気に見られました。新卒のエンジニアの方が多く登壇されており、興味深い内容でした。特に印象に残っているLTは「新卒エンジニアが1年間で顔を売るために取った行動100連発」です。私も今年から新卒エンジニ...

YAPC::Kyotoに参加しました

今年を振り返ります 今年取り組んだことハッカソンやインターンシップ、技術書典に参加しました。また、TypeScriptに入門しました。ゲーム制作サークルにエンジニアとして迎えていただけた。ゲーム制作サークルhttps://twitter.com/STail_Official/TypeScriptで書きました。https://animes-library2.netlify.app/フロントエンドhttps://github.com/OHMORIYUSUKE/animeapp-webアニメのデータ管理ツールhttps://github.com/OHMORIYUSUK...

2022を振り返る

!この記事は「CIST (公立千歳科学技術大学) Advent Calendar 2022」の18日目の記事です。https://qiita.com/advent-calendar/2022/cistGitHubにコードがあります。https://github.com/OHMORIYUSUKE/clasp-templateこのテンプレートには、TypeScriptでGoogle Apps Scriptを書くために必要なものが準備されています。また、npmパッケージも使えるようにしました。!この方のプロジェクトが参考になりました。https://github.com/su...

TypeScript でGoogle Apps Script(GAS)を書く

PythonでCLIツールを作成しました。LT会でも発表しました。▼発表したLT会https://yumenosora.connpass.com/event/255075/▼スライド▼ソースコードhttps://github.com/OHMORIYUSUKE/grech 概要このツールを実行させることで、YAMLで定義されたテストを実行させることができます。YAMLファイルにはshellが記載されており、shellの実行結果が正規表現にマッチするかどうかで正誤判定を行います。▼テストを実行した様子 工夫した点 YAMLファイル# このチェック項目の名...

PythonでCLIツールを作ってみた

夏休みにインターンシップに参加しました。▼インターンシップ概要https://www.infiniteloop.co.jp/pr-blog/2022/05/2022_sv_internship/ 概要期間は8月15日（月）～8月19日（金）の５日間でした。毎日11時から18時まででした。内容はPHPのslimフレームワークを用いてソシャゲのガチャ機能を開発しました。データベースはMySQLを用いて開発しました。開発環境はDockerを用いました。参加者は10人ほどでした。 詳細 1日目会社説明と自己紹介を行い、開発環境の構築に取り組みました。 2日目環境構築が...

5dayガチャ開発インターンに参加しました

作成したものアイドルマスターのキャラクターを検索できるアプリケーションです。https://github.com/OHMORIYUSUKE/perl-mysql-apache-on-dockerLTした時のスライドですhttps://drive.google.com/file/d/1L5wfVi3rbAPph9fXbBAGccpMf1h5arfW/view?usp=sharingデータベース内の情報はこちらのレポジトリのSQLを使用させていただきました。https://github.com/yagi2/imas_api 詳細ApachでPerlを動作させ、Dock...

DockerでPerlの環境を作成する

https://zenn.dev/u_tan/articles/f351dc7e84e6f3この記事の改良版(?)[1]を作りました。https://github.com/OHMORIYUSUKE/Playground 改良した点任意のコードを実行するコンテナを分割コンテナ間で実行するコードを共有apiサーバーのイメージサイズを小さくした 概要 構成図Dockerコンテナ内からホスト側のDockerコンテナを操作しています。(Docker outside of Dockerを行っています)https://kazuhira-r.hatenablog.com/...

ブラウザ上でコードを書いて実行(2)

内定を頂いた企業株式会社ゆめみさんに内定承諾し、就活を終えました。 就活の軸軸はサーバサイドエンジニアとして採用していただける企業オフィスが東京にあること 就活の期間2021年10月 ～ 2022年3月 決めた理由エンジニアとして成長できそうだと感じたため様々な業界のサービスにエンジニアとして携わりたかったためコードを書くことなども好きだが、特定の業界(エンタメ)のサービスの開発にも携われる可能性を感じたため面接時に話しやすかったためGitHubのコードを見てくださり、面接官からの質問ベースで面接が行われたので、話しやすかったです。...

就活振り返り

今年の振り返りをします。(現在 2021年 12月31日 23:00) 去年の振り返りhttp://utan.php.xdomain.jp/blog/view.php?id=35月~9月Blenderで遊ぶ10月~11月HTML,CSS,PHP,MySQLとか触る12月Pythonを触るプログラミングを自主的に触りだした年でした。 今年の振り返り 去年の振り返りを達成できたか2020年に宣言した、「来年頑張りたいこと」は、 来年頑張りたいことJava,Python,Reactとか、バックエンドもフロントエンドも体験したい。gitをマスタ...

今年の振り返り

アドカレです。ごめんなさい🙇cistLT Advent Calendar 2021https://adventar.org/calendars/6520LOCAL Students Advent Calendar 2021https://adventar.org/calendars/6552 つくったものプログラミング言語をブラウザから実行できるアプリケーションを作りました。https://github.com/OHMORIYUSUKE/play-langs参考https://qiita.com/tttamaki/items/2b009aa957cfa4895d...

ブラウザ上でコードを書いて実行

アドベントカレンダー1日目の記事です。https://adventar.org/calendars/6520東京ガスｉネット Hackathon2021に参加したのでブログに残します。 ハッカソンの記録AチームからEチームまでありました。各チーム学生４名、メンターのエンジニアの方が１名でした。ランダムにチームが決められました。 役割プロダクトオーナーテックリードスクラムマスター私は、テックリードを担当しました。 テーマハッカソンのテーマは、テクノロジーを駆使してスマートシティを実現せよでした。 開発したプロダクト空き家、レンタルスペースを探しやすくす...

ハッカソンに参加しました。

GitHubActionsを用いてBlender(2.9)をレンダリングできたので残します。レポジトリhttps://github.com/OHMORIYUSUKE/blender-rendering 注意GitHubActionsの実行時間には制限があります。詳細参考:6時間で106フレームレンダリングすることができました。 説明 注意GitHubActionsではウィンドウを開くことができないのでEEVEEでレンダリングすることができませんでした。https://devtalk.blender.org/t/blender-2-8-unable-to-...

GitHubActionsでBlenderをレンダリング

実際に機器を触り設定を行うことができる機会がありました。そこで学んだことについて書きました。間違えている点があった場合、教えていただけると幸いです。サブネットマスクは/24のように表現されますが、機器の設定では255.255.255.0のように8進数で設定します。ちなみに、サブネットマスク(2進数)11111111.11111111.11111111.00000000サブネットマスク(8進数)255.255.255.0サブネットマスクは11111111.11111111.11111111.00000000で1が24個なので/24と書く。 OSPFとはOSPF（Ope...

ネットワーク(ダイナミックルーティングOSPF編)

実際に機器を触り設定を行うことができる機会がありました。そこで学んだことについて書きました。間違えている点があった場合、教えていただけると幸いです。前回記事↓https://zenn.dev/u_tan/articles/c98293d8d864d4 注意サブネットマスクは/24のように表現されますが、機器の設定では255.255.255.0のように8進数で設定します。ちなみに、サブネットマスク(2進数)11111111.11111111.11111111.00000000サブネットマスク(8進数)255.255.255.0サブネットマスクは11111111.1111...

ネットワーク(スタティックルーティング編)

実際に機器を触り設定を行うことができる機会がありました。そこで学んだことについて書きました。間違えている点があった場合、教えていただけると幸いです。 注意点間違えて設定してしまった場合はno {打ったコマンド}で設定を削除できます。また、設定を上書きもできます。設定削除例:switch(config)#hostname DSW->DSW(config)#no hostname DSW->switch(config)#設定上書き例:switch(config)#hostname DSW->DSW(config)#hostname ASW->ASW(...

ネットワーク(基本設定編)

jQuery を用いてダークモードを実装しました。最初は js のライブラリであるDarkmode.Jsを用いて実装しようとしましたが、他の js ライブラリと干渉してしまい導入を断念しました。(単純に楽しようとしました。)そこで、自分で納得できるロジックでダークモードを実装することにしました。//dom構築が終わる前にjQueryを実行するとバグるwindow.onload = function () {  // ここに読み込み完了時に実行してほしい内容を書く。  var result = document.cookie.indexOf('dark');  if(result == -1){ //ダークモードオフ    //window.alert("ダークモードoff");    darkOff();  }else{    //window.alert("ダークモードon");    darkOn();  }  };//ダークモード//onの時はクッキーあり(作る)//offの時はクッキーなし(削除)var i = 1;var result = document.cookie.indexOf('dark');if (result == -1) {  i = 2;}//ボタンが押されるたびに実行される----------------------------------------------------function dark() { var flag = i%2; if(flag == 1){ //ダークモードオフ  document.cookie = 'dark=on; max-age=0';  //console.log(document.cookie);  //window.alert("off");  console.log("off");  flag = 1; }else{ //ダークモードオン  document.cookie = 'dark=on; max-age=3600'; //クッキーの保存時間(60分)  //console.log(document.cookie);  //window.alert("on");  console.log("on");  flag = 0; } //var result = document.cookie.indexOf('dark'); //window.alert(result);//ダークモードoffの時に-1を返す if(flag == 1){ //ダークモードオフ  //window.alert("off");  darkOff(); }else if(flag == 0){ //ダークモードオン   //window.alert("on関数内");   darkOn(); } i+=1;}コードは上記の通りです。window.onload = function () {  // ここに読み込み完了時(DOM構築後)に実行してほしい内容を書く。  var result = document.cookie.indexOf('dark');  if(result == -1){ //ダークモードオフ    //window.alert("ダークモードoff");    darkOff();  }else{ //ダークモードオン    //window.alert("ダークモードon");    darkOn();  }  };まず、DOM 構築が完了したら、cookie の状態を見ます。この cookie はダークモードの状態か、そうでないかを保存しておくものです。var resultには cookie が存在したら-1 以外が代入され、cookie が無ければ-1 が代入されます。var i = 1;var result = document.cookie.indexOf('dark');if (result == -1) {  i = 2;}//ボタンが押されるたびに実行される----------------------------------------------------function dark() { var flag = i%2; if(flag == 1){ //ダークモードオフ  document.cookie = 'dark=on; max-age=0';  //console.log(document.cookie);  //window.alert("off");  console.log("off");  flag = 1; }else{ //ダークモードオン  document.cookie = 'dark=on; max-age=3600'; //クッキーの保存時間(60分)  //console.log(document.cookie);  //window.alert("on");  console.log("on");  flag = 0; } //var result = document.cookie.indexOf('dark'); //window.alert(result);//ダークモードoffの時に-1を返す if(flag == 1){ //ダークモードオフ  //window.alert("off");  darkOff(); }else if(flag == 0){ //ダークモードオン   //window.alert("on関数内");   darkOn(); } i+=1;}ページが読み込みが行われたときにvar i = 1;となり、var result = document.cookie.indexOf('dark');if (result == -1) {  i = 2;}前のページでダークモードだったとき(cookie に保存されていた時)は、var i = 2;とします。var i = 1;です。)var flag = i%2;そうすることで、前のページでダークモードだったときはflag = 0ライトモードの時はflag = 1になります。その後は、ボタンが押されるたびにi+=1;され、flag は 0,1 を交互に変化します。(ダークモードとライトモードを行き来する)変化するたびに、if(flag == 1){ //ダークモードオフ  document.cookie = 'dark=on; max-age=0';  //console.log(document.cookie);  //window.alert("off");  console.log("off");  flag = 1; }else{ //ダークモードオン  document.cookie = 'dark=on; max-age=3600'; //クッキーの保存時間(60分)  //console.log(document.cookie);  //window.alert("on");  console.log("on");  flag = 0; }のコードで cookie を生成したり削除したりしています。darkOff();darkOn();にはダークモードオンの時の状態の CSS とオフの状態の CSS をそれぞれ書いてください。ちなみに私は以下のようにしました。function darkOn(){ //onの状態  $("td").css({    color: "#fff",  });   $("p").css({    color: "#fff",  });  $("h1").css({    color: "#fff",  });  $("h2").css({    color: "#fff",  });  $("h3").css({    color: "#fff",  });  $("a").css({    color: "#fff",  });  $("li").css({    color: "#fff",  });  $("dt").css({    color: "#fff",  });  $("footer").css({    color: "#fff",  });  $("span").css({    color: "#fff",  });  $("body").css({    backgroundColor: "black",  });}function darkOff(){ //offの状態  $("td").css({    color: "",  });  $("p").css({    color: "",  });  $("h1").css({    color: "",  });  $("h2").css({    color: "",  });  $("h3").css({    color: "",  });  $("a").css({    color: "",  });  $("li").css({    color: "",  });  $("dt").css({    color: "",  });  $("span").css({    color: "",  });  $("footer").css({    color: "",  });  $("body").css({    backgroundColor: "",  });}この方法なら細かく CSS を変更できるので満足しています。

ダークモードを実装しました

記事閲覧ページからコメントを投稿できるようになりました。SQL で INSERT が使えました。header 関数をプログラムの最初に置くことでエラーが消えました。ローカルでは動作するけどレンタルサーバーでエラーになる理由が分かりません。header 関数嫌い。コメントをください。2021 2/14 訪問者が500人を超えました。ありがとうございます！

コメント機能を実装しました

数字をいい感じにして画像に置き換えました。//4桁にする(0で埋める)$counter = str_pad($counter, 4, '0', STR_PAD_LEFT);//1桁ずつに分割$counter_array = str_split($counter);//結果$counter_array[0] -> 0$counter_array[1] -> 1$counter_array[2] -> 6$counter_array[3] -> 97セグ画像のダウンロードサイト

7セグカウンターを実装しました

画面右下にアーカイブ欄を作りました。クリックすると、表示されている月の1日から当月末尾までの記事を検索できます。URLの?searchArchive=2021-01をそのまま使ってデータベースで検索を行っているので、変な値を入れないであげてください。  例外処理してあげたい。簡単に実装できると思っていたら、なかなかうまくいかず大変でした。  いっぱい調べました。  お世話になった記事(SQL)BETWEENDateTime クラスのまとめメモ

アーカイブ機能を実装しました

cookie、sessionを使って訪問者と記事ごとの閲覧回数を計測しています。記事ごとの閲覧回数はcookieを用いて計測しており、訪問者はsessionを用いて計測しています。  リロードをされてもカウントしないようにしました。記事ごとのカウントを増やしたい人は、5分おきにリロードしてください。  それに伴いおすすめ記事を提案できるようになりました！(最新記事の下に追加しました。)->ユーザーエクスペリエンス向上のためcookieを使用しています。(フッターに追記したい)

閲覧回数を計測しています

OGP画像をPHPで動的に生成できるようにしました！！↓こんな感じです。画像に文字を書くには以下のコードで実装しました。$title(記事のタイトル)を渡すと、生成した画像のファイルパスを返すようにしました。return($newfile);<?php function OGP($title) {    $title = $title;    // 文字列を挿入する先の画像    $file = "OGP.jpg";    // 出力後のファイル名    $newfile = 'OGPout/'.$title.'OGP.jpg';    // コピー先画像作成    $image = imagecreatefromjpeg($file);    // 挿入する文字列    $text = $title;    //RSS_Feed配信を開始しました    //このブログサイトについて    //コメント機能を実装できませんでした。    //レスポンシブにしました    //今年の振り返りと来年への抱負-2020-    //見た目の長さ 半角1全角2    $textLength = mb_strwidth($text);    $textWdth = $textLength*32;    //中央に文字列が来るように調整    $xp = 620 - ($textWdth / 2);    // 挿入する文字列のフォント    $fontfile = "arial.ttf";    // 挿入する文字列の色(白)    $color = imagecolorallocate($image, 0, 181, 253);//0, 181, 253    // 挿入する文字列のサイズ(ピクセル)    $size = 50;    // 挿入する文字列の角度    $angle = 0;    // 挿入位置    $x = $xp;         // 左からの座標(ピクセル)620が中央半角32px=64/2    $y = 300 + $size; // 上からの座標(ピクセル)    // 文字列挿入    imagettftext(        $image,     // 挿入先の画像        $size,      // フォントサイズ        $angle,     // 文字の角度        $x,         // 挿入位置 x 座標        $y,         // 挿入位置 y 座標        $color,     // 文字の色        $fontfile,  // フォントファイル        $text    );     // 挿入文字列    // ファイル名を指定して画像出力    imagejpeg($image, $newfile);    return($newfile);}?>この関数をview.phpで呼ぶことで、閲覧された時点で毎回画像を生成するようにしました。//OGPを生成$newfile = OGP($post['title']);↓生成された画像がレンタルサーバーに保存されています。無料レンタルサーバーの使える機能を最大限に使っていきたい。

OGP画像を動的に生成しました

公開時にすでに実装していた、タグから検索できる機能では忘れていた対策を行いました。リンク  公開時から現在まで放置していた問題の画像(現在は直しました)画像から分かるように、%と入力されるとテーブルの内容をすべて表示しまっている。この問題を解決するために、以下のコードでエスケープして回避しました。//URLパラメータで渡ってきたpage$search = $_REQUEST['search'];//%,_が入力されると全部表示されてしまうためエスケープ処理$searchSafe = addcslashes($search, '\_%');

検索機能を実装しました

コメント機能をレンタルサーバーの関係で実装できませんでした。ローカルでの画面レンタルサーバーのエラーメッセージWarning: Cannot modify header information - headers already sent byよく調べるとPHP.iniを書き換えれば消えるという記事があったが、レンタルサーバーでPHP.iniを書き換えられる項目が制限されており不可能だった。そもそもユーザーのデータベースへの書き込みが禁止されている。他の方に聞いても、無料プランだと無理と言われ諦め。(お金を払ってまでは。。)  いい方法はないか考え中。。。

コメント機能を実装できませんでした。

feed43を使ってrssを配信を開始しました。feed43とはrss配信を行っていないサイトの更新状況を把握しやすくするために使われます。  やったことrss配信を行うためにすべての投稿内容を表示するページを用意する必要がありました。jsでmdをHTMLに変換していたコード。<script>    $(function() {    // ★marked.js の設定    marked.setOptions({        breaks : true,        // highlight.js でハイライトする        highlight: function(code, lang) {            return hljs.highlightAuto(code, [lang]).value;        }    });    // highlight.js の初期処理    hljs.initHighlightingOnLoad();     // ★マークダウンを HTML に変換して再セット    var md = marked(getHtml("div"));    $("div").html(md);    });    // 比較演算子が &lt; 等になるので置換    function getHtml(selector) {    var html = $(selector).html();    html = html.replace(/&lt;/g, '<');    html = html.replace(/&gt;/g, '>');    html = html.replace(/&amp;/g, '&');    return html;    }</script>なので、PHPで変換することにしました。こちらを参考にしましたPHPでmdをHTMLに変換したコード<?phprequire_once "Parsedown.php";function md2html($md){    $Parsedown = new Parsedown();    $html = $Parsedown->text($md);    return $html;  }?>こんな感じで無事にすべての記事の内容を書きだすことに成功しました。こちらのページこれでは使えないので、feed43でrss配信しました。  すると、こんな感じで外部のサイトで記事の内容を取得できるようになります。

RSS Feed配信を開始しました

CSSを頑張って書いてレスポンシブにしました。自分の端末ではindexページでは、下方向に勢いよくスクールすると、本来はページ下部に表示されるはずの広告が上に表示されてしまいます。GoogleForm

レスポンシブにしました

目次SHIROBAKO響け！ユーフォニアム冴えない彼女の育てかたWake Up,Girls！あそびあそばせ天元突破グレンラガンヤマノススメステラのまほう輪るピングドラムＣ1. SHIROBAKO武蔵野アニメーションの新人制作進行のあおいを中心として、アニメーション制作現場で起こるトラブルや、葛藤や挫折などといったアニメ業界の日常を描く群像劇。2. 響け！ユーフォニアム高校１年生の春。中学時代に吹奏楽部だった黄前久美子は、クラスメイトの加藤葉月、川島緑輝とともに吹奏楽部の見学に行く。そこで久美子は、かつての同級生・高坂麗奈の姿を見かける。葉月と緑輝は吹奏楽部への入部を決めたようだったが、まだ踏み切れない久美子。思い出すのは、中学の吹奏楽コンクールでの麗奈との出来事だった。3. 冴えない彼女の育てかたオタク高校生の「安芸倫也」は桜舞い散る坂道で、ある少女と運命的な出会いをする。インスピレーションを受けた倫也は、その少女をメインヒロインにしたギャルゲーの制作を思いつき、同学年の美術部エース「澤村・スペンサー・英梨々」と学年一位の優等生の先輩「霞ヶ丘詩羽」をスタッフに迎えようと邁進する。そんなある時、倫也は運命的な出会いをした少女が毎日クラスで顔を合わせている同級生で特に目立たない普通の女子「加藤恵」だったことを知り愕然とする。倫也は加藤恵をゲーム中で絶対的なヒロインにしようと決意するのだが・・・。4. Wake Up,Girls！時はアイドル戦国時代。これは、この荒波を生き抜く7人の少女達｢Wake Up, Girls!｣の物語である。東北・仙台にある廃業寸前の弱小プロダクション、グリーンリーヴズ・エンタテインメント。かつては手品師、グラビアアイドル、占い師などが所属していたが、唯一活動していた最後のタレントもついに辞めてしまう。所属タレント“0(ゼロ)”という危機的状況の中、事務所社長・丹下の思い付きでアイドルユニットをプロデュースする事を決意する。傍若無人な社長の元、マネージャー松田は不満を持ちながらも、アイドルの原石を探しに街へ出る。そんな中、マネージャー松田は、ある少女と必然的な出会いを果たし…。5. あそびあそばせコメディの新境地を切り拓く鬼才・涼川りんが描くヤングアニマルで大好評連載中のJCガールズコメディ「あそびあそばせ」が待望のTVアニメ化決定！日本生まれ日本育ちでまったく英語ができない金髪の美少女・オリヴィア、真面目で知的な雰囲気を漂わせながら英語がまったくできないショートカットの眼鏡っ娘・香純(かすみ)、そして明るいけれど、リア充になれないおさげ髪の少女・華子(はなこ)、３人の女子中学生が作ったのは「遊び人研究会」！？　最高に可愛くて最高に楽しい抱腹絶倒のJCガールズコメディが今、幕を開ける！6. 天元突破グレンラガン遥かな未来。人々は地中に穴を掘って家を造り家畜を飼い、時折起きる地震と落盤に怯えながら何百年も息を潜めるように暮らしてきた。そんな村の一つ・ジーハ。村を広げるための穴掘りをしていた少年・シモンは、ある日、掘り進んだ先で偶然、不思議に光る小さなドリルを見つける。そして、シモンの兄貴分である青年・カミナ。彼は、村の上には「地上」があることを信じ、グレン団というチンピラグループを率いて天井を突き破って外へ出ようと目論んでいた。そんなある日、地震と共に村の天井が崩れ巨大なロボットが落ちてくる!カミナは確信する「やっぱり地上はあった!」そして、無謀にも村で暴れるロボットに立ち向かおうとする。その時、更に地上から何かがやって来た。それは、巨大なライフルを持った少女・ヨーコだった。彼女は、ロボットを地上から追って来たのだ。しかし、ライフルの威力では、倒すどころか足止めをするのが精一杯。そんなピンチの中、シモンは、以前、地中から掘り出したモノをカミナとヨーコに見せる。それは、顔だけの謎のロボットだった…。7. ヤマノススメ人気イラストレーター・しろが描く“女の子だけのゆるふわアウトドア”コミック『ヤマノススメ』が、2013年1月よりTVアニメ放送開始！インドア趣味で高所恐怖症の「あおい」と、山大好きで常に周りを振り回す「ひなた」。幼馴染の二人は、幼いころ一緒に見た山頂の朝日をもう一度見る為、登山に挑戦することに。登山道具で料理対決したり、近所の小さな山に登ってみたり…。少しずつ知識を身につけ、登山仲間も増えて行く。あの日見た朝日を見られるのはいつ？8. ステラのまほう高校の入学式の日、同人ゲームを作る部活｢SNS部｣と出会った本田珠輝。やりたいことを見つけたと思って入部したものの、絵もプログラムもシナリオも音楽も、一から自分たちで作るのって大変！先輩や幼なじみと一緒に、完成を目指して頑張ります！9. 輪るピングドラム高倉家は双子の兄の冠葉と弟の晶馬、体が弱く病気がちな妹の陽毬の3人暮らし。ある日、出かけた先の水族館で陽毬が倒れ、死亡。だが兄弟の悲しみをよそに水族館で買ったペンギン帽子をかぶった陽毬が起き上がり、｢ピングドラムを手に入れるのだ｣と宣言した・・・。10. Ｃ西暦20XX年、日本――。巨額の財政赤字を抱え、すわ「国債の暴落か！」「日本経済の崩壊！」「財政破綻も秒読み！？」と末期的な危機が叫ばれていた日本経済であったが、政府系金融機関ソブリン・ウエルス・ファンドの登場により、政府資金の運用を驚異的に成功させ、政府は奇跡とも言える財政再建を実現してみせたのだった。時の総理は、全世界に向けて日本の財政健全化と経済の復活を宣言、歴史上に記憶される政治家として世界中の注目を一身に浴びていた。一方、市民はというと、一挙に黒字化した政府資産を元手に次々に打ち出される政策により、日本経済もV字回復を・・・と期待をかけるものの依然回復する気配はなく、長期化する若者の就職問題、リストラや失業による生活苦、自暴自棄となった物が起こす無差別殺傷事件、将来の展望のなさか、結婚率の減少や少子化は一向に解消には向かわず絶望か、現実逃避か、失踪者や自殺者の急増…そんなニュースが日々飽くことなく繰り返され、漠然とした不安と停滞した閉塞感ばかりが人々の心に澱のようにたまるばかりだった。

わたしの好きなアニメ

※この記事は以前はてなブログに投稿した記事です。今年の振り返りと来年への抱負(2020/12/28)twitter(日記)をすべて見返して今年の振り返りをしました。長いようで短かった。オンライン講義辛かった。。。  目次今年始めたツール活動履歴来年頑張りたいこと今年始めたツールBlender  Unity  Visual Studio Code  git(github)活動履歴5月中旬　Blenderをインストール(下の画像はインストールした日に作ったもの)  2020年5月15日　blenderを初めて触った日オブジェクトモードと編集モードの違いすら分からなかった。これが当時の限界。 pic.twitter.com/6BlYGQ3PoP— うーたん (@uutan1108) July 20, 2020 7月中旬　blenderの制作物を公開するためtwitterを開設主なモデル pic.twitter.com/T4yYAYEgCE— うーたん (@uutan1108) July 13, 2020 8月24日　伸びる  えんぴつ#blender #b3d pic.twitter.com/Lu5OfbllIp— うーたん (@uutan1108) August 24, 2020 8月27日　VRChatを始めるもしVrchatやっている方がいたら、こちらのアカウントを作ったのでフレンドになってください。よろしくお願いします。@rgSs28Q5ikifA0V— うーたん (@uutan1108) August 26, 2020 9月23日　この日以降、ほとんどBlenderを触らなくなるサイコロ pic.twitter.com/eFKR0tP9sY— うーたん (@uutan1108) September 23, 2020 9月24日　HTML CSSの勉強を開始する。Visual Studio Codeをインストールする。必ずやり遂げる。 pic.twitter.com/rqWyRUvHO9— うーたん (@uutan1108) September 24, 2020 10月3日　ポートフォリオサイトを制作し始める参考書に飽きたので、ポートフォリオを制作してみた。 pic.twitter.com/P5LGcsfC4a— うーたん (@uutan1108) October 3, 2020 10月6日　完成する。(レスポンシブにできなかった)やっとの思いで完成させたポートフォリオです。見てほしいな。https://t.co/N5sJT7Q3F9— うーたん (@uutan1108) October 6, 2020 10月8日　PHPの環境を整えるPHPです。頑張ります！ pic.twitter.com/SE7D02yxb1— うーたん (@uutan1108) October 8, 2020 10月10日　javascriptを勉強し始める意外と時間かかった。疲れた。#javascript pic.twitter.com/HWlNM0fPxe— うーたん (@uutan1108) October 10, 2020 11月3日　Pythonを勉強し始める画像をスクレイピングしてzipを生成できた。 pic.twitter.com/IrmQJWiZyW— うーたん (@uutan1108) November 3, 2020 11月5日　はてなブログを始めるはてなブログに投稿しました #はてなブログうーたんの自己紹介 - u____tanの日記https://t.co/2Hp1ZGFeo0— うーたん (@uutan1108) November 5, 2020 11月9日　レンタルサーバーを借りて現在のポートフォリオサイトを公開する。(完成。拡張するかも)https://t.co/dGPfruIVLl— うーたん (@uutan1108) November 9, 2020 11月14日　QUEST2(VRの機械)を購入する買いました。高かったです。 pic.twitter.com/Vg7EeCDz7D— うーたん (@uutan1108) November 14, 2020 12月初旬　初めてインターンにエントリーし落選する。インターン受かるといいな— うーたん (@uutan1108) November 29, 2020 12月5日　SQLを勉強するudemy飽きたから、見やすくした。 pic.twitter.com/Nh6jwanHF4— うーたん (@uutan1108) December 5, 2020 12月8日　ローカルにPythonの環境を整えるHELLO WORLD pic.twitter.com/CFeWwYejtd— うーたん (@uutan1108) December 8, 2020 12月21日　Pythonで作ったアプリケーションをデプロイする意外とあっさりデプロイできた！opencvで顔認識と画像処理をしました。遊んでください。https://t.co/onBr8zCmz7— うーたん (@uutan1108) December 21, 2020 それ以降は、課題に追われたり、LTに参加したりで、今年は終了です。多分。今まで紹介してきたアプリケーションは以下のポートフォリオサイトのWorksページからアクセスできます。紹介していないものもあるので見てください。ポートフォリオサイト来年頑張りたいことJava,Python,Reactとか、バックエンドもフロントエンドも体験したい。gitをマスターしたい。  インターンにも参加したい(受かりたい)。

今年の振り返りと来年への抱負-2020年-

目次このブログサイトを作ろうと思ったきっかけ苦労した点PHPをUdemyを受講する前のコードPHPをUdemyを受講した後のコード1. このブログサイトを作ろうと思ったきっかけポートフォリオサイトを昨年の10月に制作しました。制作後、自分のはてなブログの投稿記事をポートフォリオサイトにも表示したいと思いPHPの学習を開始しました。学習の結果、ポートフォリオサイトに投稿記事を表示することができました。その当時は、PHPの基礎文法のみの学習しかしておらず、データベースとは何なのか理解していませんでした。UdemyのPHPの講座を学習し、SQLも学ぶことができました。学習後、アウトプットしたいと思いBlogを自作することにしました。UdemyのPHPの講座で制作したもの2. 苦労した点エラーが消えなかったり、レンタルサーバーのphpMyAdminの設定が思うようにいかなかったりと大変でした。しかし、講座をまねるのではなく、自ら考えコーディングすることは楽しく、いい勉強になりました。3. PHPをUdemyを受講する前のコード(一部)try{    $db = new PDO($dsn, $user, $password);    //SQLコマンド    $sql = 'SELECT * FROM staffname LEFT JOIN staffdescription ON staffname.id = staffdescription.staffid WHERE groups LIKE \''.$value1.'%\' ORDER BY '.$value2.' ASC';    $sth = $db->prepare($sql);    $sth->execute();    //queryはsqlコマンドによってデータを取り出す    while ($row = $sth->fetch()) {?>        <?php print('名前：'.$row['name'].' / '.$row['groups'].'所属 / '.$row['age'].'歳 / 身長 '.$row['height'].'cm');        if($row['name'] == $osiname){            print("　☜　あなたの推し");        }        ?>    <?php }}catch (PDOException $e){    print('データベース接続エラー : '.$e->getMessage());    die();}SQLに直接入れていて最悪です。4. PHPをUdemyを受講した後のコード(一部)<?phpsession_start();require('dbconenect.php');//URLパラメータを指定せずにアクセスしようとした場合はheader('Location: index.php');if(empty($_REQUEST['id'])){  header('Location: index.php');  exit();}$posts = $db->prepare('SELECT m.name, m.picture, p.* FROM members m, posts p WHERE m.id=p.member_id AND p.id=?');$posts->execute(array(  $_REQUEST['id']));$post = $posts->fetch();?>SQLに直接入れていないので大丈夫かな。セキュリティは分からないので勉強したい。このブログサイトに不具合があったらtwitterで教えてください。