この記事を読むのに必要な時間は約 18 分です。

あっという間に大晦日!!年初にWizcoメンバー希望者のみで目標を立てるワークに参加したので、その振返りと今後についてまとめてみた。

2018年目標

年初のワークでは、ふりかえりシートと未来ビジョンシートを使って、2017年のふりかえりをしたあと、3年後・1年後・6ヶ月後 の理想を描き、2018年は何をするか目標を設定しました。

3年後どうなっていたいか?

  • フリーランスで年収600万以上を稼ぎ、たくさんの人に頼られる知人・友人の多い人にないたい
  • 3LDKのペットが変えるマンションに住む
  • 車を1台所有

1年後どうなっていたいか?

  • 会社を時短勤務にできないか交渉している。
  • FPとしての相談業務やWeb関係の仕事で収入を得ている
  • FP(ファイナンシャル)1級を取得
  • Web関係や税理士・弁護士会計士の人脈、FP仲間ができている。

6ヶ月後どうなっていたか?

  • Webサイト(個人)構築
  • ブログ記事12個作成
  • 月1回のセミナー・イベントの開催

2018年にやることは?

  1. FP1級取得
  2. 会社に年度内に辞めることを伝える
  3. 個人サイトを作る
  4. ひらばでセミナー・イベント開催
  5. 交流会に参加する

1.FP1級取得

結果からいうと、FP1級は取得していない。というよりも受験すらしていない。なぜなら、今後の方向性に修正があったから。

年初の時点では、『お金』に関するセミナーやスクールをしつつアフィリエイトもやる。というフリーランス像を描いていた。しかし、実際にセミナーを2ヶ月やってみて、私の理想のライフスタイルと違うということに気づいた。スクールをすると場所にとらわれてしまい、フリーランスの一番の特権『自由』が損なわれる。

また、Wizcoでコーディングの学習をした際に凄く集中してコーディングができ楽しかった。コツコツやるタイプの私にとって凄く向いていると感じたため、コーディングで稼ぐ方向へ転換。

2.会社に年度内に辞めることを伝える

年度始(4月)にある個人面談の際に、本年度の契約をもって退職したい旨を伝えた。会社からは、出来ることなら続けて欲しいと言われたため、

『時短勤務や変速勤務ができないか? 』と聞いてみたが、

『 いずれ退職することが決まっているのにそれはできない。』

と前向きな検討の話は全くされなかった。

3.個人サイトを作る

個人サイトについては、2018年のお正月休み中に作ったが、中身(ブログ)を書く事ができなかった。その理由としては以下の3点。

  1. キレイに書こうとしすぎた。
  2. 会社の担当業務に変更がありその仕事を覚えるのに必死で自分の時間を確保するのが難しかった。
  3. 年度の途中で方向性が変わった(セミナー講師→コーダー)ため、いちからサイトを作り直す必要性が生じた。

4.ひらばでセミナー・イベント開催

  • 4月にひらばの学校オープンキャンパスに登壇。
  • 5月~2ヶ月間『金融リテラシー講座』を行う。

5.交流会に参加する

1月にお金の勉強ができるボードゲーム発売記念としてFPの方が集まりそうなイベントがあり、それに参加しようと計画していたがインフルエンザにかかり参加できず。

交流会というものには、参加したなかったがWeb/IT/イラストレーターなどがあつまるイベント(『クリエイター200人祭り』『[枚方] Kansai WordPress Meetup』『フリーランス~独立セミナー~』)に参加して参加者と交流はできた。

2018年ふりかえり

この一年は、今までにないくらいあっという間一年が過ぎ去ったように思う。また、2017年11月にWizcoに入会したのでWizcoメンバーとしても1年経過した。

Wizcoに入ってまず11月は、デザインの基礎・Photoshopの使い方を学び、バナー製作

(;´・ω・)ウーン・・・。最初の頃はこうだったんだよねー(笑) 初めてPhotoshopを触ってバナー製作してみて思ったのは、簡単なデザインであっても細かなところに色々と工夫がされているということ。今までは単なる広告としてしか見ていなかったけど、これを気にバナーや広告を見るときは、どういう風に作ってるのか気になるようになった。

バナー製作の練習として模写もしてみた。

見本

模写

こうやって並べると、全然違うヾ(。>﹏<。)ノ゙。
同じ模写をやってみたい場合は、コチラ

12月から3月までは、HTML/CSSの基礎と『世界一わかりやすいWordPress 導入とサイト製作の教科書』を使って、ドメイン・サバーって何?、 WordPressの基本的な使い方、 プラグインで機能の拡張、ローカル環境の作り方、公開後の運用の仕方を勉強。

12月にサーバー、ドメインの勉強をしてWordPressの始め方を教えてもらい年末年始休みの時に、初めてXserverを契約しドメインを取得して個人のサイトを作った。アメブロを書いていた事はあったけど、ちゃんとした自分のサイトを作ったのが初めてでGoogle先生にききまくって作ったなー(。-∀-) 作ったサイトはコチラ

そして、ずっと勉強したいと思っていたHTML/CSSの勉強は、全くついていけず焦った(゚□゚;)アワワ(;゚□゚)アワワ 言われた通りにコーディングしているはずなのに表示されなかったり、うまくアニメーションが動かなかったり。この時点では全く頭に入っていなかった(笑) 岡田さんから出された課題のコーディングも作れず、4月にやるオープンキャンパスの登壇の準備を優先して、岡田さんから期限を設けられやっと完成させたんだっけなー(笑)

  • 授業で岡田さんの説明を聞きながらコーディングしたものはコチラ
  • 課題のコーディングはコチラ

4月は、プレゼン資料の作成&セルフプレゼンテーション

私は4月に『ひらば春のオープンキャンパス』に登壇予定だったため、その時に使うスライドを製作。スライドはPowerPointを使って製作。PowerPointを使ってスライドを製作するのが初めてで、まずはPowerPointの使い方に慣れるのに苦労した。作ったスライドはコレ。

セルフプレゼンテーションは、5~10分の発表で誰が一番良かったかをみんなで評価して1番だった人には商品があったんだけど残念ながら1位になれず。

5月~6月は、LP(ランディングページ)製作&発表

何でもいいので2ヶ月間でLPを作って発表するというワークで、私は自分の講座への誘導LPを作成しようと決めた。しかし、ひらばの学校で『金融リテラシー講座』を開講することになり、その準備や本業との両立がうまくいかず、なかなかLP製作ができず。結果、全くもって完成することができなかたので、その代わりとして「1万文字プロフィール」を書くというペナルティを受けることにガ━━(;゚Д゚)━━ン!! そして、その1万文字プロフィールも現在まだ書けていない(^_^;) 年内には書きますので岡田さん許してください[壁]・ω・*) ソーッッ♪

7月~9月は、 2ヶ月チャレンジ

私の2ヶ月チャレンジは、『HTML/CSSコーディングの基本の習得』

HTML/CSSを習得するためにやったこと

①Progate (初級~上級)

PC・スマホを使ってとにかく何も考えずゲーム感覚でコーディング 。繰り返しやるなかで、徐々になんでこのコーディング?という疑問などが沸くようになり その疑問を理解するためにもう一度やる。これを、初級~上級まで繰り返し行った。

②課題(岡田さん作成)

岡田さんからAdobe XD で作られたデザインカンプをもとにコーディングをした。岡田さんからもらったデザインの初見では、『簡単にコーディングできるんじゃない?(`・∀・´)エッヘン!!』と思ったが、始めてみるとすごく苦労した。

苦労した点
  1. もらったデザインの幅や画像のサイズや構造を書き出さずにいきなりコーディングをやり始めたため、なんどもサイズを確認したり、コーディングのやり直しをすることになった。
  2. タグやCSSを何を使うかを悩んだ。例えば、
  • 単位(PX.rem.%)は何を使うか
  • section.div.containerにするのか
  • class名をどうするか
  • float.flex-boxを使うのか
  • padding.marginにするのか
  • アニメーションを付けるか付けないか
③書籍で学習

『いちばんやさしいHTML5&CSS3の教本 人気講師が教える本格Webサイトの書き方 (「いちばんやさしい教本」シリーズ)』

岡田さんの課題をやることによって、基本を理解していないことに気づいたので書籍で基本を勉強した。書籍で勉強することによって気づいたのは

  • コーディングは上から下の順に読み込んでいく。仕上がりで縦に並ぶものは上から下、横に並ぶものは左から右へ出現順に記述する。
  • HTMLで文章を書く時は、<p>タグを使うと思い込んでいた。<p>タグは、段落であって文章のときに必ず<p>タグを使用しなくていい。
  • <h1>タグは文字のみ利用しかできないと思っていた。<h1> は見出しで一番重要となるものに使っていいので、それがimgであればimgに <h1> タグを使うこともできる。
  • background-imgのときは、imgのサイズ指定するのではなくpaddingやmarginで調整をする。
  • HTML5には「コンテンツモデル」がある 「どの要素にどんなコンテンツを入れていいのか」を定義したルール。
  • SEOを意識したコーディングをするには、単体で意味をもつ要素『header』『nav』『 footer』などの意味をもつタグを正しく記述する。このコンテンツモデルと意味をもつダグを使うというのを理解したことによって、使うタグが決めやすくなった。
  • 複数ページあるWebサイトを作る場合、共通する部分、例えばヘッダー、フッター、ナビゲーションなどは、「base.html」として先に作成することによって、効率よくコーディングが書ける。
  • cssは書く順番・場所・セレクタの種類によって優先順位が変わる 。

2ヶ月チャレンジを通して思ったこと

  • コーディングを覚える一番の方法は『実践』
  • コーディングに正解はない

Progateは確かに楽しくゲーム感覚でできるので 初心者にとっては、とっつきやすい。しかし、簡単に出来上がる仕組みになっているので 細かなところの理解ができない。実際に自分の作ってみたいサイトをみつけて、いちからコーディングしてみるというのが一番身につく方法だと感じた。

コーディングに正解はないというのは、コーディングは文章であって色んな書き方がる。囲みを作る方法でもdiv、section、wrapper、container 色々あるのでどれを使って書いてもいい。コーディングの書き方にも流派があるので、慣れるまでは細かい事は気にせず自分流で書いていいと思うと楽にコーディングができる。

  • 2ヶ月チャレンジでやったコーディングはコチラ

7~9月は、それぞれ2ヶ月チャレンジにもくもく取り組むだけでなく、その他にも モノポリーをやったり、この辺は地震や豪雨などで、初めてWizcoオンラインでの授業があったり、岡田さんの2ヶ月チャレンジで作成された動画を使ってメンバーで教え合ったり、外部から特別講師をよんでのセミナー(ペルソナ設定、ブログの書き方)なんかもあった。

あと、特別にheijiさんが『Bootstrap』を教えてくれた。

Bootstrap』 とは、 HTML/CSS/JavaScriptから構成される最も有名なWEBフレームワーク。ざっくりいうと簡単にレスポンシブデザインができるフレームワーク。

10月~11月は、コーディングチームとデザインチームに分かれてのグループワーク

私は、コーディングチームに入った。メンバーは加藤さん、柏谷さん、私。加藤さんと私が自分のサイトを作りたい。柏谷さんは、ブロークングリッドをやりたい。ということで、ブロークングリッドを使って自分のサイトをそれぞれ作ることに。

私は、喫茶店やコーヒー関係Webサイト製作。岡田さんがデザインしてくださり、Adobe XD でカンプデータをもらい作成開始。今回は、レスポンシブに挑戦ということで、スマホから製作開始。

前回とは違って、今回はキレイにコーディングしたい!!という気持ちが強すぎて、1ヶ月は構成やクラス名にすごく悩んでしまって、全然進まなかった(^_^;) そして全然進んでいない現状を知っていた岡田さんから『喝!!』を入れていただき、期限が迫ってきてそうも言ってはいられないということで、岡田さんにサポートもしてもらいながら、期限までになんとかレスポンシブまで完了。

  • グループワークでやったコーディングはコチラ

12月は、はまさんのサイト相談について皆で回答。モノポリー。特別講師のセミナー。

はまさんのサイト相談については、自分なりに調べて意見をちゃんと言えたことがよかった。

モノポリーは、今回で3回目にして初勝利ヽ(*´∀`)ノでも、まだまだ交渉が上手くできないので、来年はもっとモノポリーやりたい。

そして、年末最後のWizcoには特別講師による『効果的な情報発信と価値を作るコンセプト』の話。

2019年の目標

こうしてふりかえってみるとWizcoで色んな事を学んで習得してきたんだなーと改めて実感。年度始に立てた目標の半分は実行できたので今年は『 よし! 』としよう(。-∀-)そして、2019年はコーダーとしてやっていくと決めたので、それに向けての目標を立ててみた。

1年後どうなっていたいか?

  • アフィリエイト収入30万/月+Webサイト制作・コーディング30万/月
  • 貯蓄100万
  • クリエイターの人脈ができている
  • ペットの飼える3LDKに住んでいる
  • 体重-10Kg,体脂肪20%

6ヶ月後どうなっていたか?

  • アフィリエイトサイト,コーヒーサイト,個人サイトの構築
  • WordPress化の習得
  • JS/JQuery/PHPの習得
  • アフィリエイト記事50記事以上
  • アフィリエイト報酬30万
  • 個人でWebサイト制作・コーディングの案件を3件受けている
  • 体重-5Kg,体脂肪-5%

2019年にやることは?

  1. アフィリエイトサイト作る
  2. コーヒー系サイト作る
  3. 個人サイト作る
  4. アフィリエイト記事100記事
  5. セミナー・イベント開催
  6. 異業種交流会参加
  7. LT参加
  8. 名刺作り直し
  9. CoderDojo参加
  10. ウォーキング・体幹トレーニング
  11. JS/JQuery/PHP/WordPress化習得
  12. photoshop,デザインのスキルアップ
  13. 月に1冊本を読む

今年もマンダラチャートを使って、2019年にやることを決めてみた。2019年3月で現在勤めている会社を退職予定で、どんな生活になるのか全く想像がつかず、仕事以外の自分のことにどれだけ時間を割けるか分からない。でも、去年は自分の目標とするコーダーとは関係ない会社の仕事関係に時間を割いていたのが無くなるから、去年よりは色々とやりたいことに取り組めるかなー。

最後に

この記事を書くのに1週間かかってしまった(;^_^A なぜなら、やりたいと思っていたことを取り入れたいと思ったことと、このGutenbergに慣れていないので色んなことをやってみると決めて書いたから。やりたかったことは

  • ネオン文字
  • スライドの挿入
  • コーディングした制作物のWeb表示

Google検索で分からないことは調べて全てやることができた。Wizcoに入ってちょっと検索力がついたかなー。

今年は、震災が多い年で不安な日々を過ごしたり、働き方について考えさせられる年だった。来年は、生まれ年(年女)!!方位除けでは『八方塞がり』のようで(;^_^A 何をやってもうまくいかない年みたいだけど、それに負けずに目標達成できるように精進していこうと思う。

では、来年もよろしくお願いいたします。よいお年をお迎えください。(^_^)/

The following two tabs change content below.
アバター

TAKEHRA

バカ・アホ・ドジ・マヌケなバツイチ主婦です。40歳でセミリタイア(コーダーとしての独立)を目標に奮闘中。