Minaki(Kredoを受講中)

Minaki(Kredoを受講中)

#20-21 Web Page作成演習, GitHubにPortfolioアップ, Introduction to Bootstrap

　今日でやっと、直近2日間で制作していたWeb Pageが完成しました😆 初めてのポートフォリオです！Kredoの初回レッスンが6/22だったので、10日でホームページを作るところまで、なんとかたどり着きました。 お手本ホームページの素敵なデザインのcssコードは、教材に書いてあるので、それを写しています。(1人でデザインまでできるようになったらいいな✨) 　写しているつもりでもなお、typoがあったりdivの構造を間違えたりで、一発でお手本のアウトプットが出せず、先生と一緒

Minaki(Kred…

    • #19-20 Home page作成演習 続き

      昨日に引き続き、今回もHome page作成の続きです。 以下に、昨日書いたコードを貼っておきます。 今日作ったパートはこちら： 6. Merchandise Sale 7. Ads 2 8. Reservation 9. Footer (to be continued) typoやhtmlファイルでdivの構造を間違えてしまって、どこが違うかを探すので時間がかかってしまいました😥 ちゃんとタイプできているか都度確認した方がいいですね。 以下では、「これはさらっと出てこな

      Minaki(Kred…

      • #17,18,19 GitHub登録 & Web page作成演習

        今回のレッスンはアウトプットメインでした。 GitHubはコードを保存しておくクラウド。htmlファイルだけでなく、cssファイルも、コードの中で使用している写真も入ったフォルダごとアップロードします。写真だけ削除することもできますが、その場合、ブラウザ上で写真の部分が空欄になります。 Web Page作成の演習で作っているのは、コーヒー豆の架空通販サイト☕ 今日作ったのは以下のパートです。 1. Header Area 2. Banner Are 3. Ads Area

        Minaki(Kred…

        • #13-16 Layouting

          What I learned today (今日の学び) #13, 14, 15 Floating: Aligns the element and its surrounding elements to the left or right. 例えば左に寄せたければ htmlで <p class="float-left" style="background-color: green";>LEFT</p> cssでは .float-left{ float: left; }

          Minaki(Kred…

        #20-21 Web Page作成演習, GitHubにPortfolioアップ, Introduction to Bootstrap

        Minaki(Kredoを受講中)

        マガジン

        • Programming
          5本
        • 山あり谷ありField work日誌
          1本

        記事

          Field work日記－帰国まであと100日-94日！

          ベトナム・最南端のメコンデルタという地域で、水田の中でエビやカニや魚を養殖する農家さんから、生活や農業の知恵、開拓の歴史や学んでいます。 今回の3か月半が、博士課程の期間でおそらく最後の中・長期滞在になります。波乱万丈なフィールドの日々を記録します。関心は、メコンデルタのたくましくて底抜けに明るい人々、農、風景、食、歌の文化。 メコンデルタ滞在の最初の1週間の出来事 雨期、大雨の中、Phuong Trangバスでホーチミンから。4時間かかる便でしたが3時間半でつきました。高

          Minaki(Kred…

          Field work日記－帰国まであと100日-94日！

          Minaki(Kredoを受講中)

          #9-10 CSS Typography

          What I learned today (今日の学びと復習) CSSでスタイルを作る前に…… htmlファイルの<head></head>に<link>を作っていることを確認！ うっかり忘れていると、スタイルが反映されない！ ・CSS Color CSSでの色の作り方は以下の5種類 1. color name 2. rgb= red green blue = (3 values) = 0 - 255 3. rgba= red green blue alpha/opa

          Minaki(Kred…

          #9-10 CSS Typography

          Minaki(Kredoを受講中)

          #6,7,8 How to make HTML Forms & Introduction to CSS

          #6-7 Kinds of Form Controls続き (learned on June 25, 2024) ・Checkbox input: checkboxと入力するとsuggestionが出てくるのでEnter。 syntaxは例えば次の通り。これを必要な選択肢分作る。 <input type="checkbox" name="dissert" id="icecream"> <label for="icecream">Ice-cream</label> note)

          Minaki(Kred…

          #6,7,8 How to make HTML Forms & Introduction to CSS

          Minaki(Kredoを受講中)

          #4-5表とフォームの作成(HTML Tables and Forms)

          What I learned today ー今日の学びの復習（目標執筆時間：15min/lesson） #4 How to insert table ・表を作るのに使うのは<table></table> セルの幅はwidth で調整 表に格子を付ける場合はborder ="1"（ただしCSSで書いた方が見やすいのでこの書き方はおすすめではないとのこと。CSS学習がまだの人向け。） ex) <table border="1" width="300px"> tr : Table

          Minaki(Kred…

          #4-5表とフォームの作成(HTML Tables and Forms)

          Minaki(Kredoを受講中)

          #2-3　基本的なsyntaxとリンクや画像の挿入

          What I learned today 今日の学び―復習を兼ねて #2 ・HTML Tags, Elements, and Attributes ・HTML Typography ・HTML Links ・HTML Tags, Elements, and Attributes 例えば次のsyntaxだとそれぞれの名前は以下の通り。 <h1>text</h1> <>: left/right angle bracket h1: element name <h1>: openi

          Minaki(Kred…

          #2-3　基本的なsyntaxとリンクや画像の挿入

          Minaki(Kredoを受講中)

          #1 Programing学習、最初の1歩はHTML

          学んだこと(2024/6/22) 1. text editerとbrowserの対応関係 2. VS CodeでWeb page作成 1. text editerとbrowserの対応関係 text editerに書いたことをbrowserは視覚的に示してくれる。 text editerで正しいsyntaxに従って書くと、自分の示したい形でbrowserに文字、画像等を表示できる。 注1)browserによって、読み込めるコード／読み込めないコードがある。だいたいのbro

          Minaki(Kred…

          #1 Programing学習、最初の1歩はHTML

          Minaki(Kredoを受講中)

          1年後の自分との約束

          自己紹介 20代後半で博士課程に在籍しつつ日本学術振興会（通称、学振）の研究員をしています、Minakiです。関西出身ですが、今はベトナム在住で、日々田んぼや養殖池に繰り出して汗だくになりながら農業を学んでいます。🦐🌴 Kredoに入学したきっかけ 　きっかけは2つです。1つ目はベトナム版「食べチョク」を作りたいから。2つ目は研究とITエンジニアを両立したいから。 　博士課程でのフィールドワークでは農村に行って、農家さんの生活や農業の知恵を教えてもらいながら一緒に生活させて

          Minaki(Kred…

          1年後の自分との約束

          Minaki(Kredoを受講中)