【ブログ 魔の3ヶ月】実際にのみこまれてみた

ブログ界隈で『魔の3ヶ月』という言葉があります。 実際に魔の3ヶ月に飲み込まれた私が、挫折するポイントを解説しています。 これからブログを始めようとしている方や、ブログ初心者は必見です！

【こんなにたくさん⁉】コンビニ店員の仕事を紹介

この記事ではコンビニバイト歴3年の私が、コンビニバイトの仕事の紹介をしています。 コンビニのアルバイトが気になっているけど、どんな仕事があるんだろうと気になっている方にとって役立つ内容となっております。

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！-画面ごとの難易度を解説-

iSaraの難易度を画面別に評価してみました！ 画面ごとにつまずくポイントや役立つ知識を紹介しています。 これからiSaraに取り組む人は必見です！

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！⑫

今回でiSaraの模写コーディングは終了です！残すはフッターやトップページに戻るボタンになりますね。 お手本 この画面がフッターになりますね。ページをスクロールして最後の画面になります。 お手本 そして、右下にあるアイコンがトップページに戻るボタンです。 また、忘れていたのですが資料請求をクリックすることによって、お問い合わせフォームに遷移するようにしなければなりませんでしたね…。 この画面の右上のアイコンです！ 一応、模写コーディングの様子を最初から見たい方がいるとしたらこちらからどうぞ。 この画面のつまずきポイント ① トップページに戻るボタンにjqueryが登場！ トップページのボタンな

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！⑪

今回、模写する部分はこちらになります！コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 今回でiSaraの模写コーディングはほぼ完成になります！しかし、最後にある『よくある質問』では、jqueryが登場します。 あー、プロゲートでやったような？やってないような？ 私は完全に忘れてしまっていたので、progateのjqueryコースを1周してきました。復習になりますし、1周することで『よくある質問』も攻略することができます。 しかし、今回の記事を読むことでも攻略できますよ！ 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ！ この画面のつまずきポイント ① jqu

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！⑩

今回、模写する部分はこちらになります！コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 今回、取り組むのはお問い合わせフォームですね！ウェブサイトには必ず含まれているので、しっかり作らないといけません。main-19と命名しています。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ！ この画面のポイント ① テキストエリアの中に文字！ テキストエリアの中に薄い文字があることが分かります。これはplaceholderを記述することで対応可能です。 具体的には以下のコードのようにhtmlに記述します。色や文字を変更したい場合はcssに::placeholder {

北大おすすめランニングコース(距離も測りました！)

北大で何十回もランニングしたことがある私が北大のおすすめランニングコースを紹介します。 これから運動を始めたい北大生や、北大でランニングしている人は必見です！

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！⑨

今回、模写する部分はこちらになります！コーディングも掲載しているのでぜひ参考にしてみて下さい。 黄色い背景の部分をmain-16、中央の写真が背景になっている部分をmain-17、創業者からのメッセージの部分をmain-18と名付けました。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ！ この画面のつまずきポイント 今回はmain-16~18の中でもmain-16の難易度が一番高いですね！つまずくところがいくつかあるかと思います。 しかし、main-17とmain-18は比較的簡単だったのでサクサク進みました。 ① 丸の中身が変化する！ main-16では白い丸が特徴的なの

【iSara模写コーディング】プログラミング歴1ヶ月の初心者が挑戦してみた！⑧

今回、模写する部分はこちらになります！コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 受講の流れの部分をmain-14、空の背景の部分をmain-15と名付けました。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ！ この画面のつまずきポイント 私はmain-14のレスポンシブ対応でいくつかつまずいた点がありました。 左側の画像が中央ではなく、少し上の方にありますよね。このずれを生み出すために少し苦労しました。 レスポンシブ対応させている途中で文字が勝手に改行する現象がありました。widthを指定しても直らないので、調べたところwhite-spase: no

【初心者向け】グーグルサーチコンソールの使い方！-よく使う機能を紹介-

ブログを始めたての方に向けて、グーグルサーチコンソールの使い方を紹介しています。 私がよく利用する機能だけをまとめたので、読みやすくなっているかと思います。 ブログ初心者さんは必見です！！

【北大新入生必見！】北大近辺の家探し

札幌で1人暮らしを始めて4年目に突入する北大生が新入生に家の探し方を解説しています。 札幌の家賃やおすすめの場所、注意点などを書いているのでぜひ参考にしてみて下さい！