ゼロから始めるエンジニ アへの道 #19 ~AWSアーキテクト アソシエイト~
AWS アーキテクトアソシエイト
・今回の転職でSaver監視の業務、また、AWSの各プラットフォーム（EC2/3 Coder関連、SQL）などの勉強が受動的いにできる 。
・サーバー×アーキテクト関連もそうだけど、NW関連の勉強もできる主に OSIモデルに関連したもの
1．ロードま#AWS アーキテクトアソシエイト
・今回の転職でSaver監視の業務、また、AWSの各プラットフォーム（EC2/3 Coder関連、SQL）などの勉強が受動的いにできる 。
・サーバー×アーキテクト関連もそうだけど、NW関連の勉強もできる主に OSIモデルに関連したもの
2．ロードマップのてこいれ
①ディープラーニングを削って、architectの勉強するよ
②コーディング自体は変わらず進めるよ!(^^)!
何度目かの振り返り
もくじ
・転職状況について
・自身のパーソナルについて
・勉強スケジュールのスタート
転職活動について
前回記載したように、ご縁があったエージェント様から24/364の業務紹介をいただき、8月5日よりスタートしております。 OPとしての採用なのでフロント業務がメインとなり、 一般のコールセンタ同様ISMS系の社内ポリシーがあるので、意欲的でも物覚えの悪い自分は、復習を欠かせないと感じました(;´Д｀)
学習のスケジュール（下記の画像）は依然、変更はしませんが備忘し自宅で復習する事もあります。
基本Twitterの毎日更新（[アウトプット#]タグを作り配信します）の法に書きます。
自身のパーソナルについて
8月10日に、外部の方（以前の会社でお世話に なったバックエンドもフロントもやっているエンジニア）と、自分の以前の上司を紹介する会を開きました。
主題は、紹介だったのですが。。エンジニアの方からは転職の際の相談口になってもらったりしていたので、現在の状況と今後どうなりたいかの点を軽く話しました。
その際に、ご指摘いただいた点として、自身 は【何かを作りたい】意欲よりも、あるもの（コンテンツ）を【直したい、改善したい】という姿勢である事を言い当てられました。
周りのフロントエンジニア の方が、【よく言う作りたいもの】を自分も定義しようと思ったこと自体はありますが、具体性や将来性（コンテンツとまで定義できないレベル）で、
失敗しました。
結論として、「【自分の場合はモノづくりに対しての意欲がない ＞ 新規のコンテンツには興味を惹かれる】 、この間で生まれるギャップを整理し、
自分でしかできない覚え方をする方が合っている」とのことでした( ;∀;)
勉強スケジュールのスタート
パーソナルの面も踏まえて、まずはスケジュールに乗っ取った行動を進行する事を第一の目標とします。
以上、今週末で改めてHtml/Cssは書き出しますm(__)m
ゼロから始めるエンジニアへの道 ～これからについて 8月4日～
近況変化について
1．転職活動を経て転職
・24/365だけどサーバー監視業務を紹介いただいた
・他だとアウトバンド系のSVやマネージャーポジ
2. 行動予定表について
・Twitterをはじめ、毎日の簡易アウトプットをスタート
・週末は集大したものと、当日の学んだことのアウトプット
・週の予定パターンを原則的に上記とする
・ただし、転職先に関してはシフト勤務になるので、 変更と修正必須
3学習ロードマップに加えて
・現在学び途中であるHtmlやCssに加えて以下を1時間構築と勉強をしていきます。
[saver]
1.ubuntu
2.apahe
・上記の[Saver]と書いている方は開発に直結しているものですが、[デザイン]と書かれているのは、ロードマップとは関係なく、趣味の領域になっています。
・３D モデリングは今後、個人的に教練動画を作成したいと考えているので、そのための勉強です（詳細はまた追って記載します）
・AdobeはUIデザイン作成 が一番の目的です。
結論
・2020年8月4日より、WEB言語に学習を戻し時間通りに学習していきます。
・学習関係のツイッターアウトプットは以下のテンプレート
最後に一言
めちゃくちゃ楽しくなってきた
ゼロから始めるエンジニアへの道 #17~html or css~
###学習範囲
1.半角空白区切りのセレクタ
border-radius
border-width
border-style
border-color
##作業
アイコン画像の角を丸くする
TKｊのBlogです
WEBエンジニアのもどきです。
WORKS
私の大好きな「ゲーム」につて紹介です
基本的には、コンシューマー向けのゲームになるのですが... 複数のシリーズが展開されていて、作品によってはアプリ
またPSのポータブルも販売していますので、 是非、ゲームをプレイしてください(´ω｀*)
閃の軌跡
<
このゲームは上記に記載したコンシューマゲームに該当します。 RPG（ロールプレイングゲーム）となっており、
基本的にはストーリーラインが緻密に構成され、バトルアクションも楽しめるといった作りになっています。
作品自体の魅力としては、【王道のようで、王道ではない】という点です。
ゼロから始めるエンジニ アへの道 #16.5 ~html or css (整理したコード添付しただけ)
コメントtagめいっぱい使っていたら荒れたので、修正
~ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>TKのポートフォリオサイト</title> <link src="https://lh3.google.com/u/0/d/1yumUn_EzQtM_Wv0bCh5ytEYHdG4Bwiff=w425-h598-iv1" rel="icon" href="favicon.ico" width="30" height="20" > <meta name="discription" content="TKのportfolioサイトです"> <link rel="stylesheet" href="BlogHederStyle.css"> <body> <header> <div class="container"> <div class="icon"> <img src="https://lh3.google.com/u/0/d/1bu81-XBeuq25FAv-QbvZ5zNk5SWxmXcR=w650-h596-iv1 " width="500" height="400" alt="TKのアイコンです"> </div> <div class="info"> <h1>TKｊのBlogです</h1> <p>WEBエンジニアのもどきです。</p> <!-- <ul> <li> <a href="https://takeyoshiblog.hateblo.jp/" target="_blanck"> <img src=" https://lh3.google.com/u/0/d/1HqFjA2tV_cKy68909muNSC9QehUqhwEA=w681-h606-iv1" class="a-b-ta-Ua" " width="20 " height="20" alt="tork icon" </a> </li> <li> <a href="mailto:tk-nomailaddress@gmail.com""tk-nomailaddress@gmail.com"> <img src="https://lh3.google.com/u/0/d/1jIu88lxb4YEqZThhbFQuJq0Oq1grPdOU=w681-h606-iv1" width="20" height="20" alt="photo.png を表示しています" aria-hidden="true"> </a> --> <ul> <li> <a href="https://takeyoshiblog.hateblo.jp/" target="_blanck"> <img src=" https://lh3.google.com/u/0/d/1HqFjA2tV_cKy68909muNSC9QehUqhwEA=w681-h606-iv1" class="a-b-ta-Ua" " width="20 " height="20" alt="tork icon" > </a> </li> <li> <a href="https://dotinstall.com" target="_blank"> <img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です"> </a> </li> </ul> </div> </div> </header> <section> <h1>WORKS</h1> <section> <img src="https://lh3.google.com/u/0/d/1Z2wuIjH4R-QPmY70nxIuhYByLDITg3S7=w514-h596-iv1" class="a-b-ta-Ua" width="600" height="400" alt="TKのWorkSpeaseです"> <!--ここで指定していIMGtagと、src=img/work2は意味合いが違います。 srcはソースの略称 要するに「img」の元ソースはどこ？ってこと ソースを指定する際に用いている、/ は、一つ下の階層を指定。 記載していなかった備忘(alt属性は「代替えテキストとして活用」) --> <h1>私の大好きな「ゲーム」につて紹介です</h1> <p> 基本的には、コンシューマー向けのゲームになるのですが... 複数のシリーズが展開されていて、作品によってはアプリ<br> またPSのポータブルも販売していますので、 是非、ゲームをプレイしてください(´ω｀*) </p> </section> <section> <h3>閃の軌跡</h3> <<img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;" src="https://pbs.twimg.com/media/DmJX1E-UwAAb-Nw?format=jpg&name=large" width="600" height="400" alt="英雄伝説の画像"> <P> このゲームは上記に記載したコンシューマゲームに該当します。 RPG（ロールプレイングゲーム）となっており、<br>基本的にはストーリーラインが緻密に構成され、バトルアクションも楽しめるといった作りになっています。 <br>作品自体の魅力としては、【王道のようで、王道ではない】という点です。 </P> <!-- VSコードにて、chordのコピー作業を行える。shift * alt * ctrl 上下で操作が行える。 ただ、Setingの問題なのか同乗の操作が行えないので既存のショートカットキーを活用して、ctrl * C or V で、ひとつづつコピペｗ --> </section> <section> <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vR1cWD-3W1FKLuTEZ_WbROfFVkjuQcCxIor9-6klVH3RU5boC4BObwAc4dgG7-I88toKAmLQe5VD_ed/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe> </section> <!-- HtemnaBlogで公開したロードマップの掲載 ここは、Imageではなくifeamを活用して文章作成 --> <footer> <p> (C)dotinstall.com </p> </footer> <!-- vs操作を行う際の、（alt+↕)について、タグの宣言に必要な→<><>は、並列ではなく row(つまり行)で、切り分けられていないと、入れれれない --> </body> </head> </html> ~
~ /* body { color: #333; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Verdana ,sans-serif; } ↑disctipt用↑ iconのカラーに関しては変更する際に、プレビューが判りやすいからです */ .body { color: #333; font-family: Verdana, sans-serif; margin: 0; } header { background-color: #efefef; } .container { background-color: pink; width: 400px; margin-left: auto; margin-right: auto; display: flex; } .icon { background-color: skyblue; } .icon img { /* border-radius: 20px; */ border-radius: 50%; border-width: 4px; border-style: solid; border-color: white; } .info { background-color: tomato; margin-left: 35px; } .info h1 { font-weight: normal; font-size: 30px; margin: 0; } ~
諸々の整理 part2
ロードマップと転職について
1.学習時間担保のためにコアテック系のsutartupに6月でジョイン
・対外的なソリューションはコアテック領域
・いい意味でも、悪い意味でも開発者とビジネスサイドがきっちり分かれているので、大企業間半端じゃあない ・
・TKは自由に勉強しながら、てめーのポートフォリオを確立していきたいので社風が合わず（企業側の申し出でもあり）転職再開
2．スカウト状況
・リファラル 1社（Tob o Toc 音声ai系）
・スカウト → Fintec系（業界未経験 ）
・自分応募系 → （ヘッドハント経由） → ハイエンドPC（マイニングに適したPC売る事業 ） 手配 or 業務改善系のプラットフォーム （saas)のサクセス立ち上げ要員
3.ロードマップの微修正
Htenaさんへの文句
携帯で編集する際にMarkdown形式入れてくれないと、癖で改行してしまったりする・
でも、htmlがあるので最初から気づいて編集すればそんなに苦ではないｗ（でも出来れば欲しいw)
ゼロから始めるエンジニ アへの道 #16 ~html or css
学習範囲
・div使ってのレイアウト
・StyleBoxを見て、作成予定のページアイコン(icn）のmargin調整
・表示しているicnファイルを横並びにするために、display要素に、frexboxを追加
↳前回の
で識別子に指定 したを指定する。
⇢frexboxはその名称の通り、フレームを色々いじれるよう
⇢frexboxはその名称の通り、フレームを色々いじれるよう
フレックスボックス入れる前のcss↓
~ /* body { color: #333; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Verdana ,sans-serif; } ↑disctipt用↑ */ .body { color: #333; font-family: Verdana, sans-serif; margin: 0; } header { background-color: #efefef; } .container { background-color: pink; width: 400px; margin-left: auto; margin-right: auto; display: flex; } .icon { background-color: skyblue; } .icon img { /* border-radius: 20px; */ border-radius: 50%; border-width: 4px; border-style: solid; border-color: white; } .info { background-color: tomato; margin-left: 35px; } .info h1 { font-weight: normal; font-size: 30px; margin: 0; } ~
・divでconteinerの指定とfrexboxを活用
htmlの方を自由に記入したり、src属性をGドライブ上にやっていたり、コメントtagをたくさん使ったりと、非常に間違いに気づきづらい状態になったので、後でドットのソースを見て修正予定
まだ、ローカルの開発環境が揃っていないので、揃えつつ修正をする。
~ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <!-- meta文字コードの設定は、最近はutf-8に統一されているケースが多いので、utf-8を指定すする --> <title>TKのportfolioサイト</title> <!-- タイトルtag（<tile>）の中身は、ブラウザタブに表記される --> <link src="<https://lh3.google.com/u/0/d/1yumUn_EzQtM_Wv0bCh5ytEYHdG4Bwiff=w425-h598-iv1" rel="icon" href="favicon.ico" width="30" height="20" > <!-- 本来は,src属性は使わずローカルデイレクトリの、同階層上に存在する[favicon.icon]を指定するだけ。a 「favicon」とは、タブの小さなicon画像の事を指している。 同じ階層に存在するので、データファイル名の指定だけしています 階層が変わった場合の指方法がわからない:(サジェストする) .ico(アイコン)の作り方は少々特殊らしいので別口でサジェスト --> <meta name="discription" content="TKのportfolioサイトです"> <!-- これはContent属性と言って、WEBに公開した時にSEO検索の説明文なに記載 されるようです。 恐らくdedcriptファイルを作成して、指定する作業が必要なんだと思います。 --> <link rel="stylesheet" href="BlogHederStyle.css"> <body> <header> <div class="conteiner" > <img src="https://lh3.google.com/u/0/d/1bu81-XBeuq25FAv-QbvZ5zNk5SWxmXcR=w650-h596-iv1 " width="500" height="400" alt="TKのアイコンです"> <h1>TK</h1> <p>システムエンジニアを目指しています</p> <!-- head と、hederの違いについて headタグは、この文書全体に対して情報を入れるもの headerタグは、bodyの中に使うヘッダー要素を入れるためのタグ では、(h)のtagは？ hedingtag(ヘディングタグ）と読み、見出しをるける際に使うタグ --> <ul> <li> <a href="https://takeyoshiblog.hateblo.jp/" target="_blanck"> <img src=" https://lh3.google.com/u/0/d/1HqFjA2tV_cKy68909muNSC9QehUqhwEA=w681-h606-iv1" class="a-b-ta-Ua" " width="20 " height="20" alt="tork icon" </a> </li> <li> <a href="mailto:tk-nomailaddress@gmail.com""tk-nomailaddress@gmail.com"> <img src="https://lh3.google.com/u/0/d/1jIu88lxb4YEqZThhbFQuJq0Oq1grPdOU=w681-h606-iv1" width="20" height="20" alt="photo.png を表示しています" aria-hidden="true"> </a> <!-- ・アンカータグの中に存在しないメールを<mailto:>で挿入 --> </li> </ul> </div> </header> <section> <img src="https://lh3.google.com/u/0/d/1Z2wuIjH4R-QPmY70nxIuhYByLDITg3S7=w514-h596-iv1" class="a-b-ta-Ua" width="600" height="400" alt="TKのWorkSpeaseです"> <!--ここで指定していIMGtagと、src=img/work2は意味合いが違います。 srcはソースの略称 要するに「img」の元ソースはどこ？ってこと ソースを指定する際に用いている、/ は、一つ下の階層を指定。 記載していなかった備忘(alt属性は「代替えテキストとして活用」) --> <h3>私の大好きな「ゲーム」につて紹介です</h3> <p> 基本的には、コンシューマー向けのゲームになるのですが... 複数のシリーズが展開されていて、作品によってはアプリ<br> またPSのポータブルも販売していますので、 是非、ゲームをプレイしてください(´ω｀*) </p> <h3>閃の軌跡</h3> <<img style="-webkit-user-select: none;margin: auto;cursor: zoom-in;" src="https://pbs.twimg.com/media/DmJX1E-UwAAb-Nw?format=jpg&name=large" width="600" height="400" alt="英雄伝説の画像"> <P> このゲームは上記に記載したコンシューマゲームに該当します。 RPG（ロールプレイングゲーム）となっており、<br>基本的にはストーリーラインが緻密に構成され、バトルアクションも楽しめるといった作りになっています。 <br>作品自体の魅力としては、【王道のようで、王道ではない】という点です。 </P> <!-- VSコードにて、chordのコピー作業を行える。shift * alt * ctrl 上下で操作が行える。 ただ、Setingの問題なのか同乗の操作が行えないので既存のショートカットキーを活用して、ctrl * C or V で、ひとつづつコピペｗ --> </section> <footer> <p> (C)dotinstall.com </p> </footer> <!-- vs操作を行う際の、（alt+↕)について、タグの宣言に必要な→<><>は、並列ではなく row(つまり行)で、切り分けられていないと、入れれれない --> </body> </head> </html> ~
