ホウチガブログ

~方向性の違いでブログ始めることになりました。~

MENU

プログラミング学習日記

【プログラミング学習日記】28日目~ボタンの作り方~

以下は備忘録 *HTMLでボタンをつくる <div> <button type=""> <div> *丸形のアバターをつくる <div class=""> <img src="" width height alt=""> * cssにはborder radius: 50%を必ず明記</div></div></button></div>

【プログラミング学習日記】27日目~厳密にはデザインの勉強してましたの巻~

プログラミング学習日記久々の投稿もうしわけねぇ 勉強さぼってたってわけじゃなくてもうひたすら惰性で日記を更新しなかっただけなんだがな。 ここ一か月くらいはホウチガのメンバーみっきーからHPの依頼を受けて、打ち合わせしたり、フレームワーク作って…

【プログラミング学習日記】26日目~上っ面Kindnessは役に立つのか~

僕が覚えている上っ面Kindnessはこう ・エスカレータに女性と乗る時、上りも下りも彼女よりも一段下に立つ ・レストランでは必ず椅子を引いてあげる ・タクシーに乗る時は頭を守る ・居酒屋は座敷を選ばない 要は、レディーファーストというやつを心がけよう…

【プログラミング学習日記】25日目~スマホの代わりに本を持ち歩く奇人~

僕は、間違いなく依存症だ。 スマートフォンが手から離れない。いや、離れようとしないんだよ。 信号を待っているときも、トイレにいるときも触ってしまうアイツとそろそろお別れしたくて、本を代わりに持ち歩くようにした。 信号待ちの時、本を開く自分はか…

【プログラミング学習日記】24日目~鬼滅の刃18巻みんな買いな~

カナヲ可愛すぎんか 何かと話題の鬼滅の刃。アニメで人気急上昇したこの漫画はさぁ、社会現象になってるらしい。だっておもろいんだもんな。 綺麗で悲しい漫画を読むことができて、ホントに日本人に生まれてよかったと思ったよ。パワハラ、ブラック企業とか…

【プログラミング学習日記】23日目~勉強で大事なこと~

ちょうど、2年前くらいに英単語学習にはまっていたことがあったんだ。 ある人に、効率的な英単語の覚え方というものを教えてもらって。 Atueigoさんという方から教わったのだけれども、彼が唱える単語学習は圧倒的な反復学習 彼が言うには、単語は最初から…

【プログラミング学習日記】21&22日目~新しいことに胸躍る~

おひさしゅう。今日もコーディングたのぴい(白目) 昨日と一昨日の学習日記です。 これまで、manabuさんという方のロードマップを参考に、 HTML→CSS→Flexbox→Bootstrap→Airbnb模写という感じで全部こなしていったわけだけど、Bootstrapという最強の御業をも…

【プログラミング学習日記】20日目~みんなみてみて~

レスポンシブ化完成しましたぁ。 どうよ?携帯サイズで見ても違和感ないでしょ?? レスポンシブ化終了しました!なぜかレスポンシブ化に対して抵抗感があったけど、案外やれんじゃんという謎の自信がついたので模写やってよかったなと思いますが、まだ雑魚…

【プログラミング学習日記】19日目~スマホでも見れるようになったよ~

スマホ対応のレスポンシブ化終わりました(ほぼ) ブレイクポイントは320pxと450px 新しいスマホが出たらこのブレイクポイントも変わるから大変だなあ ほぼコピペするだけで細かい修正をすればよいと気付いてからの作業はかなり早かった。 最近のレスポンシ…

【プログラミング学習日記】18日目~タブレットってあんま使わなくね??~

今日も今日とてコーディングやってます。 レスポンシブ化は、タブレット対応の1023px~768pxのコーディング終了。 と、いいたいけどまだちょっとだけ残したところがあるから明日やります hrタグっていう線を引くタグがあるんだけれども、インライン要素かと思…

【プログラミング学習日記】17日目~ぼちぼちやってます~

さぁて、今日は高い目標を立てましたが叶うことはありませんでした。 しかし、PCをちゃんと立ち上げたのでそこは自分をほめてあげましょう スマホを触る時間を家の外のみにしょうかと思います。明らかに触りすぎだし、生産的ではないし。 おし、スマホは家の…

【プログラミング学習日記】15&16日目~暴れん坊のpositionセレクタ~

引き続きプログラミング学習やっております。 めちゃくちゃ楽しいから、ずっとやってられるけど休憩して集中切れちゃうとめんどくせーってなっちゃうからあんまり義務感持たずにやるのがいいですな 昨日に引き続き「PCを必ず一回は起動する」というハードル…

【プログラミング学習日記】14日目~口で言うは秋元康~

レスポンシブ化終わらせた~い! ポートフォリオ早く作成した~い! php学びた~い! Q.したいが増えるばかりで行動量が伴ってきません。どうすればよいでしょうか? A. ひたすら行動。コードをかけ。スマホの電源切れ。朝早く起きろ。 もう、これにつきる。…

【プログラミング学習日記】13日目~やっぱ楽しいなこーでぃんぐ~

レスポンシブ化頑張ってます。 久しぶりにやるとあれあれって感じで、忘れてるところがちらほら 筋トレとおんなじだと痛感しています。 やらないと衰える。 コーディングはやっぱり楽しい。分からないところをググって、自分で解決してどんどん前に進んでい…

ちょっと休暇もらうことのぼやき

今日は、PC開いたもののコードは触っておらぬ 調べ物に時間を費やしていた。 明後日から関西に温泉旅行に出かけるので、その期間もコードをいじることはない。 だが、PCは開くという鉄の掟は守らなければならないような気もしているが水入らずの時間に触るの…

【プログラミング学習日記】12日目~細かい部分の修正はめんどくちゃい~

こんにちは。 この学習日記を見てくれてる人ってどのくらいいるのでしょう? 技術的な話しか書いてないですし、興味ない人が大半ですよね。 まあ、なんの役にも立たないしね 今日の備忘録はもっと技術的な話なので・・・申し訳ない 今日はここの部分(青矢印)…

【プログラミング学習日記】11日目~PC版の模写完成したお~

雨ふってくれないかなあ 進捗状況を報告するために僕のとぅいったーの裏垢を曝していくスタイル嫌いです。 でも、こうしないと動画載せれないからしょうがないんだなあ。 このくらい完成しました。↓ Airbnb模写完了(PC版)一回目より確実にスピードが上がって…

【プログラミング学習日記】~10日目~PCを立ち上げるってのはいいな

正直、今日はほとんどバイトに時間を費やしてプログラミングをする時間など皆無 もう少し労働生産性の高いバイトをしたいのだけれどもまだまだ労働力を搾取されている立場なのは変わらない。飲食業ってほんとにブラックなところ多いなあ。 へとへとになりな…

【プログラミング学習日記】9日目~なんだかやるきが(´・ω・`)~

昨日のバイトがしんどくて、昼過ぎまで寝てしまい結局家でプログラミングやってました。全然はかどらないなぁ、常に眠たくなるのでこれはいけないと思い反省 やるきは戻ってくるのでしょうか?とりあえず一日に必ずPCを立ち上げるという目標は達成できている…

【プログラミング学習日記】8日目~Bootstrapは使い時による~

Airbnbの模写こんな感じレスポンシブ化要所要所でやってるので時間かかってるけど、PCの模写だけだと1日で全部終わりそうBootstrapの<header class="sticky-top">は最強 pic.twitter.com/ZyEWmpBGda — Daichi@生まれてまもないWEBエンジニア (@9221daichi) November 8, 2019 こんな感じ</header>…

【プログラミング学習日記】7日目~楽しくなってきたよ、サイト構築~

引き続きレスポンシブ化やってました。 bootstrapすごいややこしい。けど、なれたらすごい楽になるんだろうなってのはわかります。まじで htmlにclass名つけるだけでレスポンシブ化してくれるんだからすげえよな。 でもhtmlあんまり汚したくない。bootstrap…

【プログラミング学習日記】6日目~レスポンシブ化してみたよ~

今日はサイトのレスポンシブ化を意識しながら模写していたけれど、これがめちゃめちゃややこしい。 レスポンシブ化はWebページをスマホで見ても、タブレット端末で見ても、PCで見ても違和感がないように見た目を整えてあげることなんだけど、思ったようにす…

【プログラミング学習日記】4&5日目~風邪引いてたけどコード書いてた~

昨日と今日は風邪引いちゃって更新できなかったけどちゃんとコード書いてました。 模写はこのくらい終わった↓↓ 自分が模写したやつ。背景画像はフリーを使用 こっちがオリジナル↓↓ オリジナルver 細かいところはまだまだだけど、ヘッダー部分とトップページ…

【プログラミング学習日記】3日目~クラス名をつけました。~

今日はバイトを朝4時までし終わってから9時からまたバイトなので一日寝てました。 それでも、自分が立てたパソコンを一日に必ず立ち上げるという目標を成し遂げたので自己肯定感がマックスに高いです。 小さな目標でも達成できると嬉しいピ。 今日は、HTMLの…

【プログラミング学習日記】2日目~模写サイトは気分が上がるやつがイイ~

今日も今日とてドトールに来ております。 昨日はisaraのサイト模写しようとか言ってたけど、なんか気分が乗らなかったので結局 www.airbnb.jp こっちを模写することに Google Chromeのデベロッパーツール使ってこのサイトのHTMLとCSS構造見てみたんだけど難…

【プログラミング学習日記】1日目~模写サイトに飽きた。~

ここ数か月、空き時間を見つけてはドトールで224円のアイスコーヒーを頼んでweb系プログラミングの学習していました。 主にHTML・CSS・jQuery のプログラミング言語を学習 エンジニアの方からしたらHTMLとCSSって厳密にはプログラミング言語ではないんですっ…