コミュ障だから明日が僕らをよんだって返事もろくにしなかった

何かを創る人に憧れたからブログをはじめたんだと思うよ

なにものにもなれないまま一年を終えてしまった

学習サイト
なにものにもなれないまま一年がはじまった

はい、おはようございます。僕です。結局なにものにもなれなかった……。いままでも……、これからも……。あぁ、絶望。絶望から一年をはじめてしいましたが皆様いかがお過ごしでしょうか？僕は今年もダメみたいです。

まあ、そうやって何もやらずにあーだこーだ言っても仕方ないですよね。そうしたわけでこれやってみました。
Skillhub [スキルハブ]

Web制作のプロになろう
Skillhub[スキルハブ]はフリーランス、起業したい人、転職したい人のための初心者から学べるオンラインスクールです

こんなやつ。今年はWeb制作のプロになろうと思い立ったのでこれやります。なんか情報が2000年代ぐらいのWEB制作技術をベースにしているような気がしているけどもやればプロになれるらしいので、これ終えたらプロ名乗ります。

やってみた

ちなみに僕はフリープランしかやらない勢です。有料にしないと意味ないよとかの苦情は受け付けないのです。でも、これやって人生変わったって人はコメントとかください、信頼できる情報なら課金します（ﾃﾉﾋﾗｸﾙｰ）。とりあえず動画しか見てないですけど内容は以下の通りです。

・ノンデザイナーのためのWebデザイン講座
「近接」「整列」「反復」「コントラスト」についての話です。
実を言うと過去にそれについてブログで語っていたりする。内容は薄っぺらいです。まあ単語わかればググってすむ話だからね。仕方ないね。
inujini.hatenablog.com



・基礎から学びたい人のためのHTML講座
・基礎から学びたい人のためのCSS講座

HTML (HyperText Markup Language) はウェブのもっとも基本的な構成要素です。 HTML はウェブページの基本レイアウトに従ってウェブページのコンテンツを記述し定義するものです。 HTML に隣接する他の技術としては、ウェブページの表示や表現を記述するもの (CSS) または機能や振る舞いを記述するもの (JavaScript) があります。

これについての話。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="js">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>タイトル</title>
</head>
<body>
  <a href="#">リンク</a>
  <h1>見出し</h1>
  <img src="画像.jpg">
  <p>パラグラフ</p>
  
  <h2>見出し</h2>
  <ul>
    <li>リスト</li>
  </ul>
</body>
</html>

HTMLについてはおおむねこんな感じの内容を……。



CSSの方はおおむねこんな感じのことについて。情報古いんでflexbox使えばいいじゃんって思うところもfloatでレイアウトいじってるっぽい。


まあ、細かい話はこれ読めばいいんだと思った。
World Wide Web Consortium (W3C)



・Webサイト制作実践講座（前編）
・Webサイト制作実践講座（後編）
上のやつを理解すると以下のようなサイトが作れるとのことです。

素のCSSいじるのめんどくさくなってSCSSで書いたりしてるけど、どっちも似たようなものだから気にしてはいけない。ちなみに、作れるやつはレスポンシブに対応とかはしてないです。



・WebデザインのためのIllustrator入門講座
f:id:andron:20181226070340p:plain
こんな感じのワイヤフレームの作り方からカンプの作り方までみたいなことを学べるそうです。ちなみに上の画像はイラレでなくXD使ってます。今の時代はXDなんて便利なものがあるからね、そっち使っちゃいました。

Adobe XD
Adobe XD CC体験版ダウンロード | UI/UXデザイン、プロトタイプ、共同作業ツール
今まで使ったことなかったから今回はじめて使ってみたけど、イラレでできるお絵描き部分以外なんでもできそう。ワイヤフレームづくりに特化した感じの使用感でした。多分操作でつまづくことはない。ちなみに、XDではレビュー機能とかついているらしいけども、ぼっちの僕には使う機会は……



・WordPress入門講座
CMSであるWordPressについてです。僕のブログなぜかDrupalのセッティング方法は書いてあるのにWordPressの設定とかそういうのは全然書いてないんですよね。どうしてこうなったのか……。入門講座はセットアップで終わりっぽいです。

WordPress
日本語 — WordPress

設定はMAMP使えばいいってさ
MAMP & MAMP PRO
僕は「ローカル開発はビルトインサーバー使えばいいのでは？」派なので使うMAMP使う恩恵はよくわかんないです。



・GoogleAnalyticsを使ってWeb解析しよう！講座
・Google Adwords入門講座
Google広告の設定の仕方についてとかそういった内容。Analyticsの方は導入の仕方（と言っても登録するだけですけど）と簡単なツールの見方についてです。

その他の動画はとりあえず対談形式でここを見ていきましょうとか簡単なことやって終了って感じです。まあアナリティクス関連は月末のアクセス報告とかするときにざーっと眺めていたりしてるのでここの情報はあんまり参考になったとか感じることはなかった。



・Github公式動画から学ぶGit入門【キュレーション講座】
公式動画を見て理解を深めようとかそんなカリキュラム。公式動画をそのまま埋め込んであるだけのページって割と斬新だと思った。
www.youtube.com
これをみたらGit使えますとか名乗っていいんですかね？



・【限定公開】Rails入門講座 Ⅰ
全部やるとブログアプリを作れるようになるとのこと。「Rails入門講座 Ⅰ」だと導入で終わるのでどんなもんかはよくわかんないです。ただ、scaffoldつかってガワ（CSS）整えて完成みたいなアプリな感じがする。



とまあ、内容的にはそんな感じです。

完走した感想

動画内容ガン無視で好き放題やっておいて感想をいうのもなんですが、「本当にこのレベルでお仕事もらえるの？」って思うところはある。Webデザイナーってこのぐらいでプロって名乗っていいんですかね？まあよくわかんない。よくわかんないけど完走したからプロ名乗ります（やっすいプロだなぁ……）。


おわり

[トップへ]