パソコン大好き(だった筈)な私の日記

パソコン大好き(だった筈)な私の日記

No パソコン No Life! だったはずの私がもう一度 No パソコン No Life! を目指す日記

JavaScript 2冊目です。

とりあえず1冊目の入門書を読了し、

ハンバーガーメニュー(WEBサイトでよく見るメニューの表示方法)を作ってみる所までは行きました。

 

あくまでも「作り方を見ながら作る」ところまでですが。

作り方を見て、やってる事は分かりましたけども。

ゼロから作れと言われたら無理ですね。はい・・・。

他のパーツに至っては無料サイトでは作り方が公開されておらず。

・・・もう、どうやって作ったら・・・?

です。

 

いえ、お金を払えば作り方は分かりますけども。そういう問題ではなく。

「作り方が無いと作れない」

これが問題かと。

 

これは私がWEBクリエイター学習中盤頃に直面した

「テキスト見れば書けるけどゼロから書こうとすると手が動かない」

状況と同じです。モノになってないのです。

 

これを何とかするにはただ一つ

「とにかく、コーディングをしろ。」です。

焦ったところでプログラミングは分かるようになりません。

目をつぶっていても手が勝手に動くくらい理解できるまで書くしかないのです。

プログラマ時代に上司が

「俺くらいになると寝てても夢の中でデバッグするようなるぞ・・・。」

なんてホントかウソか分からない事言ってましたけど、ホントだったんじゃないかと今は思う。)

 

ということで、こんどはもうすこしWEBデザイン寄りと思われる入門書を買ってきました。

 

 

この著者さま、私が10年前にWEBサイト作ってた頃から第一線で活躍されていた方で、ブログもよく拝見してました。

ずっと第一線で活躍されてるってとてもすごい・・・。

この本は絶対間違いないに決まってます。

前回読んだ本がプログラマ寄りだったので、WEBデザイン寄りなのも二つ合わせてちょうどよさげかなと。

 

さあ!

また暫くお勉強してきます!!

このブログが更新されないうちは頑張って勉強してるか、子供の用事に駆り出されてるかどっちかです(笑)

 

子供ももう少しで卒園式・・・そして入学式・・・

色々先行き不透明で不安な事ばかりですが、心配していても仕方ないので

お勉強をして気を紛らわせつつスキルをつけましょうね、私。

自信なんて後からついてくるものだ!・・・って、思いたいけれども。

まずはJavaScriptの本を一周読み終わりました。

次はネット上に転がっているサンプルを模写して、自分で考えて間違えながら理解を深める方向で行きたいと思います。

 

やってみて、間違えた時が一番覚える。

個人的にはそんな風に思っています。

 

そしてその合間にお仕事探しをしていたところ、たまたま

「ブランクOK!システム開発経験者求む!」という在宅のお仕事(WEBではない)を

とある求人サイト様で発見し、経験年数、言語等最低ラインに届いていたので

「とりあえず応募してみようかな」と、応募してみました。

 

自己PRを書く欄があり、いざ書こうと思うとうまく書けない事に気が付きました。

 

「〇〇が出来ます!!」と、書けないのです。

10年以上もやってないし、大丈夫かな・・・?と、考えてしまって

たぶん、やり始めたら出来るんじゃないかと思うんですが

どうしてもはっきりと「できます!!」と、言い切れない自分がいました。

心配性な性格もあると思うのですが。

 

「暫く離れてたから心配」という方がいらっしゃったお仕事みたいだから、先方も「離れてたから心配」は、気にしなくても良いと思っている筈

 

今のラインが30だとして、100のラインになるまで応募しなかったらきっとその案件参加できる前に終わってしまうし

今までの内容と全く同じことをするわけではないんだから、もしブランクが無かったとしても、学び直す必要はあるわけだし、そこは変わらないんだから

 

HTMLとCSSも最初は「出来るかな・・・」なんて思っていたけど、結果自力で勉強して、それなりに作れるくらいになれたんだから、きっとほかも大丈夫!!

 

・・・って、もっと気楽に、前向きに進めばいいんじゃないかと思うんですが。

なかなかなれない自分がいます。

 

でもまあ「10年やってないけど全然大丈夫です!!なんでもできます!!」

って、自信満々なのも「その自信はどこから・・・?」ってなりそうだから

正直に「心配はあります・・・」って、伝えておくのも悪くは無いんでしょうか?

 

だって、10年以上前ですもんね。

って、都合よく考えたりして。

 

あとはもう、結果が出るまでの間に「勉強すれば、私はなんでもできる!!」

と、自信が持てる位にJavaScriptをマスターするくらいでしょうか。

WEBコーダーを目指すためのポートフォリオ作成・・・の前にJavaScript

先週、WordPressでサイトを立ち上げることに成功しましたが

結局ポートフォリオの中身が決まらず、何が必要かネットの海を彷徨っていました。

そのうちに、こちらのサイトに辿りつきます。

 

itokoba.com

 

JavaScriptかぁ・・・!!!もうすっかり忘れてますねぇ。

そもそも10年前と一緒とも思えない・・・。

 

そういえば、お世話になった模写コーディングサイト様にも

JavaScriptを使った模写サンプル」がありました。

この模写が出来れば、ポートフォリオがなんとか一つ用意できそうです。

 

・・・さて、JavaScriptを一体どうやって勉強していくのかが問題で。

 

上記ブログ様を彷徨っていると、別記事でこんな記事を発見しました。

itokoba.com

 

基本を学ぶ→よく使う部品が作れるようにする。

そうですね。間違いないです。まずは基本からですね。

こちらの記事ではWEBサービスをお勧めされていましたが、WEB上だと

「子供がいないうちに学びたい(子供がいると勉強が進まない)」&

「解約してしまうと後で振り返りたくなった時に復習が出来なさそう」

 

という事で、いつでも開ける入門用書籍を探すことに。

色々迷いましたが、こちらを選びました。

 

 

まあ、全くやったことがない訳じゃないから、何とかなるでしょう・・・!!

と、いう事で、またしばらくお勉強の日々です。

 

でもなんだか、時短正社員やっていた頃よりも頭がすっきり

回転スピードも上がった気がします。

勉強することで、多少は頭が活性化されてきたんでしょうか。

 

・・・時短正社員の時は、本当に心も頭も機能停止してましたからね・・・。

よし、頑張る。

 

自己PRが必要かな

さあ、在宅ワークで仕事を取るぞって

言うのは簡単だけども、どうやったら取れるんだ?

と、考えた時。

 

「WEBクリ持ってます!!」と言うだけなら多分相当な人数の方が持ってる。

そもそもが

資格持ってる=実際にWEBサイト作れる

ではない。

なにより、私にはWEBの実務経験は無い。

プログラマーとパソコンインストラクターではアピールとして弱い。

 

やはり、何か自分の実力を証明する製作物が欲しい。

WordPressを使ったオリジナルサイトをポートフォリオとして掲載し

まずは「最低限仕事できる」事はアピールしようと。

少しずつ実績を積めたら嬉しい。

 

思い立ったが吉日

無料サーバーをレンタルし、WordPressをインストール。

明日以降、デザインやコンテンツなどを自分で色々作ってみよう。

WordPressの勉強にもなるし、一石二鳥。

 

とは言え、どんな内容にするのか全く考えていない。

せめてコンテンツだけでも考えないと・・・。

 

ちなみにサーバーはこちらの無料プランをレンタル。

www.xrea.com

 

WordPressのインストールの仕方については以下のサイトを参考にしました。

 

wp.hitsug.net

 

xcs.taken.jp

初めての確定申告

初めて確定申告してきました。

e-taxで。

 

マイナンバーと連携して、想像していたのよりもずっと簡単に終わりました。

ただ、ところどころ出現する専門用語が、会社員時代にはなじみのないものが多く、

検索しながらコツコツと進めていきました。

 

今回は会社員時代の所得税のみの申告でしたけども

もし本当に在宅ワーカーになるんだったら、

もっとしっかり税金について理解しないといけないですよね。

 

ちなみに私がよく分からなくて調べたもの

予定納税、国民健康保険料の確認方法、

確定申告不要制度を選択した 非上場株式の少額配当(一瞬「…NISAは関係ないよね?」と、思ってしまった)

後は配偶者で一瞬躓きそうになりましたが、

よく読んでるうちに扶養してる配偶者と理解できて事なきを得ました。

 

以下、オンライン申請用のページ。

 

国税庁 確定申告書等作成コーナー

https://www.keisan.nta.go.jp/kyoutu/ky/sm/top#bsctrl

 

 

さあ、来年の私、どうなっているんでしょうか、ね。

illustratorCS3 復活。

新年あけましておめでとうございます。

私的にはこれ以上嬉しい事はない出来事が起こりましたので共有です。

 

表題の通り、

「illustratorCS3 復活・・・!」

もう絶対動かないと思ってたんですが、どうしても使いたい用事があって

ダメ元使ってみたところ、次第に

「なんだか普通のフリーズと違う気がするな・・・」

と、違和感を覚え・・・

 

キャッシュとか消したら、もしかして動くようになるんじゃないかと

イラレ CS3 動かなくなった」

等と検索ワードをグーグル先生にきいてみたとろ

ある記事がヒットしました。

 

yomocho.naganokanako.com

 

結果から申しますと、どんぴしゃりでした。

今までの動かなかったの何だった・・・?

ってくらい快適です。

 

それにしてもIMEが原因なんてよく気が付いた方がいらっしゃったものです・・・

これならデザインのコンペとか応募できるかな。

がんばろ。

WEBクリエイター試験、受験してよかった?(個人的な感想)

WEBクリエイター試験(エキスパート)に無事合格したので、

勉強をしながら思ったことなどを書いてみます。

今後受験を検討している方の参考になれば(2024年時点の話ですよ~)

 

最初に私の感想として「受験してよかったと思うか?」に答えるならば

「受けてよかったです。ただし【スタンダード】は受けなくて正解でした。」

です。(スタンダードの内容はエキスパートに含まれているので、

時間とお金を節約するならエキスパートのみで十分かと。

コーディングが全く初めてな人が慣れるためにテキストだけ買って勉強するのはいいかもしれない。)

 

先にWEBクリエイター試験を勉強したおかげで後述する「模写コーディング」の理解も深まりました。

10年ぶりのコーディング、正直はじめは何をしたらいいのかも分からず、そもそもコードを読んでいても全く頭に入らない(右から左に抜けていく感じ)でしたが、

試験勉強をするうちに作法のようなものが身についてきて、今では簡単なWEBサイトなら作れるようになっています。

勉強のついでに「WEBクリエイター試験合格」という誰にでも分かりやすい箔が付いて良かったなと思ってます。

 

・・・ちなみにですが、

「WEBクリエイター試験」でネット検索すると

「受けなくていい」とか「必要ない」とか「意味がない」とか

否定的な意見が少なくありません。

 

そう言われている理由は以下の3つだと思います。

  1. 記述の仕方が古い(今どきの記述に非対応)
  2. 実技は問題文のコピペでほぼ完結(暗記不要)
  3. そもそもWEBデザインの求人がレッドオーシャン

 

記述の仕方が古い(今どきの記述に非対応)

問題集で勉強を始めたばかりの頃。

「コードの書き方が10年前とあまり変わってないなぁ」

と、言うのが正直な感想でした。

HTML5になって無くなったタグもあり、増えたタグもあり、意味が変わったタグもあり

そういう所は確かに覚え直したのですが。

例えば、リストを横並びにするのに「float」を使うのは10年前もそうでした。

 

その後学習が進み、1問しかない模擬試験の周回に飽きてしまった時期がありました。

そこでもっと別のコーディングの勉強はないものかと、色々探した結果

code-jump.com

 

こちらのサイトを発見。「模写コーディング」なるものを知ります。

早速やっていきました・・・が。

問題集の言うがままを丸写ししていただけの私です。

一体何からやったらいいのやら分からず。全く手が動かず。

まずは模範解答コードをすべて書き写してみることにしました。

 

そこである事実に気が付きます。

「floatつかってない・・・?」

「レスポンシブの記述、CSSの中でやってる・・・!」

Google推奨のvewportって何・・・?」

「リセットCSS・・・は、ぎりぎり聞いたことある」

「なんかすごいDivタグで囲むなぁ・・・」

JavaScriptの記述を見ない気がする・・・」

この辺がWEBクリエイター試験の模擬問題のコードと違うと感じました。

 

どっちの書き方が今のWEBの現場で使っている書き方なんだろう・・・?

を、考えた時。

 

どこかのサイト様で「10年前から模擬試験の問題が変わってない」との指摘がありました。

テキストにも初版が2019年とあるもの、のその後「改定」の記載もないので、きっと内容は変わってないんでしょう。

 

具体的にコードを一つだけ比べるならば。

たとえば、テキストで頻出する「float」「overflow: hidden」でリストの項目を横一列に並べる方法よりも上記サイト様で頻出する「display: flex」の方が使いやすいです。

そもそも「overflow: hidden」って、ブロックコンテンツからはみ出た部分に対する処理であり、本来「float」を解除するためのプロパティではないのです。

プロパティの意味合い的にも「display: flex」なのです。

「display: flex」を使うべきでしょう。

 

・・・と、考えた時、きっと現場では「display: flex」が主流なんだろうな・・・と。

現職の方に10年前のコードを勉強することには意味がない(実際の現場で通用しない)と言われてしまうのも仕方ないのかな・・・などと思いました。

 

実技は問題文のコピペでほぼ完結(暗記不要)

サーティファイのサイトから模擬問題をダウンロードするとよく分かるのですが

実際の試験は基本的に問題文をコピーペーストです。

使用するタグやプロパティのヒントも書かれています。

サーティファイが用意してくれたオリジナルのリファレンスで自由に調べられますし、タグやプロパティの丸暗記は不要です。

 

ただ、丸暗記は不要ですが、素早く調べる能力は必要です・・・。

調べるコツは身につけておかないと、時間内には終わらないんじゃないでしょうか。

そして、その「調べるコツ」こそが、実際の業務で必要な能力にもなってくるかと思います。「スペルの一部」なり、「カテゴリー」なり。自分なりに「素早く検索できるキーワード」みたいなものを持っていることは大切なのかなと。

 

そして、調べる能力と同じくらい大切なのは「記述ミス発見能力」だと思うのです。

コピーミスだったり、スペルミスだったり、プロパティの「:」書き忘れてたり。

ほんの少しの間違いで、簡単にレイアウトが崩れます。その時に冷静にコードを見直し間違いを発見する能力。

丸暗記よりも「いかに問題を繰り返し解いて間違えたか」だと思います。

間違いの蓄積が、のちの「ここが違うんじゃないか?」の気づきを与えてくれます。

 

これって、多分現場でもそうなんじゃないかなと思うので、全く無意味ではないのではないかと個人的には思ってます。(プログラマー時代を思い出した感想)

 

そもそもWEBデザインの求人がレッドオーシャン

私の住む地方は田舎なので、余計にかもしれません。

WEB制作会社とか、デザイン事務所とか、ほぼないんです。

つまり、求人も皆無なんです。

でも、ハローワーク職業訓練にはほぼいつ見ても

「WEBデザイン基礎講座」みたいなのがあります。人気なんでしょうね。

需要と供給が合ってないような気がします。

 

 

・・・と、以上が個人的な感想でした。

どなたかの参考になれば幸いです。