ゆかり

未経験からフロントエンジニア/プログラマーになった30代主婦。2020.4〜未経験から…

ゆかり

未経験からフロントエンジニア/プログラマーになった30代主婦。2020.4〜未経験から独学にて勉強。2020.7職業訓練学校入校。2020.12内定をいただき退校◾️noteでは学習のアウトプットと共有。たくさんの方との交流、いろんな価値観を発見したいです。

マガジン

  • 訓練学校制作課題サイト

    職業訓練学校で制作した課題サイトの説明や、その過程などをマガジンにしました。

最近の記事

  • 固定された記事

ポートフォリオサイト完成しました

お盆休み1週間を利用して、ポートフォリオサイトを作成しました。 本日ドメインも新しく取得して、完成~★♪ デザインはフリー画像を拝借してコラージュ風に。 前職のブランドの雰囲気がでてるけど やっぱレトロとかヴィンテージとか好きだな~ デザインしてる時も楽しい。 コーディングは無駄な記述が多くなってしまった気もする(汗) 精進していこう。 こだわりは、 ・スマホ版とパソコン版でファーストビューのデザインを変えたこと。 ・jQueryを使ってモーダルをつくってみた 次は

    • jQueryとネイティブJavaScriptでスムーススクロールの実装

      ウェブサイトには欠かせないスムーススクロール。 プラグインもいいですが、自分でコードを書くといろいろ調整もできるし、 その他の応用にもつながります。 今回はjQueryと生JavaScript両方のコードを記載します。 比べてみても面白い(?)かも。 jQueryでスムーススクロール$(function () {// 対象となるセレクターを取得し、クリックイベントに無記名関数を代入 $('a[href^="#"]').click(function () {// hre

      • ついに、、、ご報告させていただきます

        お久しぶりです、ゆかりです。 かなり間が空いてしまいました・・・・ ああ、ほんとに情けない(笑) まぁそれは置いといて。 ご報告です。なんと内定をいただき、就職が決まりました!! ほんとうに驚きです(オイ) 某企業のインハウスでフロントエンジニアをさせて頂くことになりました。 しかも正社員で・・・・うれし泣き。 すごくポンポンと決まり、拍子抜けだったのですが何かの縁でしょう。 誠心誠意、働きます! コーディングします! 学校は来月(1月)末で修了予定だったのです

        • 訓練学校での制作課題公開しました!

          以前お話した、訓練学校の課題にて制作したサイトをポートフォリオにも追加し、公開できましたのでこちらでもご紹介します! よければ見てやってください。 こちらから 課題の制作条件は ・プログラミング禁止(JavaScriptなど) ・下層4ページ最低作成 そのためサイトはHTMLとCSSのみで作成しています。 今回の課題にあたり、個人目標は ・ファーストビューはフル画面でやりたい ・ハンバーガーメニュー ・写真ギャラリーのモーダル ・レスポンシブ対応 ・主要ブラウザとiOS

        • 固定された記事

        ポートフォリオサイト完成しました

        マガジン

        • 訓練学校制作課題サイト
          2本

        記事

          アウトプットしながらJavaScriptを学ぶ

          こんにちは、ゆかりです。 訓練学校でのHTML/CSSカリキュラムが終わり、現在はJavaScriptを学習中です。 JavaScriptめっちゃおもしろ~!!! ってな感じで自宅でも、もくもくやってます。 学校前にも独学で基本は抑えていたのですが、HPに動きつけられたらいいなぁくらいにしか考えてなかった。改めて学ぶといろんなことができて面白い!と思いました。 「何かを作って」→「体感」の速度が速いというか。 作ったものをすぐに実感できるので楽しいです。 おススメ本「

          アウトプットしながらJavaScriptを学ぶ

          わたしが職業訓練学校で大切にしていること。

          こんにちは、ゆかりです。 早くも9月ですね。 プログラミングに興味を持ち出して早4,5か月。 職業訓練学校がスタートして丸1か月です。 学校に通いながらも日々思っていること。 わたしが訓練学校、というよりもいま生きている中で大切にしていることはコミュニケーションです。 コミュニケーションにはいろいろな解釈があるとおもいます。 わたしが意識していることは、その人(モノ)に興味をもち、 傾聴し、なにを伝えたいのかをしっかり受け止めることです。 そして当たり前ですが、笑顔

          わたしが職業訓練学校で大切にしていること。

          訓練学校での課題制作中です。おすすめ無料画像サイトも!

          ポートフォリオ作成してつかの間、、 お盆が明けてすぐに学校で課題制作の案件が。 実はもっと先なのかとおもっていたので「ふぁ!?」ってなりましたよ。 プログラミング禁止の制約でHTMLとCSSのみでサイト作成という案件。 とりあえず、ハンバーガーメニューの設置・モーダルの設置・ファーストビューのアニメーションがCSSでやりたかったので「ヘアサロン」のサイトをテーマにチョイスしました。 2週間で2っのサイト作成(前回のポートフォリオ含め)。 なかなか手ごたえがあり楽しすぎる8

          訓練学校での課題制作中です。おすすめ無料画像サイトも!

          可変にできなくて諦めたから@mediaにした

          お盆休みを利用して、ポートフォリオサイトをせかせか作成中。 ボックスを3っ並んで表示させる箇所でheightが可変にならず、もやもや。 ブレイクポイントは1か所だけとってレスポンシブにする予定が、どーしても800~1200pxのあたりでこのボックスレイアウトが崩れる! いろいろ試行錯誤したけどこれ以上時間はつぶせない。 諦めも肝心だよね☆ ってことで、このボックスだけ800~1280pxで@media発動しました。 解決すっきり! 勉強して精進します。。。 こんな感

          可変にできなくて諦めたから@mediaにした

          近況報告

          こんにちは、ゆかりです。 早くも8月になりましたね。 職業訓練学校に合格し、先月から登校しています! 色々な出会いもあり、学習できる環境に感謝しています。 ただ、うかうかしているとすぐに半年経ってどこにも就業できていない! ということになりそうなので学習カリキュラムに余裕のあるいまから気合入れていこうとおもいます。

          近況報告

          Webデザイナー職業訓練学校に応募した話 その②合否・面接編

          こんにちわ、ゆかりです。 前回は応募と選考会でのお話をしました。 今回は合否の結果と面接での内容を記事にしますね。 合格?不合格?結果は・・・いきなりですが結果からお伝えします。 結果は・・・ 不合格!!!! でした。 残念ではありますが、面接の時点で「ああ、こりゃ落ちたな」と思っていたので驚きはありませんでした。 ちなみに倍率は1.5倍でした。 落ちたと確信した面接内容をご紹介します(笑) 面接で聞かれたこと面接は1人づつの20分。 面接官は2人でしたが、1人

          Webデザイナー職業訓練学校に応募した話 その②合否・面接編

          HTMLのマークアップ(コーディング)をとっつきやすくする方法

          こんにちわ、ゆかりです。 今日はわたしがHTMLの初期学習の際に「あ~」と腑に落ちた、 HTMLのマークアップの仕方を記事にします。 どなたかの参考になればうれしいです! 色を付けて可視化するとわかりやすいデザインカンプから「コーディングやろか~」ってなったときにどこから手を付けていいのかわからなかったHTMLドドド素人期・・・(^ω^;) それを一気に解決してくれたのが「ブロック事に背景色を充てて可視化すること」でした! これをすることでサイトページを細かく区切って

          HTMLのマークアップ(コーディング)をとっつきやすくする方法

          わたしが好きな本の紹介

          「感謝の習慣が、いい人生をつくる」 中井俊巳 PHP研究所 最初から最後まで「感謝」「ありがとう」のオンパレード。 ご存じの方も多いとおもいますが、お水にキレイな言葉をかけるとキレイな結晶をつくり出すという話があります。 こちらの本を読んだ後はまさに体内のお水がキレイな結晶をつくり出すような、気持ち良く、なんとも言えない気分になります。 シンプルにどんなに小さなことにも、日常でありふれているすべてに感謝をしようという内容です。 短い物語も随所にあり、これがまた面白く

          わたしが好きな本の紹介

          Webデザイナー未経験1か月目の勉強方法

          2020年4月からWebクリエイターになるために学習をはじめました。 今日は最初の1か月間で学習した上でおススメの方法を記事にします。 なにか参考になることがあれば嬉しいです! まずは定番サイトProgateで基礎固め!プログラミング言語を勉強しようと考えたら皆さん真っ先にお勧めしているサイトだと思います。 わたしも何から始めようかとネットで情報収集したところProgateにいきあたりました。 そして猛烈におススメします。 しかしポイントが一つ! 有料会員に登録は必須

          Webデザイナー未経験1か月目の勉強方法

          Webデザイナー職業訓練に応募した話 その①応募・選考会編

          独学で初歩的なことは理解しましたが実際に仕事にしたいと考えたとき「職業訓練学校」に興味を持ちました。 経験したことを記事にしていきますね! 職業訓練学校とは? 本当にWebデザイナーになれるの?「職業訓練学校(ハロートレーニング)」とは公的な学校です。 専門的な分野を無料で学習できます。 様々な専門分野があり、学習期間は約3か月~6か月 今回わたしが応募したのは未経験向けのWebデザインコース いやぁ、大阪人はタダに弱いんよ(笑) もちろん無料という点も応募理由のひ

          Webデザイナー職業訓練に応募した話 その①応募・選考会編

          自己紹介

          はじめまして、こんにちわ。ゆかりです。 現在は専業主婦(子なし)をしているごくごく普通の30代。 この先、このままでいいのか? と、自問自答した結果、未経験であるWeb業界への挑戦をきめました。 普通の主婦が挑戦を決めたわけとは?この記事を書いているいまは2020年6月 2020年コロナ渦です。。 日常に当たり前にあったものが手に入りづらくなったり、なくなったり、また買い物でさえも気軽にできなくなりましたね。 「ちょっと本屋さんいきたいな~」と思ってもできません。

          自己紹介