searchカテゴリー選択
chevron_left

カテゴリーを選択しなおす

カテゴリーのご意見・ご要望はこちら
cancel
プロフィール
PROFILE

ぶーたさんのプロフィール

住所
北区
出身
茅ヶ崎市

自由文未設定

ブログタイトル
北大生の挑戦するブログ
ブログURL
https://hokudaigakusei.com
ブログ紹介文
大学生に向けた記事や、自分が挑戦しているブログやプログラミングなどの記事を書いています!
更新頻度(1年)

51回 / 64日(平均5.6回/週)

ブログ村参加:2021/04/17

本日のランキング(IN)
フォロー

ブログリーダー」を活用して、ぶーたさんをフォローしませんか?

ハンドル名
ぶーたさん
ブログタイトル
北大生の挑戦するブログ
更新頻度
51回 / 64日(平均5.6回/週)
フォロー
北大生の挑戦するブログ

ぶーたさんの新着記事

1件〜30件

  • 【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年目に突入する北大生が新入生に家の探し方を解説しています。 札幌の家賃やおすすめの場所、注意点などを書いているのでぜひ参考にしてみて下さい!

  • 【ブログ2か月目報告】毎日投稿でPV数や収益は上がるのか?

    2か月間ブログを毎日投稿したら収益やPVがどのくらいになるのかを解説しています。 また、毎日投稿のメリットやデメリットについても解説しているので、これからブログを始める方や初心者ブロガーの方は必見です!

  • 【独学!】プログラミング学習2ヶ月目の報告と感想

    独学でのプログラミング学習を開始して2ヶ月が経ちました。 2か月でどのくらいできるようになるのか、効率の良い学習方法を学ぶことができるのでぜひ参考にしてみて下さい! これからプログラミング学習を始める方や始めたばかりの方は必見です。

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

    今回、模写する部分はこちらになります!コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 表がある部分をmain-12、下の青い部分をmain-13と名付けました。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ! この画面のつまずきポイント ① 表を作る! 表の作り方なんてきれいさっぱり忘れたのだ! progateでやったようなやってないような、ほぼ記憶のない表が登場しました! <table>で囲むと表を作ることができます。表の要素は<th>(タイトル)または<td>で囲み、それぞれをさらに<tr>で囲みます。 言葉ではややこしいので、

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

    今回、模写する部分はこちらになります!コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 背景が黄色いタイトル部分をmain-10、企業の紹介部分をmain-11と名付けました。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ! この画面のつまずきポイント ① 飛び出るmain-10 main-10の中央下が三角に飛び出しています。 こりゃどうやってやるんだ…。 私は、HTMLで中身のないdivを作成し、heightとwidthで四角を作成し、transform: rotate(); で回転させることにより、完成させました! ② 画面幅が小さくなると文字も小さく

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

    今回、模写する部分はこちらになります!コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 背景が薄いピンク色の部分をmain-8、運営メンバーが紹介されている部分をmain-9と名付けました。 模写コーディングの様子を最初から見たい方はこちらの記事からどうぞ! この画面のつまずきポイント ① heightを指定しない 今までのiSaraの模写では区分ごとにheightを指定してました。今まではそれで問題は起きなかったのですが、今回は画面幅を小さくすることによって、コンテンツがはみ出してしまう問題が発生しました。 コンテンツがはみ出ている なのでこれからはheightを指定せずにm

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

    今回、模写する部分はこちらになります!コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 左側が5つ目の画面、中央が6つ目の画面、右側が7つ目の画面になりますね。5つ目の画面をmain-5、6つ目の画面をmain-6、7つ目の画面をmain-7と名付けました。 模写コーディングの様子を最初から見たい人はこちらの記事からどうぞ! リンク この画面のつまずきポイント ここまでの模写が一通りできていたら、この画面でつまずくことはあまりないかと思われますね。 ① 横から縦 横並びだった要素が画面幅が小さくなると、縦並びになり、画面いっぱいに広がります。flex-direction: co

  • 【これを読めば北大に行きたくなる!】北大(北海道大学)の魅力

    北大に興味がある受験生は必見です! 控えめに言って北大でのキャンパスライフは最高です。 現役北大生である私が北大の魅力を語ります。

  • 【自分で髪を切る!?】大学生にはセルフカットがおすすめ!

    自分で髪の毛を切るのは不安ですよね。ですが、一度切ってしまえば慣れるものです。 セルフカットはお金も時間もかからないため、とてもおすすめです。 この記事では必要な道具と実際の切り方を紹介しているので、気になった方はぜひ読んでみて下さい。

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

    今回、模写する部分はこちらになります!コーディングも掲載しているのでぜひ参考にしてみて下さい。 お手本 左側が3つ目の画面、右側が4つ目の画面になりますね。3つ目の画面をmain-3、4つ目の画面をmain-4と名付けました。 模写コーディングの様子を最初から見たい人はこちらの記事からどうぞ! リンク この画面のつまずきポイント ① 「」をつける 文字の左右に「」が設置されていますね。一見難しそうに見えますが、beforeやafterを理解していれば簡単でした! ② ABOUTマーク こちらはcssでpositionを指定すれば、作成することができます。positionはマイナスの値も指定でき

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

    前回は固定ヘッダーをコーディングすることができました!今回はいよいよメインの部分に入っていこうと思います。 模写する部分はこちらになります。 お手本 左はサイトを開くと出てくる一番上の画面ですね。main-1 と名付けますね。右は左の画面の下の部分になります。main-2と名付けます。 この画面のつまずきポイント ① 背景の設定 模写コーディングでは背景の設定が難しいですよね。しかし、個人的にはシンプルな設定で模写することができたので、難易度は低めな気がします。 ② レスポンシブによる改行 画面幅を小さくすると「こちら」が改行されます。 わざわざ改行しなくても見やすいのに…。 この改行に意外と

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

    プログラミングの学習を進めるうえで模写コーディングは必ず通る道です。そして、模写コーディングの総まとめとして取り組まれることが多いサイトがiSaraというサイトになります。 iSaraはプログラミングスクールのサイトで、模写コーディングをした作品を自分の作品としてポートフォリオに組み込むことができます! ぜひ模写コーディングに挑戦している人は、iSaraの模写コーディングもやってみましょう! 今回はサイトの中でも最初の画面の部分の固定ヘッダーを解説していきたいと思います。 この画像の上の部分になりますね。 この画面のつまずきポイント ① 固定されたヘッダー こちらの画面で特徴的なのは固定された

  • 【卵の雑学がたくさん!】鶏卵・鶏肉の豆知識

    鶏は1日に卵を何個産むの? 鶏肉は昔、高級食材だった!? など卵や鶏肉に関する豆知識をまとめています。 雑学好きな方や卵が好きな方は必見です!

  • 【大学生必見!】合宿免許のメリットや注意点を解説!

    合宿免許が気になる方は必見です! 実際に合宿免許に行った私の経験をもとに、合宿免許のメリットや注意点を解説しています。 通いよりもメリットが多いのでぜひ読んでみて下さい!

  • 【意外と知られていない?】豚の豆知識

    豚の豆知識や雑学について紹介しています! よく食べる三元豚ってどういう意味だろ?とかウインナーとフランクフルトには違いがある?などの豆知識を取り上げています。 この記事を読んで豚マスターになりましょう!

  • 【北海道大学】 取得できる資格一覧

    この記事では北海道大学で取得できる資格を簡単に説明していきます。詳しい情報も学部ごとに記事があるので、ぜひ読んでみて下さい! ※学芸員や教職免許は多くの学部で取得できるので割愛しています。 文学部 文学部では社会調査士と考古調査士が取得できます。考古調査士は新しく取得できるようになった資格なので、チェックが必要ですね! 教育学部 教育学部では心理学系の資格を取得することができます!公認心理師や臨床心理士ですね。 心理学と言えば文学部のイメージだったので、教育学部で取得できるのは意外でしたね。 法学部 法学部と言えば司法試験ですよね!司法試験の受験資格は法学部ではなく、法学院を卒業しなくてはいけ

  • 【北海道大学 工学部】取得できる資格一覧

    北大の工学部は資格のオンパレードです!どの学部よりも取得できる資格が多いですね。 取得できる資格を学科ごとに説明していきたいと思います! 応用理工系学科 甲種消防設備士 応用物理工学コースと応用化学コースで甲種消防設備士の受験資格を取得できます。 消防設備士とはスプリンクラーや火災報知器などの消防設備の整備や点検を行える人です。甲種と乙種の2種類の資格があり、乙種は整備と点検ができ、甲種はそれに加えて工事をすることもできます。 試験は択一式問題に加え、製図問題や記述式の問題も出題されます。合格率は30~40%と低いので対策が必要ですね! 甲種危険物取扱者 応用化学コースの学生が卒業する際に受験

  • 【北海道大学 工学部 情報エレクトロニクス学科】取得できる資格一覧

    工学部で取得できる資格を紹介すると膨大になるので学科ごとに紹介します。それでも多いんですけどね…。 情エレでは10種類の資格を取得できるのだ! 甲種消防設備士 情報理工学コースと電気電子工学コースで甲種消防設備士の受験資格を取得できます。 消防設備士とはスプリンクラーや火災報知器などの消防設備の整備や点検を行える人である。甲種と乙種の2種類の資格があり、乙種は整備と点検ができ、甲種はそれに加えて工事をすることもできます。 試験は択一式問題に加え、製図問題や記述式の問題も出題されます。合格率は30~40%と低いので対策が必要ですね! 建設機械施工管理技士 電気電子工学コースとメディアネットワーク

  • 【北海道大学 獣医学部】取得できる資格(獣医師)

    獣医学部で取得することができる獣医師について解説していこうと思います。 獣医師 獣医師とは小動物や家畜などの病気やけがを治療することができる人です。動物のお医者さんですね! 獣医師になるためには獣医学部を6年間かけて卒業し、国家試験に合格する必要があります。獣医学部は全国に17学部しかないため、狭き門になっています。獣医師は医師や歯科医師のように研修期間が設定されてないため、すぐに開業することができます。しかし、現実的にすぐに開業するのは無理なので、やはり研修期間は必要になってきますね。 国家試験 獣医師の国家試験は2月の中旬に行われます。 獣医師試験は必須問題と学説試験、実地試験の区分が存在

  • 【北海道大学 歯学部】 取得できる資格一覧(歯科医師)

    今回は北大の歯学部で取得できる資格を紹介していきます!といっても紹介する資格は歯科医師のみです。 歯科医師 歯科医師とは? 歯科医師は歯の治療や予防、歯の矯正、保健指導などを業務としています。 虫歯の時は歯医者さんにお世話になったのだ! 歯科医師になるためには厚生労働省が指定した大学の歯学部を卒業し、国家試験に合格しなければなりません。歯学部は6年制なので大変ですよね…。 歯科医師免許を取得してもすぐに診療を行えるわけではなく、1年以上の研修が必要となります。研修が終わると歯科医師として活動することができますね。 現在の歯科医師の状況 歯科医師は年を追うごとに増加の一途をたどっています。今から

  • 【北海道大学 文学部】取得できる資格一覧

    今回の記事では北海道大学の文学部で取得できる資格を紹介します。紹介する資格は2つなので短い記事になっています。 社会調査士 社会調査士は一般社団法人「社会調査協会」が認定している資格です。社会調査士には社会調査士と専門社会調査士の2種類の資格があります。 社会調査士は社会の動向や世論をアンケートなどで調査して、適切に処理する能力を持っている人です。みなさんも電話調査やインタビュー、ネットのアンケートなどに1度は答えたことありますよね。 ネットのアンケートはよく答えるのだ! そうして得られたデータを統計処理することによって、適切に社会動向をとらえることができます。 専門社会調査士は社会調査士の上

  • 【知らなかった!】牛の豆知識

    今回の記事では畜産科学科である私が牛に関する豆知識を紹介していこうと思います! 牛には胃が4つある!? この豆知識は結構有名ですね!ちなみに私は畜産科学科に入るまでは知りませんでした…。 牛をはじめとする反芻動物と呼ばれる動物は草の消化効率を上げるために胃が4つ存在しています。反芻動物には牛以外にもヒツジやヤギ、キリンなどの動物が当てはまります。 キリンに胃が4つあるのは意外と知られていないのでは? 牛の4つの胃のうち、最も大きいのは1つ目の胃で200Lほどの容量があります。 200Lってどのくらいだ? 人間の胃の100倍以上だね。 それぞれの胃の働き1つ目の胃には無数の微生物や細菌が存在して

カテゴリー一覧
商用

フォローできる上限に達しました。

新規登録/ログインすることで
フォロー上限を増やすことができます。

フォローしました

リーダーで読む

フォロー