思考のジャンプ幅が狭いなら,飛ぶ回数で補えばいいじゃない!!

非情報系30歳が競技プログラミングやWeb開発を始めるとどうなるか?

AtCoder AC Steps:HTML5でHomeページを書く②

結論

<input type="checkbox" name="bar" value="foo">

今日の進捗

f:id:hiro_kato:20190427234831j:plain

前日との比較

f:id:hiro_kato:20190427000353j:plain
AtCoder AC StepsのHomeページの完成イメージ

注釈
  • ☆マークは,問題を解いたときにつまづいた点を表す.
凡例の候補
  • 解けず:問題を解けず.
  • 発想:思いつけば比較的簡単.そう思いつきされすれば…
  • 考察:考察できないもしくは見落とした部分があった.
  • 理解:解説などを読んだが理解に時間を要したもしくは理解があやふや.
  • 実装:考察できたものの,実装できなかった.

試したこと

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>AtCoder AC Steps</title>
</head>
<body>
    <h2>AtCoder AC Steps</h2>
    <form action="index.html">
        <li><a href="https://atcoder.jp/contests/abc124/tasks/abc124_a">ABC124: A - Buttons</a>
            <input type="checkbox" name="ABC124A" value="solved">解けず
            <input type="checkbox" name="ABC124A" value="inspiration">発想
            <input type="checkbox" name="ABC124A" value="process">考察
            <input type="checkbox" name="ABC124A" value="understand">理解
            <input type="checkbox" name="ABC124A" value="implementation">実装</li>
        <li><a href="https://atcoder.jp/contests/abc124/tasks/abc124_b">ABC124: B - Great Ocean View</a>
            <input type="checkbox" name="ABC124B" value="solved">解けず
            <input type="checkbox" name="ABC124B" value="inspiration">発想
            <input type="checkbox" name="ABC124B" value="process">考察
            <input type="checkbox" name="ABC124B" value="understand">理解
            <input type="checkbox" name="ABC124B" value="implementation">実装</li>
        <li><a href="https://atcoder.jp/contests/abc124/tasks/abc124_c">ABC124: C - Coloring Colorfully</a>
            <input type="checkbox" name="ABC124C" value="solved">解けず
            <input type="checkbox" name="ABC124C" value="inspiration">発想
            <input type="checkbox" name="ABC124C" value="process">考察
            <input type="checkbox" name="ABC124C" value="understand">理解
            <input type="checkbox" name="ABC124C" value="implementation">実装</li>
        <li><a href="https://atcoder.jp/contests/abc124/tasks/abc124_d">ABC124: D - Handstand</a>
            <input type="checkbox" name="ABC124D" value="solved">解けず
            <input type="checkbox" name="ABC124D" value="inspiration">発想
            <input type="checkbox" name="ABC124D" value="process">考察
            <input type="checkbox" name="ABC124D" value="understand">理解
            <input type="checkbox" name="ABC124D" value="implementation">実装</li>
    </form>
</body>
</html>

明日以降の課題

  • コードの冗長さを解消する.
    • 理由:同じような記述が多いため.
    • 課題:ループ文に相当するような構文がないか調べる.
  • 見た目を整える.
    • 課題:表形式で表示できるようにする.
    • 課題:☆マークで表示.
    • 課題:表示のずれを解消する.

参考資料