Use it on your PC!
  • ログイン 登録する
  • 文字列一覧
  • コード一覧
  • 今すぐ試す
言語を選択
  • すべて
  • c_cpp
  • csharp
  • css
  • golang
  • haml
  • html
  • java
  • javascript
  • php
  • python
  • ruby
  • scala
  • sql
    • html
      • ストック
        3
      • 閲覧
        618
      摂食障害
      ホムペ
      yukaookayu
      2024/12/3
    • c_cpp
      • ストック
        1
      • 閲覧
        373
      cpp基本
      あ
      harusk
      2024/11/23
    • python
      • ストック
        6
      • 閲覧
        1303
      クラスの継承
      クラスの継承
      kosaka
      2024/6/6
    • java
      • ストック
        9
      • 閲覧
        1778
      九九
      九九の表
      chisa47
      2024/3/10
    • python
      • ストック
        6
      • 閲覧
        1351
      PythonPracticeFromChatGPT
      ChatGPTが作った練習用コード
      ryojiyama
      2024/2/10
    • javascript
      • ストック
        11
      • 閲覧
        1695
      アナログ時計を描画する
      canvasにアナログ時計を描画するコードです。 秒針と分針、時針に加えて60個の目盛りと数字も描画します。 - 時間を表す目盛りを追加 - それぞれの針に色を設定 - 目盛りと文字のスタ...
      niwune
      2024/1/5
    • javascript
      • ストック
        5
      • 閲覧
        1024
      canvasを用いてJavaScriptで現在時刻を表示する
      canvasを用いて現在時刻をデジタルで表示します ```html <div> <canvas id="clockCanvas" width="200" height="50"></canvas> </...
      niwune
      2024/1/5
    • javascript
      • ストック
        5
      • 閲覧
        887
      ランダムな整数を生成する関数
      パラメーターに入力した範囲内のランダムな整数を生成する関数です。
      niwune
      2024/1/5
    • sql
      • ストック
        3
      • 閲覧
        960
      SQLでHello World!
      SQLでハローワールド
      kiyonaga
      2023/10/25
    • css
      • ストック
        3
      • 閲覧
        1088
      文字の色を変える アンダーlineを消す
      忍者のコードドリルから アンダーlineどっから来た? エラー出てますが、問題の答えはそうらしいです。 セリフアレンジしてます(^^;
      TOMsachi
      2023/9/13
    • php
      • ストック
        3
      • 閲覧
        985
      a
      a
      toshiki
      2023/5/20
    • html
      • ストック
        122
      • 閲覧
        11145
      3カラムレイアウト HTML
      3カラムレイアウトを作る場合も基本的には2カラムレイアウトと考え方は一緒です。 まずは大きいカラムと小さいカラムを左右にフロートさせ、大きなカラムの中にさらに2つの箱を左右にフロー...
      hana*uta
      2020/6/27
    • html
      • ストック
        82
      • 閲覧
        9399
      練習用コード 文字の背景・スタイルの表示
      背景の色・文字幅の表示 <div style="background-color padding> padding:20px (文字幅20ピクセル) 一部の文字の装飾 <span style="corlor:"色">変...
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        25
      • 閲覧
        2934
      関連する他のファイルを示す
      link要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&...
      chiharu39
      2020/6/12
    • html
      • ストック
        30
      • 閲覧
        6002
      練習用 自己紹介
      某学習サイトに合った紹介文を一部変更して紹介しています。
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        23
      • 閲覧
        3796
      練習用コード その1
      Linebreakを含めた形のコード例です。 <p>this is a <br />line break</p> この場合、表示は this is a linebreak となります。
      YamadaTetsuya
      2020/6/13
    • html
      • ストック
        23
      • 閲覧
        4361
      HTMLの型
      Progateサイト内のHTMLの全体構造説明を練習用にのせました。
      chiharu39
      2020/6/12
    • css
      • ストック
        18
      • 閲覧
        3332
      色の使用(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
      • 閲覧
        2047
      色の使用(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
      • 閲覧
        1780
      色の使用
      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
      • 閲覧
        1890
      要素を左右に配置
      /*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
      • 閲覧
        1923
      ロゴとリストの配置
      float: rightを用いると、指定した要素を右から順に横並びにすることができます。 index.html <ul> <li>HTML</li> <li>PHP</li> <li>R...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1539
      paddingをまとめて書こう
      指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能です。 値を4つスペース区切りで指定した場合、上下左右の順で適用されます。 値2つ...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1571
      要素に余白
      要素に余白を作りたい場合は、paddingを用います。 「padding: 値;」とすると、上下左右全ての方向にその大きさの余白が追加されます。 html <div class="logo1"> p...
      chiharu39
      2020/6/12
    • css
      • ストック
        2
      • 閲覧
        1441
      floatプロパティ
      floatプロパティを用いることで、指定した要素を横並びにすることができます。 html <ul> <li>HTML</li> <li>PHP</li> <li>Ruby</l...
      chiharu39
      2020/6/12
    • css
      • ストック
        1
      • 閲覧
        1726
      ヘッダー
      /*header-logoの文字の大きさを、36px、floatプロパティをleftにする。
      chiharu39
      2020/6/12
    • html
      • ストック
        8
      • 閲覧
        1731
      CSSの読み込み
      HTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。
      chiharu39
      2020/6/12
    • html
      • ストック
        4
      • 閲覧
        1767
      brで改行
      ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ...
      chiharu39
      2020/6/12
    • html
      • ストック
        4
      • 閲覧
        1612
      olとliで番号付の箇条書きに
      ulの代わりにolを使うと、箇条書きのポッチが番号になります。
      chiharu39
      2020/6/12
    • html
      • ストック
        4
      • 閲覧
        1532
      ul・ol・liで箇条書きを作る
      HTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。
      chiharu39
      2020/6/12
    • html
      • ストック
        3
      • 閲覧
        1757
      aタグでリンクをつくる
      aタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」...
      chiharu39
      2020/6/12
    • html
      • ストック
        7
      • 閲覧
        2837
      サンプルコード
      基礎を学んだので総括する意味で作成しました。
      chiharu39
      2020/6/12
    • python
      • ストック
        26
      • 閲覧
        2968
      svm
      教師用データと訓練データをmnistから用意し、SVMで予測させる
      takuminagai
      2020/6/2
    • html
      • ストック
        2
      • 閲覧
        1908
      練習
      ただのられつ
      motobu-tatsuya
      2020/5/1
    • python
      • ストック
        6
      • 閲覧
        1846
      ぎぃうれつ2
      numpy
      takuminagai
      2020/6/2
    • python
      • ストック
        5
      • 閲覧
        1987
      ファイルパス取得
      『glob』モジュールを使うと,複数のファイルのパスを取得できます!
      asanomasahiko
      2020/2/5
    • html
      • ストック
        7
      • 閲覧
        1615
      tore.html
      トレーニングです
      tokorozawa
      2019/12/24
    • ruby
      • ストック
        21
      • 閲覧
        2819
      Ruby: おみくじ
      Rubyのプログラムがランダムにおみくじを表示します。
      okajun
      2019/11/6
    • php
      • ストック
        6
      • 閲覧
        2187
      例3 インスタンスを作成する
      インスタンス
      lalalemon
      2019/10/19
    • ruby
      • ストック
        4
      • 閲覧
        1643
      自己紹介
      Rubyのputs関数 と代入です。基本プログラムです。
      okajun
      2019/11/6
    • c_cpp
      • ストック
        24
      • 閲覧
        2881
      C言語 CUI
      C言語で最大値と最小値を求めます。
      okajun
      2019/11/6
    • php
      • ストック
        9
      • 閲覧
        2087
      7の倍数の和を求める
      1から100までの整数の7の倍数の和を求めます。
      okajun
      2019/11/6
    • golang
      • ストック
        2
      • 閲覧
        1566
      Go言語でHello World!
      Go言語でHello World!と 出力するプログラムです。
      okajun
      2019/11/6
    • haml
      • ストック
        9
      • 閲覧
        1642
      01
      練習
      ayaken
      2019/7/14
    • php
      • ストック
        10
      • 閲覧
        2355
      おみくじ omikuzi.php
      PHPでCUIのおみくじを作りました。自作プログラムです。 大吉から凶までPHPのランダム 関数がおみくじを振ります。
      okajun
      2019/11/6
    • java
      • ストック
        18
      • 閲覧
        2687
      Java swing window
       Javaでウインドウを作りました。swingを使ったGUIプログラムです。
      okajun
      2019/11/6
    • java
      • ストック
        28
      • 閲覧
        3190
      九九表
      九九表を表示する。
      d_toyama
      2019/5/2
    • javascript
      • ストック
        38
      • 閲覧
        3952
      天気予報と降水確率
      降水確率によって天気予報の回答が変わるように組んでみました
      saitouson
      2019/3/7
    • html
      • ストック
        14
      • 閲覧
        2093
      HTMLで箇条書き
      htmlでひたすら箇条書き練習タグを書いていきます
      saitouson
      2019/3/7
    • php
      • ストック
        7
      • 閲覧
        1549
      laravel/RegisterController.php
      LaravelのAuth機能のRegiusterController。 コメントは削除してあります。
      andeleuze
      2019/2/23
    • Next
    Typing for programmer
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2025
    ログイン
    登録する
    • ホーム
    • 今すぐ試す
    • コード一覧
    • 文字列一覧
    • お知らせ
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2025