Use it on your PC!
  • ログイン 登録する
  • 文字列一覧
  • コード一覧
  • 今すぐ試す
言語を選択
  • すべて
  • c_cpp
  • csharp
  • css
  • golang
  • haml
  • html
  • java
  • javascript
  • php
  • python
  • ruby
  • scala
  • sql
    • php
      • ストック
        0
      • 閲覧
        4
      図形の作成5
      図形の作成5
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        4
      図形の作成4
      図形の作成4
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        3
      図形の出力3
      図形の出力3
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        4
      図形の出力2
      図形の出力2
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        6
      図形の出力1
      図形の出力1
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        5
      計算機4
      計算機4
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        5
      計算機3
      計算機3
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        5
      計算機2
      計算機2
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        5
      計算機1
      計算機1
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        14
      Models/Product.php'
      コメントアウトつき
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        8
      views/products/index.blade.php'
      コメントアウト付き
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        10
      Controllers/ProductController.php'
      コメントアウト付き
      oryoryo
      2025/6/19
    • php
      • ストック
        0
      • 閲覧
        17
      routes/web.php
      詳細付き
      oryoryo
      2025/6/19
    • html
      • ストック
        3
      • 閲覧
        732
      摂食障害
      ホムペ
      yukaookayu
      2024/12/3
    • c_cpp
      • ストック
        1
      • 閲覧
        448
      cpp基本
      あ
      harusk
      2024/11/23
    • python
      • ストック
        7
      • 閲覧
        1375
      クラスの継承
      クラスの継承
      kosaka
      2024/6/6
    • java
      • ストック
        9
      • 閲覧
        1840
      九九
      九九の表
      chisa47
      2024/3/10
    • python
      • ストック
        7
      • 閲覧
        1425
      PythonPracticeFromChatGPT
      ChatGPTが作った練習用コード
      ryojiyama
      2024/2/10
    • javascript
      • ストック
        11
      • 閲覧
        1744
      アナログ時計を描画する
      canvasにアナログ時計を描画するコードです。 秒針と分針、時針に加えて60個の目盛りと数字も描画します。 - 時間を表す目盛りを追加 - それぞれの針に色を設定 - 目盛りと文字のスタ...
      niwune
      2024/1/5
    • javascript
      • ストック
        5
      • 閲覧
        1062
      canvasを用いてJavaScriptで現在時刻を表示する
      canvasを用いて現在時刻をデジタルで表示します ```html <div> <canvas id="clockCanvas" width="200" height="50"></canvas> </...
      niwune
      2024/1/5
    • javascript
      • ストック
        5
      • 閲覧
        915
      ランダムな整数を生成する関数
      パラメーターに入力した範囲内のランダムな整数を生成する関数です。
      niwune
      2024/1/5
    • sql
      • ストック
        3
      • 閲覧
        1004
      SQLでHello World!
      SQLでハローワールド
      kiyonaga
      2023/10/25
    • css
      • ストック
        3
      • 閲覧
        1132
      文字の色を変える アンダーlineを消す
      忍者のコードドリルから アンダーlineどっから来た? エラー出てますが、問題の答えはそうらしいです。 セリフアレンジしてます(^^;
      TOMsachi
      2023/9/13
    • php
      • ストック
        3
      • 閲覧
        1010
      a
      a
      toshiki
      2023/5/20
    • html
      • ストック
        122
      • 閲覧
        11203
      3カラムレイアウト HTML
      3カラムレイアウトを作る場合も基本的には2カラムレイアウトと考え方は一緒です。 まずは大きいカラムと小さいカラムを左右にフロートさせ、大きなカラムの中にさらに2つの箱を左右にフロー...
      hana*uta
      2020/6/27
    • html
      • ストック
        84
      • 閲覧
        9460
      練習用コード 文字の背景・スタイルの表示
      背景の色・文字幅の表示 <div style="background-color padding> padding:20px (文字幅20ピクセル) 一部の文字の装飾 <span style="corlor:"色">変...
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        26
      • 閲覧
        2955
      関連する他のファイルを示す
      link要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&...
      chiharu39
      2020/6/12
    • html
      • ストック
        30
      • 閲覧
        6026
      練習用 自己紹介
      某学習サイトに合った紹介文を一部変更して紹介しています。
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        23
      • 閲覧
        3826
      練習用コード その1
      Linebreakを含めた形のコード例です。 <p>this is a <br />line break</p> この場合、表示は this is a linebreak となります。
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        23
      • 閲覧
        4387
      HTMLの型
      Progateサイト内のHTMLの全体構造説明を練習用にのせました。
      chiharu39
      2020/6/12
    • css
      • ストック
        19
      • 閲覧
        3353
      色の使用(css)
      Our two colored boxes share a number of properties in common, so next we establish a class, .box, that defines those shared properties: In brief, .box establishes the size of...
      chiharu39
      2020/6/12
    • css
      • ストック
        4
      • 閲覧
        2069
      色の使用(css)
      We'll look at the CSS to create the above results a piece at a time, so we can review the interesting parts one by one. The .wrapper class is used to assign styles to th...
      chiharu39
      2020/6/12
    • html
      • ストック
        7
      • 閲覧
        1804
      色の使用
      The HTML responsible for creating the above example is shown here: This is pretty simple, using a <div> as a wrapper around the contents, which consists of two more <...
      chiharu39
      2020/6/12
    • css
      • ストック
        3
      • 閲覧
        1917
      要素を左右に配置
      /*footer-logoのfont-sizeとfloatを指定*/ 1〜4 /*footer-listのfloatを指定*/ 6〜8 /*footer-listの中のli要素のpadding-bottomを指定*/ 10〜12
      chiharu39
      2020/6/12
    • css
      • ストック
        1
      • 閲覧
        1943
      ロゴとリストの配置
      float: rightを用いると、指定した要素を右から順に横並びにすることができます。 index.html <ul> <li>HTML</li> <li>PHP</li> <li>R...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1558
      paddingをまとめて書こう
      指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能です。 値を4つスペース区切りで指定した場合、上下左右の順で適用されます。 値2つ...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1595
      要素に余白
      要素に余白を作りたい場合は、paddingを用います。 「padding: 値;」とすると、上下左右全ての方向にその大きさの余白が追加されます。 html <div class="logo1"> p...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1458
      floatプロパティ
      floatプロパティを用いることで、指定した要素を横並びにすることができます。 html <ul> <li>HTML</li> <li>PHP</li> <li>Ruby</l...
      chiharu39
      2020/6/12
    • css
      • ストック
        1
      • 閲覧
        1748
      ヘッダー
      /*header-logoの文字の大きさを、36px、floatプロパティをleftにする。
      chiharu39
      2020/6/12
    • html
      • ストック
        8
      • 閲覧
        1750
      CSSの読み込み
      HTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。
      chiharu39
      2020/6/12
    • html
      • ストック
        5
      • 閲覧
        1790
      brで改行
      ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ...
      chiharu39
      2020/6/12
    • html
      • ストック
        5
      • 閲覧
        1633
      olとliで番号付の箇条書きに
      ulの代わりにolを使うと、箇条書きのポッチが番号になります。
      chiharu39
      2020/6/12
    • html
      • ストック
        4
      • 閲覧
        1549
      ul・ol・liで箇条書きを作る
      HTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。
      chiharu39
      2020/6/12
    • html
      • ストック
        3
      • 閲覧
        1771
      aタグでリンクをつくる
      aタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」...
      chiharu39
      2020/6/12
    • html
      • ストック
        7
      • 閲覧
        2873
      サンプルコード
      基礎を学んだので総括する意味で作成しました。
      chiharu39
      2020/6/12
    • python
      • ストック
        26
      • 閲覧
        2984
      svm
      教師用データと訓練データをmnistから用意し、SVMで予測させる
      takuminagai
      2020/6/2
    • html
      • ストック
        2
      • 閲覧
        1930
      練習
      ただのられつ
      motobu-tatsuya
      2020/5/1
    • python
      • ストック
        6
      • 閲覧
        1858
      ぎぃうれつ2
      numpy
      takuminagai
      2020/6/2
    • python
      • ストック
        5
      • 閲覧
        2001
      ファイルパス取得
      『glob』モジュールを使うと,複数のファイルのパスを取得できます!
      asanomasahiko
      2020/2/5
    • html
      • ストック
        8
      • 閲覧
        1628
      tore.html
      トレーニングです
      tokorozawa
      2019/12/24
    • Next
    Typing for programmer
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2025
    ログイン
    登録する
    • ホーム
    • 今すぐ試す
    • コード一覧
    • 文字列一覧
    • お知らせ
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2025