diff --git a/jdmain.css b/jdmain.css index 738da4b..be737e7 100644 --- a/jdmain.css +++ b/jdmain.css @@ -484,8 +484,9 @@ left: 30px; padding: 5px; font-size: 23px; - cursor: pointer; + cursor: pointer; transition: .3s; + z-index: 10; } .qa_list .ans{ position: relative; @@ -696,18 +697,19 @@ left: 30px; padding: 5px; font-size: 23px; - cursor: pointer; + cursor: pointer; transition: .3s; + z-index:100; } .qa_list .ans{ position: relative; display: none; - color: black; + color: black; margin: 5px; padding: 10px 10px 20px 10px; } .qa_list input[type="checkbox"]:checked ~ div.ans{ - display: block; + display: block; animation: slidein 0.5s; } .qa_list input{ @@ -812,6 +814,42 @@ /*------------------------------------------//infoのcss -------------------------------------------------*/ +/*------------------------------------------FAQ -------------------------------------------------*/ +ul.tagu{ + display: flex; + flex-wrap: wrap; + list-style: none; + width:auto; + /* position: absolute; + left: 50%; + transform: translateX(-50%); */ +} +ul.tagu li::before{ + content:'◯' +} +ul.tagu li{ + width: 10.5em; + border: solid; + border-width: 1px 1px 0px 0px; + /* border-bottom: 0 ; */ +} + + + + + + + + + + + + + + +/*------------------------------------------//FAQ -------------------------------------------------*/ + + /*------------------------------------------ footer -------------------------------------------------*/ footer { /* XXX: Change ME! */ border-top: 1px dashed #888; @@ -897,6 +935,7 @@ } .qa_list label{ font-size: 17.5px; + z-index: 100; } .info-item{ flex-direction: column; diff --git a/testpage/index.html b/testpage/index.html new file mode 100644 index 0000000..412dc84 --- /dev/null +++ b/testpage/index.html @@ -0,0 +1,116 @@ + + +Junior-Doctor Chokai Academy + + + + + + + + + + + + + +

FAQ・アドバイス集

+ +

操作、コマンド編

+
+ + +
→C-x 1を押す
+ + + + →emacsでC-x C-wを押すとファイル名を書き換えられる + +
  • プログラムを実行する、作成するときの文字打ち
    →最初の文字をある程度打ち込み、Tabキーを押す
    • +
  • カーソルを合わせるとき
    →マウスやパッドではなく、キーボード右下の矢印キーを使う
    • +
  • + プログラムの2行目の「#-*- coding:utf-8 -*-」にemacsutf8が保存のときに打たれる
    + →基本的に2行目は書かなくて良い(勝手に打ってくれるから)
    + 変な文字がでる場合はファイルの書き換えや自分で正しく打ち込む
    +
    • +
  • + プログラムが見にくい
    + →C-SPCで範囲指定をしてからC-iを押すと範囲内のインデント(段落)をそろえることができる
    + 無駄な空白の行を入れない +
    • +
  • スライドにある\(円マーク)を打ちたい
    →＼と￥は一緒
    • +
    + +

    入出力処理編

    +
      +
    1. 文字が変数に入らない
      →ダブルコーテーション(””)をつける
      2. +
    2. ％が最後にでてくる
      →print("～～\n")またはputs("～～")と書く
      3. +
    3. %dや%sがそのまま出てくる
      →printfで出力する
      4. +
    + +

    演算編

    +※工事中 + +
      +
    1. +
    + +

    制御構造編

    +
      +
    1. breakやredoが反応しない
      →whileの中にないと反応しません
      + while
      + 　～～
      + 　redo
      + end
      + のようになっているか確認する +
      2. +
    2. elseのときにしか次に進まない
      + if
      + 　～～
      + else
      + 　～～
      + 　次にしたいこと
      + end
      + になっているかも +
      3. +
    + +

    配列編

    +
      +
    1. 配列に値を入れたい
      <<またはpushを使う
      +
    2. 配列の値を取り出したい
      shiftまたはforを使う
      3. + + +
    + +

    メソッド定義(def)編

    +※工事中 + +

    エラーメッセージ編

    +
      +
    1. error.rb:6: warning: found
      →error.rbの6行目にエラーがある
      2. +
    2. `= literal' in conditional, should be ==
      →if a = 0　と書いてあるが==にするべき
      3. +
    3. syntax error, unexpected end-of-input
      →endが足りないか多いかのどっちか
      4. +
    4. `printf': too few arguments (ArgumentError)
      →printfの中に%sや%dはあるが代入する変数がない
      5. + 追加予定 +
    + + \ No newline at end of file