2021年にやったこと【振り返り】

2021年にやったこと【振り返り】

私が2021年に行ったことの振り返りです。

Web application 製作

みこボタン → さくらみこさん本人に遊んでもらう

ねねボタン

ミッキーぺたぺた

 

上記3つのWebアプリを作りました。

みこボタンとねねボタンは、ホロライブ所属タレント(VTuber)のボイスを集めたもので、ボタンを押せばボイスが流れます。

このうち、みこボタンはタレント(さくらみこ)さんご本人に配信で遊んでいただきました

 

ミッキーぺたぺたは私が最初に作ったアプリですが、とても簡単なコードでできています。

PCブラウザでのプレイ推奨です。

イラスト

始める前 → 6か月後

2021年5月頃に描き始め、半年でこれくらいになりました。

 

やったこと

まずはイラスト上達方法のリサーチを行いました。YouTubeでプロのイラストレーターさんがイラスト上達方法を紹介する動画をアップロードしてくれているので、無料で勉強できました。特に参考にしたのは、さいとうなおき先生の

3か月上達法

3か月上達法のQ&A

3日間上達法

 

分析

イラストを描く練習を数か月してみて、次のとおり分析しました。

・イラストは線画と色塗りで出来ている。ということは、「線画」と「色塗り」のスキルを身に着ければ、魅力的な絵を描けるようになるのではないか。

・線画については、どのような形を、どの位置に、どの大きさ・バランス(他パーツとの相対的な比率)で描くかが重要

・色塗りについては、下塗り→1影→2影→反射光→ハイライト→グラデーションなどの調整という流れで描くが、瞳は工程が少し異なる

 

トレーニング

「線画」のスキルを身に着けるために行った練習で特に効果があったと思うのは、自分が魅力的だなと思うイラストを参考に、どういう形をどういう比率で描かれているかを分析してから描いてみるという方法でした。

ここで参考にした書籍は、制服女子キャラ 描き込みドリル です。なぞってみる → 比率を分析する → 描いてみる という練習を行っています。方眼紙の上に描かれているイラストがついていますが、この方眼紙は比率を分析するために使うのが良いと思っています。

また、人体の構造を把握するために、人の動きが連射されているポーズ集をもとに、その連続した動きを描く練習もしました。そのとき参考にしたポーズ集は、瞬撮アクションポーズ01 女子高生アクション です。

 

「色塗り」については、まず色を塗る手順を学ぶ必要があり、イラストを完成させながら学ぶ 動画と図解で解説! 着彩の教科書: vol.01 アニメ塗りと基本 を読んで描いてみました。

その上で、女の子のイラストを描く上で重要なパーツは、優先度の高い順から

1.瞳

2.髪

3.その他パーツ

と仮定した上で、まずは瞳の描き方から学びました。YouTubeに上がっているイラストレーターさんのいろんな動画を見ましたが、叶絵かのん先生の【有料級】目の塗り方を世界一わかりやすく解説が分析的でわかりやすかったです。
次に、髪については、同じイラストレーターさんの【有料級】誰でも簡単 透明感ある髪の描き方!を参考にしています。
他にもたくさんのイラストレーターさんの動画を見て影響を受けていますが、特にこちらの動画がわかりやすかったです。

 

紹介した書籍

 

NFT出品

NFT出品もしてみました。

複数の市場をリサーチして比較してみましたが、最も取引量が多いOpenSeaに出品しました。

 

ダイエット

・体脂肪率: 23% → 12%

・体重: 84kg → 68kg

脂肪を減らすためには、消費カロリー > 摂取カロリー とすればよいので、食事を改善しました。

朝食: 低脂質のヨーグルトにハチミツをかけ、そこにハチミツをかけて炒ったオートミールを入れて食べる

昼食: 十五穀米 0.5~0.75合、ローストビーフ用のブロック肉を切って焼いてステーキ、トマトやホウレン草などの野菜 or にんじん入りの味噌汁

夕食: 昼食と同じ(なお、肉を焼くときはコレステロールの少ないオリーブオイルorゴマ油を小さじ1/2)

を続ければ、私の体は自動的に痩せていくことがわかりました。

ただし、週に1回、チートデイを用意し、その日だけは何を食べても良いことにしています。

 

また、かっこいい体つきにしたかったので、筋トレを行いました。

筋トレは、腕立て伏せ、カエル倒立、腹筋背筋を行っています。その後は、ストレッチも行っています。

時折、クラヴマガのドライトレーニングもします。

 

ダイエットについては、アクトレブログさんなかやまきんに君さんのYouTubeが参考になりました。

YouTube

新しくYouTubeチャンネルを作り、動画を複数投稿しました。

1万回超えの動画をいくつか紹介

上から9.6万回再生、2万回再生、1.9万回再生、1.8万回再生となっています(2022/1/16時点)。

 

ショート動画は面白ければそれなりに再生されますが、チャンネル登録がそこまで増えない傾向があるので、どうやってチャンネル登録者を増やすか考えないといけませんね。

ということで、もしこの記事を見て「良かった」と感じた方は、是非チャンネル登録もよろしくお願いしますー。

 

Live2D

本郷はるとモデル製作を製作しました。

VTuberとして活動するためのモデルを自作したものですが、こんな感じです。

 

ギター

7曲弾けるようになりました。

・Still I’m With You

・Honey

・Driver’s High

・Shutting from the sky

・As if in a dream

・In the Air

・Blurry Eyes

私はL’Arc~en~Cielが好きで、全部ラルクの曲です(笑)

 

スケールの把握と理解

ギターの指盤上で、スケールを弾くにはどこを押さえればよいのかを意識して学びました。

複数弾き方があるので、自分が覚えやすいところを覚えてから、少しずつ拡張していきました。

 

自作PC製作

ちょうど1年前に製作し、一筋縄では行かず、マザボに欠陥もあったが、なんとか完成させて使用中です。

パーツ紹介

・CPU: INTEL 第10世代CPU Comet Lake-S Corei5-10400F 2.9GHz 6C/12TH BX8070110400F【 BOX 】 日本正規流通品

・CPUクーラー: CPU付属品「PCG 2015C」

・マザーボード: ASRock Intel 第10世代CPU(LGA1200)対応 B460チップセット搭載 Micro ATXマザーボード 【国内正規代理店品】 B460M Steel Legend

・メモリー: CFD販売 Crucial (Micron製) デスクトップPC用メモリ PC4-25600(DDR4-3200) 8GBx2枚 CL22 288pin 無期限保証 W4U3200CM-8G

・グラフィックボード: PowerColor AMD Radeon RX5600XT搭載 グラフィックボード GDDR6 6GB RED Devilシリーズ AXRX 5600XT 6GBD6-3DHE/OC

・SSD: Western Digital ウエスタンデジタル 内蔵SSD 1TB WD Blue SN550 (読取り最大 2,400MB/秒) NVMe WDS100T2B0C-EC 【国内正規代理店品】

・HDD(1個目): Western Digital ウエスタンデジタル 内蔵 HDD 6TB WD Blue PC 3.5インチ WD60EZAZ 【国内正規代理店品】

・HDD(2個目): 東芝 内蔵HDD 3.5インチ 4TB 省電力モデル DT02ABA400-2YW 【国内正規代理店品】 2年保証 SATA 6Gbps対応

・電源ユニット: 80PLUS GOLD認証取得 高効率高耐久電源ユニット NE750 GOLD

・PCケース: Thermaltake Versa H26 Black /w casefan ミドルタワー型PCケース [ブラックモデル] CS7070 CA-1J5-00M1WN-01

・ケースファン: ケース付属品

 

画像付きで紹介できるようにAmazonに上がっているものはリンクを付けておきました。

私が買ったときは、TSUKUMO、ドスパラ、パソコン工房で検索して一番安いところで買いました。

 

私が買ったマザーボードにはメモリースロットに欠陥があったので、次にパソコンを自作するときは別メーカーのマザーボードを買うと思います。

また、PCケースは安い分、クオリティが低かったです。

しかし、今のところ上の構成で動きます(マザボのメモリースロットに欠陥があり、デュアルメモリーができない点以外)。

 

次に自作するときは、まずマザーボードを選定→対応するCPU、メモリー、GPU、SSD、電源を選ぶ

といった流れでパーツを決めていく予定です。

プログラミング

WEBアプリケーションの製作以外に、Pythonを使ってTwitterAPIを動かすプログラミングを行いました。

tweepy, pandas, timeあたりのPython Libraryを使いました。

映すとマズイところが映らないようにしてトリミングしたスクショ↓

 

MDN Learning

Web Appを作る中で、Web developerとして必須の知識とスキルを体系的に学びたいと思ったので、MDNのLearn web developmentで学び始めました。半年で学んだ内容は以下の通りです。

学習実績
Title Done
Installing basic software  Skip
Background on the web and web standards  Done
Learning and getting help  Done
HTML Introduction to HTML
Getting started with HTML Done
What’s in the head? Metadata in HTML Done
HTML text fundamentals Done
Creating hyperlinks Done
Advanced text formatting Done
Document and website structure Done
Debugging HTML Done
Assessment: Marking up a letter Done
Assessment: Structuring a page of content Done
Multimedia and embedding
Multimedia and embedding overview Done
Images in HTML Done
Video and audio content Done
From object to iframe — other embedding technologies Done
Adding vector graphics to the Web Done
outstanding Responsive images Done
Assessment: Mozilla splash page Done
HTML tables
HTML tables overview Done
HTML table basics Done
HTML Table advanced features and accessibility Done
Assessment: Structuring planet data Done
CSS CSS — Styling the Web
Learn to style HTML using CSS Done
CSS first steps
CSS first steps overview Done
What is CSS? Done
Getting started with CSS Done
How CSS is structured Done
How CSS works Done
Using your new knowledge Done
CSS building blocks
CSS building blocks overview Done
Cascade and inheritance Done
CSS selectors Done
The box model Done
Backgrounds and borders Done
Handling different text directions Done
Overflowing content Done
Values and units Done
Sizing items in CSS Done
Images, media, and form elements Done
Styling tables Done
Debugging CSS Done
Organizing your CSS Done
Assesment Fundamental CSS comprehension Done
Assesment Creating fancy letterheaded paper Done
Assesment A cool looking box Done
See also Advanced styling effects Done
Styling text
Styling text overview Done
Fundamental text and font styling Done
Styling lists Done
Styling links Done
Web fonts Done
Assessment: Typesetting a community school homepage Done
CSS layout
CSS layout overview Done
Introduction to CSS layout Done
Normal Flow Done
Flexbox Done
Grids Done
See also CSS Grid guides
See also CSS Grid Inspector: Examine grid layouts
Floats Done
Positioning Done
See also Practical positioning examples,
Multiple-column Layout Done
See also CSS Fragmentation
See also Using multi-column layouts
Responsive design Done
Beginner’s guide to media queries Done
Legacy Layout Methods
Supporting Older Browsers
Fundamental Layout Comprehension Done
 if you stuck, refer to Use CSS to solve common problems
JavaScript JavaScript — Dynamic client-side scripting Done
See also Use JavaScript to solve common problems 
See also JavaScript on MDN
See also Learn JavaScript
See also JavaScript Fundamentals on EXLskills
See also Coding math
JavaScript first steps
JavaScript first steps overview Done
useful check your variable name Useful tool
prerequisite basic JavaScript introduction Done
What is JavaScript? Done
A first splash into JavaScript Done
What went wrong? Troubleshooting JavaScript Done
Storing the information you need — Variables Done
Basic math in JavaScript — Numbers and operators Done
Handling text — Strings in JavaScript Done
Useful string methods Done
Arrays Done
Assessment: Silly story generator Done
JavaScript building blocks
JavaScript building blocks overview Done
Making decisions in your code — Conditionals Done
Looping code Done
Functions — Reusable blocks of code Done
Build your own function Done
Function return values Done
Introduction to events Done
Assessment: Image gallery Done
Introducing JavaScript objects
Introducing JavaScript objects overview Done
Object basics Done
Object-oriented JavaScript for beginners Done
Object prototypes Done
Inheritance in JavaScript Done
Working with JSON data Done
Object building practice Done
Assessment: Adding features to our bouncing balls demo Done

プログラミングは英語の原文にあたるのが一番勉強になりますね。

仕事

つつがなくリモートワークしました。

振り返りカテゴリの最新記事