マガジン
制作物
kubo naoko
- 1本
日記
kubo naoko
- 9本
授業
kubo naoko
- 10本
週のまとめ
kubo naoko
- 2本
復習
kubo naoko
- 7本
記事一覧
トートバックのパンフレット
友人の作っているトートバックの
小さめのサイズ（B6）のパンフレットです。
写真メインのシンプルなデザインで作成しました。
イメージは雑誌の「FUDGE」です。
私はどうしてもごちゃごちゃしたデザインになりがちなので
シンプルでお洒落な感じにしたいときはこの雑誌を参考にします^^;
今と今後の仕事のこと
今在宅でしている仕事は間取りや地図の作成を受けたり、友人が立ち上げたトートバッグのECサイトに載せるための画像を作成しています。それと今社内パンフも同時に作成しています。入ってくる時はドバーっと一気に入ってきますが友人なので厳しい納期だと、「この日までならできる！」とか言いやすいです^^;今は比較的落ち着いています。社内パンフもそんな早急に欲しいって感じではないので。
↓ポートフォリオの一部です
0905今週のまとめ
今週やること
①課題02コーディングして提出（○）
②jQueryの勉強（×）
③サーバーにUPしてみる（○）
④整骨院の訂正とスマホ用レスポンシブのデザイン（△）
⑤ポートフォリオ（△）
今週は①と③ができました。
①課題02コーディング
1回目は見本動画をみながらやって2回目は見ないでやろうとして全然できませんでした＞＜なのでわからないところは見本コードを確認したりネットで調べたりでなかなか
0830授業jQueryの実践
今週は授業をお休みしたので録画で確認しての勉強。
jQuery....とても難しいそう....と、でも使えたら楽しいそうだしサイトのクオリティーが上がりそうなので頑張って勉強したいです。今週もやることが山積みなので整理したいと思います^^;
今週やること
①課題02作成して提出
②jQueryの勉強
③サーバーにUPしてみる
④整骨院の訂正とスマホ用レスポンシブのデザイン
⑤ポートフォリオ
と
0828今週のまとめ
今週すること
①架空サイト整骨院カンプ作成
②課題02作成
③サーバーの勉強
④サーバーにUPしてみる
⑤XDで画像書き出ししてみる
今週は①と②しかできませんでした＞＜
XDで整骨院のカンプを提出して、課題02のコーディングをしようとしたら全然できず...見本の動画を見ながらすることに＞＜とりあえず完成はしたけどもう一度やってみてから提出しようと思います。
次週すること
①課題02作成して提
0823授業フォーム作成とFTP
フォームの作成
inputにCSSを当てると全部に効いてしまうので[typ="text"]と付け足すとテキストフォームにだけCSSが当てれる。フォームは色々装飾できるのでまたオリジナル作成のときにやってみたい^^
FTP
授業を聞いていて勉強をしなければと思いました＊o＊
サーバーにUPする作業はしたことがないし今後避けては通れないものだということで無料のものでやってみたいと思います。
今週す
0822今週のまとめ
今週やること
①課題01のレスポンシブ完成させて提出
②架空サイトのカンプ完成させて提出
③課題02をやってみる
④crowdworksに登録する
⑤コンペに作品を出す
だったのですが今のところ
①④⑤の3つしかできませんでした＾＾；
④はほんと登録しただけでまだ全然見れてません。
他にもいろいろ登録してみようと思います☆
⑤はスクールのイベントのバナーコンペです。
このイベントはSpati
0816授業_レスポンシブ②
・max-widhtとwidhtを先に設定する
・同じ階層のclassは半角開けない
・ユーザービリティー（ユーザーの使いやすさ）
・footerがまで手を抜かず作ること
・sp用に画像をつくる
・レスポンシブのGoogleの地図の埋め込みは古いのはダメ。「ツール」で1年以内で調べて使う事。
・<picture>タグを使う
・新しいタグは対応できないブラウザがあるから注意
・押すと何かが起きる！→
0809授業_レスポンシブ_復習
とりあえずレスポンシブ下層ページまで終了。
まだメニューができていない。
子供が休みだとやはり時間が取れないな。
あと上手くいかないところもそのまま＞＜
次の授業を聞いてもできなかったら提出時に聞く事。
メモ
・画像を全体の2割の表示にするとき → height:20vh;
・画像のトリミング → object-fit:cover;
0809_授業_レスポンシブ
課題01の下層ページの残りの作成
・コードを検索するときは「⌘F」
・大規模なHPを作成するときはページをフォルダで分ける
・コンポーネント→1つのまとまり、使いまわせる
・ページ内でのリンクの仕方
・擬似クラス→「:」
・擬似要素→「::」マークを表示するときに使う。htmlに書き込むと選択されるがCSSで書くと選択されない。同時に訂正できる。
レスポンシブ
・ブレイクポイント→画面が切り替わ
0809授業_レスポンシブ_予習
「レスポンシブ」と「ブログのコーディング」の課題動画を
見て予習しているのですが、ほんと見るだけの予習になっています><
難しい。。。。出来るかな。。。
コーディングの課題がひと段落したのでオリジナルを作ってみようと思ったのですがとりあえず明日の予習を終わらせなくちゃです＠o＠
動画ばかりだと少し疲れるので息抜きにxdでデザインカンプをちょこちょこ作成中です＊
0726授業_コーディング_復習②
topページ3回目
（少し動画見ながら）→2時間
下層ページ2回目
（動画見ないでわからないところのみコード見本確認）
・商品一覧 → 1時間
・お知らせ → 3分
・よくある質問 → 1時間
・アクセス → 16分
・お問い合わせ→ 45分
微調整
→25分
とりあえず全ページ作成して2回目で（top3回目）
提出してレビューをもらったので、次に進む。。。
メモ
・width:calc（
0726授業_コーディング_復習
デザインカンプ（見本あり）を元に作成する課題のtopページは前の授業で完成しました。後の下層ページは課題です。
今後の目標：動画を見ながら下層ページも含めて1回目は終了。2回目は時間を測ってみること。3回目が出来たら提出して添削してもらうこと！最近コーディングでいっぱいいっぱいでサイトレビュー全然できていない^^;ちょっと休憩がてらにサイトレビューしてみること！
あと全ページ完成したら下層ペー