kubo naoko

CFオンライン0期生 | 2020年6月よりWebデザイン勉強開始 | 2児の母 | グラフィックデザイナーですが10年以上現場を離れています…今は在宅で簡単なデザインをしています☺︎ | 在宅ワークでの仕事の幅を広げたくてオンラインでWebデザインを勉強中☆

kubo naoko

CFオンライン0期生 | 2020年6月よりWebデザイン勉強開始 | 2児の母 | グラフィックデザイナーですが10年以上現場を離れています…今は在宅で簡単なデザインをしています☺︎ | 在宅ワークでの仕事の幅を広げたくてオンラインでWebデザインを勉強中☆
すべてのマガジンを表示

トートバックのパンフレット

友人の作っているトートバックの 小さめのサイズ（B6）のパンフレットです。 写真メインのシンプルなデザインで作成しました。 イメージは雑誌の「FUDGE」です。 私はどうしてもごちゃごちゃしたデザインになりがちなので シンプルでお洒落な感じにしたいときはこの雑誌を参考にします^^;

kubo naoko

    • はじめての仕事

      初めてコーディングの仕事が入ってきました！ 旦那さんの友人のプラスチック商社のHPです。 デザインカンプは旦那さんが作成したのでそれをコーディング させてもらいます！ 遅ればせながら夫婦の紹介をすると、 旦那さんもデザイン関係の仕事をしていて 私はその会社から地図や間取りのお仕事を頂いています。 旦那さんに勧められて私は今年の6月からwebもスクールに 通うようになりました。 夫婦の目標としては旦那さんがデザインカンプを作成して 私がコーディングをすることでした。

      kubo naoko

      • 架空サイト_整骨院

        整骨院の架空サイトを作成しています。 今はtopページのコーディングまで出来ました。 最終的にはレスポンシブまでしたいです。 時間があれば下層ページも作成したいのですが^^; ◆デザインカンプデザインカンプの初稿はスクールの講師の方に添削していただきました。 ↓初稿 ①ファーストビューがリラクゼーションマッサージっぽい。整骨院ではない。 ②フォントを使用しすぎ、webフォントではないものがある ③ボタンの茶色部分にこの水彩感をだしてみては？ ④診療内容の部分はカテゴリー

        kubo naoko

        • 今と今後の仕事のこと

          今在宅でしている仕事は間取りや地図の作成を受けたり、友人が立ち上げたトートバッグのECサイトに載せるための画像を作成しています。それと今社内パンフも同時に作成しています。入ってくる時はドバーっと一気に入ってきますが友人なので厳しい納期だと、「この日までならできる！」とか言いやすいです^^;今は比較的落ち着いています。社内パンフもそんな早急に欲しいって感じではないので。 ↓ポートフォリオの一部です。 こんな感じで子供たちが学校に行ってる間や夜に作業をしています。 子供たち

          kubo naoko

        マガジン

        • 制作物
          1本
        • 日記
          9本
        • 授業
          10本
        • 週のまとめ
          2本
        • 復習
          7本
        • 予習
          5本

        記事

          0906最後の授業

          最後の授業でした。 この三ヶ月間本当に色々な体験をできて充実した三ヶ月でした。 スクールの講師の方々、同じオンライン０期生の方々には本当にお世話になりました！初めはほんと戸惑うことばかりでしんどい時もありましたが、週一回のzoom会議で励まし合ったり情報を交換したりできてからやってこれました^^スクールでの交流は終わりかもしれませんが、これからもゆる〜くこの会議は開催していこうとなったのでとても嬉しいです☆ 授業を受けてみて感じた事は、今まで在宅で仕事はしていたのですがや

          kubo naoko

          0906最後の授業

          kubo naoko

          0905今週のまとめ

          今週やること ①課題02コーディングして提出（○） ②jQueryの勉強（×） ③サーバーにUPしてみる（○） ④整骨院の訂正とスマホ用レスポンシブのデザイン（△） ⑤ポートフォリオ（△） 今週は①と③ができました。 ①課題02コーディング 1回目は見本動画をみながらやって2回目は見ないでやろうとして全然できませんでした＞＜なのでわからないところは見本コードを確認したりネットで調べたりでなかなか時間がかかりました。見本を見ているのに上手くいかない場合もありました。そーゆー時

          kubo naoko

          0905今週のまとめ

          kubo naoko

          0830授業jQueryの実践

          今週は授業をお休みしたので録画で確認しての勉強。 jQuery....とても難しいそう....と、でも使えたら楽しいそうだしサイトのクオリティーが上がりそうなので頑張って勉強したいです。今週もやることが山積みなので整理したいと思います^^; 今週やること ①課題02作成して提出 ②jQueryの勉強 ③サーバーにUPしてみる ④整骨院の訂正とスマホ用レスポンシブのデザイン ⑤ポートフォリオ とりあず課題02は1度は出来たので 次は極力見ずに時間を測って作ってみること！

          kubo naoko

          0830授業jQueryの実践

          kubo naoko

          0828今週のまとめ

          今週すること ①架空サイト整骨院カンプ作成 ②課題02作成 ③サーバーの勉強 ④サーバーにUPしてみる ⑤XDで画像書き出ししてみる 今週は①と②しかできませんでした＞＜ XDで整骨院のカンプを提出して、課題02のコーディングをしようとしたら全然できず...見本の動画を見ながらすることに＞＜とりあえず完成はしたけどもう一度やってみてから提出しようと思います。 次週すること ①課題02作成して提出 ②整骨院の訂正とスマホ用レスポンシブのデザイン ③サーバーにUPしてみる ④

          kubo naoko

          0828今週のまとめ

          kubo naoko

          0823授業フォーム作成とFTP

          フォームの作成 inputにCSSを当てると全部に効いてしまうので[typ="text"]と付け足すとテキストフォームにだけCSSが当てれる。フォームは色々装飾できるのでまたオリジナル作成のときにやってみたい^^ FTP 授業を聞いていて勉強をしなければと思いました＊o＊ サーバーにUPする作業はしたことがないし今後避けては通れないものだということで無料のものでやってみたいと思います。 今週すること ①架空サイト整骨院カンプ作成 ②課題02作成 ③サーバーの勉強 ④サーバ

          kubo naoko

          0823授業フォーム作成とFTP

          kubo naoko

          0822今週のまとめ

          今週やること ①課題01のレスポンシブ完成させて提出 ②架空サイトのカンプ完成させて提出 ③課題02をやってみる ④crowdworksに登録する ⑤コンペに作品を出す だったのですが今のところ ①④⑤の3つしかできませんでした＾＾； ④はほんと登録しただけでまだ全然見れてません。 他にもいろいろ登録してみようと思います☆ ⑤はスクールのイベントのバナーコンペです。 このイベントはSpatialChatというものを使ったイベントで今までにないチャットでした！知ってる人が

          kubo naoko

          0822今週のまとめ

          kubo naoko

          0816授業_レスポンシブ②

          ・max-widhtとwidhtを先に設定する ・同じ階層のclassは半角開けない ・ユーザービリティー（ユーザーの使いやすさ） ・footerがまで手を抜かず作ること ・sp用に画像をつくる ・レスポンシブのGoogleの地図の埋め込みは古いのはダメ。「ツール」で1年以内で調べて使う事。 ・<picture>タグを使う ・新しいタグは対応できないブラウザがあるから注意 ・押すと何かが起きる！→JavaScriptで動的処理 頭ではわかっているけど授業中に質問されて言語化

          kubo naoko

          0816授業_レスポンシブ②

          kubo naoko

          0809授業_レスポンシブ_復習

          とりあえずレスポンシブ下層ページまで終了。 まだメニューができていない。 子供が休みだとやはり時間が取れないな。 あと上手くいかないところもそのまま＞＜ 次の授業を聞いてもできなかったら提出時に聞く事。 メモ ・画像を全体の2割の表示にするとき → height:20vh; ・画像のトリミング → object-fit:cover;

          kubo naoko

          0809授業_レスポンシブ_復習

          kubo naoko

          0809_授業_レスポンシブ

          課題01の下層ページの残りの作成 ・コードを検索するときは「⌘F」 ・大規模なHPを作成するときはページをフォルダで分ける ・コンポーネント→1つのまとまり、使いまわせる ・ページ内でのリンクの仕方 ・擬似クラス→「:」 ・擬似要素→「::」マークを表示するときに使う。htmlに書き込むと選択されるがCSSで書くと選択されない。同時に訂正できる。 レスポンシブ ・ブレイクポイント→画面が切り替わるところ ・1カラムにする ・ ビューポート【viewport】 meta na

          kubo naoko

          0809_授業_レスポンシブ

          kubo naoko

          0809授業_レスポンシブ_予習

          「レスポンシブ」と「ブログのコーディング」の課題動画を 見て予習しているのですが、ほんと見るだけの予習になっています>< 難しい。。。。出来るかな。。。 コーディングの課題がひと段落したのでオリジナルを作ってみようと思ったのですがとりあえず明日の予習を終わらせなくちゃです＠o＠ 動画ばかりだと少し疲れるので息抜きにxdでデザインカンプをちょこちょこ作成中です＊

          kubo naoko

          0809授業_レスポンシブ_予習

          kubo naoko

          0726授業_コーディング_復習②

          topページ3回目 （少し動画見ながら）→2時間 下層ページ2回目 （動画見ないでわからないところのみコード見本確認） ・商品一覧 → 1時間 ・お知らせ → 3分 ・よくある質問 → 1時間 ・アクセス → 16分 ・お問い合わせ→ 45分 微調整 →25分 とりあえず全ページ作成して2回目で（top3回目） 提出してレビューをもらったので、次に進む。。。 メモ ・width:calc（960px/6）→割り算 ・text align:cnter→ブロックにしかきか

          kubo naoko

          0726授業_コーディング_復習②

          kubo naoko

          0726授業_コーディング_復習

          デザインカンプ（見本あり）を元に作成する課題のtopページは前の授業で完成しました。後の下層ページは課題です。 今後の目標：動画を見ながら下層ページも含めて1回目は終了。2回目は時間を測ってみること。3回目が出来たら提出して添削してもらうこと！最近コーディングでいっぱいいっぱいでサイトレビュー全然できていない^^;ちょっと休憩がてらにサイトレビューしてみること！ あと全ページ完成したら下層ページへのリンクができて全部のページへ飛べるのに感動☆あたりまえですが...意味もな

          kubo naoko

          0726授業_コーディング_復習

          kubo naoko