第一セクション画面直す ちょっとずれがあるので軽微な修正をしていく。 なんか画面がヘッダーに隠れちゃってる containerをmargin-topを調整する。 .container { margin-top: 80px; width: 100%; } 改修後 これでランディングページは完成したので次はログ…

ヘッダー部分を整える 今のヘッダーは正直バランスが良くないのでcssを書き換えようと思う。 改修前のヘッダー ヘッダーロゴはきれいに中に埋め込むことができた。 ヘッダーロゴ <header> <div class="header-logo"> </div> .header-logo { background-size: 180px; margin-left: 32px; background: </header>…

フッターを作る サイトのフッターをつくる。ついにここまで来たかと思うとちょっと感動してる（笑） material-uiのiconsを使ってマテリアルデザインを使う場合はimgタグは使わないかな。 <a href="#"> <InstagramIcon /> </a> 流石に慣れてきたのでものの1時間ぐらいで綺麗にできた。良かった…

ページを整える youtubeの動画は前回iframeを利用することで埋め込むことができたので次はページを整えようと思う。 動画を中央に揃えるところから始めようと思う。 iframeをwidth: 100%にすることでなんとなく画面の中央に寄せた感じが表現できる。 .thirdc…

youtubeの動画を埋め込むぞ youtubeの画像を埋め込んでさらにそれっぽい企業の画像にできればなと考えている。 調べてみたらifameというタグを使えばいいらしい。 developers.google.com 公式でも書き方書いてあったのでそれをコピーして使うことにした。 yo…

担当者ページをつくろう 担当者の顔が見えるようにしたいなと思ったので作る。 全体 import React from 'react'; import { makeStyles } from '@material-ui/core/styles'; import './style.css'; import Fab from '@material-ui/core/Fab'; import Teacher1…

ヘッダーできた 昨日全くできていなかった。ヘッダーができた。 ヘッダー import React from 'react'; import HeadMain from './head' const FitnessMainTop = () => { return( <div> <HeadMain /> </div> ); } export default FitnessMainTop; import React from 'react'; import {…

近況 少しおもしろい話を頂いたのでちょっと自分の成長のために足を突っ込んでみることにした。 まずはreactでモックアップを作ることにした。 なぜreact なんとなく。動的モックを作ろうと思ったので触ったことのあるreactで作成することにした。 準備 ja.r…

最近忙しくてなかなかGo言語の勉強ができていない Go sqlite sqliteを操作するためのライブラリももちろんある。 package main import ( "database/sql" "fmt" "log" _ "github.com/mattn/go-sqlite3" ) var DbConnection *sql.DB type Person struct { Name…