12/20 インターン⑧

今年最後のインターンだった。

今回も自主活動だったが

課題を出されたのでそれに取り組んだ。

課題は以下の3つ。

①新しいhtmlファイルを作成して指定されたようなイメージのページを完成される

②class headerを固定する

③右下にトップに戻る矢印をつくる

まずは①から取り組んでみたのだが

ボックスをつくる段階からうまくいかず

てこずってしまったが

floatやclearなど調べたり使っていくうちに

やっと理解できた。

cssでfloatを使うとボックスを右や左に配置することができる。

clearは回り込みを解除することができる。

次に②にチャレンジ。

調べてみると

{ position : fixed ; }

を使うとのこと。

実際にやってみると

headerとsideColが少し被ってしまった。

（ここまで順調やったとになんで、、、）

悩まされていると

らいちゃんが

「margin使ったら大丈夫そうじゃない？」

とアドバイスをくれたので実践。

！！！✨

うまくいきましたー！

③まではたどり着かなかったけど

最後に最近お気に入りの

さくらんぼの画像を背景にしてみました ♪

考えて、調べて、ほとんど自力で頑張ったので

終わった時の達成感が少しありました 笑

年明けには

らいちゃんからボイメンのCDをいただく予定です。

ヲタク気質なので

沼にハマりすぎないように要注意です。。笑

12/13 インターン⑦

今回は池田さんが不在ということで自主活動だった。

まず始めようとパソコンの電源を入れたものの

なかなか動きが悪く

再起動してもなかなか開かず

作業開始が30〜40分ほど遅れてしまうという

ハプニングに見舞われた。

なんでなの、、、

そんなこんなで

取り組み始めるのが遅くなり

まず少し文章を変えてみたり

新たに画像を差し込んでみたりした。

文字を線で打ち消したりするのもやってみた。

また、先週作ったボタンにリンクをつけてみたりもして

ゆず関連の情報を増やしていった。

また、作業をやりながら森田先生に

部活で会計を担当しているので

そのことで相談にものっていただき

アドバイスもいただいたので

前向きに考えていきたいと思った。

なんか取り組んでてすごく楽しいって最近結構感じます。

もう少しおもしろみのあるものをつくっていきたい！

（私事ですが、今回のインターンの日の朝、卒検合格してきました！ぽむさんも合格されたのかな、、？？）

12/6 インターン⑥

もう12月、、、

はやい、、、！

私は前回お休みしたため

2週間ぶりのインターン。

先週マージンやパディングといった

なかなか難しい内容をみんな教えてもらっていて

参加できなかったことを結構後悔してました、、、

もっちゃんに教えてもらい

自分でも少しやってみて

とにかく見よう見まねにやってみた

というような状態で

今回のインターンに臨んだ。

今回は「レスポンシブ」について教えてもらった。

簡単に説明すると

パソコンで見るときとスマホで見るときはでは

見え方が違うので

そこを調節するという作業。

新たにcssファイルをつくり取り組んでみた。

まだマージンとパディングについて

完璧には理解できていなかった私は

池田さんにアドバイスをもらいながら

なんとかいくべきところに近づいてきたかなあ

という感じだった。

難しい、、、

思い通りに動かせないのが悔しいね。

グッチさんとかみたいに遊べるくらいになりたい！

まだまだです。

とりあえずレスポンシブをやってみたところで

先週の課題だった「ボタン」をつけてみた。

まだフォントの色しか指定していないので

どっかにとぶみたいなこともやってみたい。

今年のインターンもあと少し。

寒さに負けず

今年のうちにやるべきことを

終わらせていきたいと思います。

11/22 インターン⑤

今日は

すみちゃん、ぐっちさん、私、

という

超少人数インターンのため

自由に取り組むことになりました。

私はすみちゃんにパソコンを貸して

先週習ったことを思い出しながら

すみちゃんに教えていきました。

アウトプット大事だなあと

ブログ書いたり

人に教えたりするたびに思います。

また

先週の最後に池田さんにちらっと教えてもらった

新しいタブを開く＂blank＂の使い方が

2、3回失敗しつつもなんとか理解できたので

スッキリ✨

できることがまた増えました！

今日は

ぐっちさんが寝坊で遅れて教室に入って来たときが

おもしろかったです。

私は

ここ最近朝風呂派になってから

寝坊やギリギリに起きることがなくなりました！

朝は寒いけど

目がばっちり覚めて

気分よく一日をスタートすることができます！

寒いけど！

寒いのきらい！

11/15 インターン④

今日は

作業に取り組んで行く前に

ぽむさんが先日参加されたインターンの報告を聞いた。

まず感想としては

とてもわかりやすく

ききやすく

興味が持てる発表で

やっぱりぽむさんは

人を惹きつける力というか

そんな魅力、技術力があるのかなあと思った。

ためになることもたくさん聞いたので

しっかり吸収していきたい。

人生何が起こるかわかりませんね！

それから、、、

ぽむさん内定おめでとうございます🎊

さっそく作業に入っていった。

今回はcssで

“class”や“span”の活用の仕方や

最後の方にちらっと

新しいタブで開くことができる

“blank”の活用方法を教えてもらった。

前回の課題を取り組むために調べているときに

“class”が出てきて

気になっていたので

今回理解することができてスッキリ✨

次回が少し難しい内容に入るらしいので

今回学んだことを復習しつつも

どんどん遊んでいきたい！

11/8 インターン③

インターン3回目。

私は前回欠席したため、参加するのは2回目ですが、、

今日のインターンでの活動報告の前に

池田さんから仕事をする上での大事なお話を聞いた。

みんな一度は聞いたことがある“報告・連絡・相談”

すなわち“ホウレンソウ”についてだ。

仕事は相手がいて初めて仕事と言えるのであって

そこでのコミュニケーションは大変重要である。

特にミスやアクシデントは良い知らせよりも

できるだけ早めに伝えることが大事だそうだ。

森田先生は

『仕事は爆弾だと思え』

と教わったそうで

例えばメールにしても

確実な答えが出るまで返信しないのではなく

とりあえずメールを受け取ったということを

相手に知らせるために反応をするということが重要

とのことでした。

全てを完璧にしてから相手へ渡すのではなく

相手がまず欲しいのは

伝わったかどうかということがわかる反応なんだと思った。

日々勉強。

今回のインターンでは

cssについて説明を受けた後

cssを使ってhtmlファイルに反映させること

htmlで表の作成とリストの作成、動画の埋め込み

をやってみた。

まず、cssについて。

htmlを現場な感じとするならば

cssは建設なもので

冗長性、つまりムダをなくしたり

効率的であり、統一感を出せたりするのがcssの特徴。

HPなどでは、一貫性のある図などはcssを使ってあるそうだ。

説明を聞いた後、実際にcssを使ってhtmlファイルに反映させてみた。

ほほ〜という感じ。

さっそくcssを使った課題も出されたので

これからどんどん使って吸収していきたい！

次に、htmlで池田さんのサイトを参考に表の作成をした。

表はテーブルというらしく

さっそく作成してみた。

行や列を増やして“まる”とか“ばつ”とか

特に意味を持たないものをつくった。（笑）

なんかもっといろいろ工夫したら面白いものがつくれそう、、

その後、リストの作成をした。

 1、2、3、、、

と1から順番にもできるが

例えば最初の数字を“4”と指定すれば

4、5、6、、、

ということもできる。

まずは前者のやり方で基本的なことをやってみようと

食品サンプルの役割について6項目あげてみた。

それから、動画の埋め込みをやってみた。

まずは池田さんのサイトをチェックしてみたが、、、

難しい、、、！！

そこで池田さんに直接聞いてみると

めっちゃ簡単やん！！

となりました。

最後に時間が少し余ったので

森田先生のゼミ生3人がやっていて気になっていた

文字がいろいろな方向に動くやつをやってみた。

文字のスクロール。

基本的な右から出てきて左にスクロールをやってみた。

“かっぱ橋いきたあああい！”

が右から左に流れるようになりました。

かっぱ橋行きたいなあ。。。

今回は右から左にと単純なスクロールだったが

今度はもっと複雑な動きとかやってみたい。

今回は、cssについてとhtmlの新たなタグもいくつか吸収した。

また、拡張子について聞かれて

すぐに答えることができなかったので

次回までに基本的な用語も確認しておきたい。

インターン②

前回のインターンに参加できなかったため

今回は池田さんから出された課題を

ぐっちさんに教えてもらいながら進めていきました。

池田さんから出された課題は以下の4つ。

① 画像の大きさを変える（ペイントを使う　タグ内で指定するの2つ）
② フォントの大きさを変える（pタグ）
③ フォントの色を変える
④ リンクを貼る（文字・画像）

まず、①の画像の大きさを変える（タグ内で指定）と

③フォントの色を変えるは

1回目のインターン終了後に自分でチャレンジしてみていた。

しかし、画像の大きさの変え方にはペイントを使う

方法もあるとのことで、いきなりつまづいた。

ペイントって？？

さっそくぐっちさんに質問。

ぐっちさんはどんな質問にも丁寧にわかりやすく、

わかるまで教えてくださるので、とてもうれしい。

ぐっちさんの力を存分に借りて

ひとまず、第一難関クリア★

次に、課題④のリンクを貼ってみました。

できそうなところから手をつけていったので、順不同。

池田さんのサイトを参考にして、文字にリンクを張るはまずクリア★

問題は画像にリンクを貼る。

何度やってもなかなか画像が表示されません。

泣きそう。

そこで、ぐっちさんに相談してみると、、、

『多分指定している階層が違うねえ』

とのアドバイスをいただき

またぐっちさんのHPを参考にしたりと

いろいろやってみて足りないところを発見！

やっとクリア！（涙）

次に、課題③フォントの色の指定。

私が以前に池田さんのサイトを参考にやってみたが

『それ以外のやり方もあるよ〜』

とのことで

これも調べてみたり、みんなのHPを参考にしたりで発見！

よっしゃ、クリア★

最後に、課題②のフォントの大きさを変える。

これが一番理解に時間がかかったかな。

まず、“pタグ”ってなに？

から始まり

『pタグは“paragraph”の意味だけど<br>と違って

閉じタグとの間の文字の色や大きさを指定したりして

いろいろいじれるんだよ！』

とぐっちさんに教えてもらい理解。

最後はぐっちさんのHPを参考に

なんとかクリア★★

ここ一週間が鬼のように予定が立て込んでいて

寝れない日もあったけど

なんとか課題クリアかな。。

ブログを怠ったのは反省。

“鉄は熱いうちに打て”

まさに、今の自分に一番ささる言葉。

やるしかない！

〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜〜

（先日、池田さんをバイト先の前で見かけた！

ちょっと驚いた！）