Use it on your PC!
  • ログイン 登録する
  • 文字列一覧
  • コード一覧
  • プレミアムサービス
  • 今すぐ試す
言語を選択
  • すべて
  • c_cpp
  • csharp
  • css
  • golang
  • haml
  • html
  • java
  • javascript
  • php
  • python
  • ruby
  • scala
    • html
      • ストック
        93
      • 閲覧
        8181
      3カラムレイアウト HTML
      3カラムレイアウトを作る場合も基本的には2カラムレイアウトと考え方は一緒です。 まずは大きいカラムと小さいカラムを左右にフロートさせ、大きなカラムの中にさらに2つの箱を左右にフロー...
      hana*uta
    • html
      • ストック
        57
      • 閲覧
        6964
      練習用コード 文字の背景・スタイルの表示
      背景の色・文字幅の表示 <div style="background-color padding> padding:20px (文字幅20ピクセル) 一部の文字の装飾 <span style="corlor:"色">変...
      YamadaTetsuya
    • html
      • ストック
        17
      • 閲覧
        1719
      関連する他のファイルを示す
      link要素を使用すると、この文章と関連している別の文書やファイルの所在を示すことができます。 <link rel="関連ファイルの種類"href="URL"> <link rel=&...
      chiharu39
    • html
      • ストック
        17
      • 閲覧
        4366
      練習用 自己紹介
      某学習サイトに合った紹介文を一部変更して紹介しています。
      YamadaTetsuya
    • html
      • ストック
        20
      • 閲覧
        2708
      練習用コード その1
      Linebreakを含めた形のコード例です。 <p>this is a <br />line break</p> この場合、表示は this is a linebreak となります。
      YamadaTetsuya
    • html
      • ストック
        16
      • 閲覧
        2689
      HTMLの型
      Progateサイト内のHTMLの全体構造説明を練習用にのせました。
      chiharu39
    • css
      • ストック
        14
      • 閲覧
        2304
      色の使用(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
    • css
      • ストック
        1
      • 閲覧
        1256
      色の使用(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
    • html
      • ストック
        6
      • 閲覧
        1111
      色の使用
      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
    • css
      • ストック
        2
      • 閲覧
        1100
      要素を左右に配置
      /*footer-logoのfont-sizeとfloatを指定*/ 1〜4 /*footer-listのfloatを指定*/ 6〜8 /*footer-listの中のli要素のpadding-bottomを指定*/ 10〜12
      chiharu39
    • css
      • ストック
        1
      • 閲覧
        1263
      ロゴとリストの配置
      float: rightを用いると、指定した要素を右から順に横並びにすることができます。 index.html <ul> <li>HTML</li> <li>PHP</li> <li>R...
      chiharu39
    • css
      • ストック
        2
      • 閲覧
        931
      paddingをまとめて書こう
      指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能です。 値を4つスペース区切りで指定した場合、上下左右の順で適用されます。 値2つ...
      chiharu39
    • css
      • ストック
        2
      • 閲覧
        896
      要素に余白
      要素に余白を作りたい場合は、paddingを用います。 「padding: 値;」とすると、上下左右全ての方向にその大きさの余白が追加されます。 html <div class="logo1"> p...
      chiharu39
    • css
      • ストック
        1
      • 閲覧
        845
      floatプロパティ
      floatプロパティを用いることで、指定した要素を横並びにすることができます。 html <ul> <li>HTML</li> <li>PHP</li> <li>Ruby</l...
      chiharu39
    • css
      • ストック
        1
      • 閲覧
        989
      ヘッダー
      /*header-logoの文字の大きさを、36px、floatプロパティをleftにする。
      chiharu39
    • html
      • ストック
        7
      • 閲覧
        986
      CSSの読み込み
      HTMLからCSSを読み込むためには、 <link rel="stylesheet" href="stylesheet.css"のファイル名">を用います。
      chiharu39
    • html
      • ストック
        2
      • 閲覧
        1045
      brで改行
      ウェブデザイン初心者からすると分かりづらいのが、「HTMLコード内でEnterを押して改行しても、ブラウザに表示される文ではその改行が反映されない」ということです。 pタグなどを使えばそ...
      chiharu39
    • html
      • ストック
        4
      • 閲覧
        904
      olとliで番号付の箇条書きに
      ulの代わりにolを使うと、箇条書きのポッチが番号になります。
      chiharu39
    • html
      • ストック
        2
      • 閲覧
        913
      ul・ol・liで箇条書きを作る
      HTMLでは箇条書き用のコードも用意されています。<ul>と<li>のペア、もしくは<ol>と<li>のペアで使用します。
      chiharu39
    • html
      • ストック
        3
      • 閲覧
        939
      aタグでリンクをつくる
      aタグではテキストだけでなく、画像をはさむこともできます。画像のリンクボタンが作れるということですね。試しに「サルワカくんの顔の画像をクリックするとサルワカのトップページに飛ぶ」...
      chiharu39
    • html
      • ストック
        6
      • 閲覧
        1582
      サンプルコード
      基礎を学んだので総括する意味で作成しました。
      chiharu39
    • python
      • ストック
        19
      • 閲覧
        2048
      svm
      教師用データと訓練データをmnistから用意し、SVMで予測させる
      takuminagai
    • html
      • ストック
        1
      • 閲覧
        1440
      練習
      ただのられつ
      motobu-tatsuya
    • python
      • ストック
        6
      • 閲覧
        1325
      ぎぃうれつ2
      numpy
      takuminagai
    • python
      • ストック
        3
      • 閲覧
        1482
      ファイルパス取得
      『glob』モジュールを使うと,複数のファイルのパスを取得できます!
      asanomasahiko
    • html
      • ストック
        7
      • 閲覧
        1204
      tore.html
      トレーニングです
      tokorozawa
    • ruby
      • ストック
        17
      • 閲覧
        2044
      Ruby: おみくじ
      Rubyのプログラムがランダムにおみくじを表示します。
      okajun
    • php
      • ストック
        3
      • 閲覧
        1579
      例3 インスタンスを作成する
      インスタンス
      lalalemon
    • ruby
      • ストック
        4
      • 閲覧
        1249
      自己紹介
      Rubyのputs関数 と代入です。基本プログラムです。
      okajun
    • c_cpp
      • ストック
        20
      • 閲覧
        2034
      C言語 CUI
      C言語で最大値と最小値を求めます。
      okajun
    • php
      • ストック
        7
      • 閲覧
        1555
      7の倍数の和を求める
      1から100までの整数の7の倍数の和を求めます。
      okajun
    • golang
      • ストック
        2
      • 閲覧
        1164
      Go言語でHello World!
      Go言語でHello World!と 出力するプログラムです。
      okajun
    • haml
      • ストック
        4
      • 閲覧
        1167
      01
      練習
      ayaken
    • php
      • ストック
        9
      • 閲覧
        1721
      おみくじ omikuzi.php
      PHPでCUIのおみくじを作りました。自作プログラムです。 大吉から凶までPHPのランダム 関数がおみくじを振ります。
      okajun
    • java
      • ストック
        14
      • 閲覧
        1845
      Java swing window
       Javaでウインドウを作りました。swingを使ったGUIプログラムです。
      okajun
    • java
      • ストック
        22
      • 閲覧
        2459
      九九表
      九九表を表示する。
      d_toyama
    • javascript
      • ストック
        31
      • 閲覧
        2966
      天気予報と降水確率
      降水確率によって天気予報の回答が変わるように組んでみました
      saitouson
    • html
      • ストック
        14
      • 閲覧
        1661
      HTMLで箇条書き
      htmlでひたすら箇条書き練習タグを書いていきます
      saitouson
    • php
      • ストック
        7
      • 閲覧
        1223
      laravel/RegisterController.php
      LaravelのAuth機能のRegiusterController。 コメントは削除してあります。
      andeleuze
    • ruby
      • ストック
        6
      • 閲覧
        1082
      Ruby: for文
      Rubyで1から10の数の合計を求めます。55になります。
      okajun
    • ruby
      • ストック
        8
      • 閲覧
        1820
      RubyでサイコロCUI
      ランダムでRubyがサイコロを 振ります。
      okajun
    • ruby
      • ストック
        1
      • 閲覧
        1164
      RubyでHello, Worldと文字列を表示
      Rubyはスクリプト言語で、 print関数で文字を表示できます。
      okajun
    • python
      • ストック
        26
      • 閲覧
        2659
      PythonでHello World!と表示する
      PythonのHello Worldプログラム。わずか一行で表せます。 print関数です。
      okajun
    • csharp
      • ストック
        10
      • 閲覧
        1503
      C#: 日付と時間を表す
      日付と時間を表示するGUIです。
      okajun
    • csharp
      • ストック
        3
      • 閲覧
        1004
      form.cs
      C#でwindowを表示するGUIです。
      okajun
    • c_cpp
      • ストック
        8
      • 閲覧
        1235
      hello.c
      C言語のHello, Worldプログラムです。
      okajun
    • html
      • ストック
        6
      • 閲覧
        1185
      'JavaScript'の2種の'alert'の書き方
      通常の書き方と「a要素の属性値」として、URLのようにソースコードを書く
      0303netorker
    • c_cpp
      • ストック
        7
      • 閲覧
        1227
      Multiple levels function
      The output of the preceding program is: Welcome to C. All the best for good learning. In the preceding program: main(): Is the first function to be executed. disp_msg(): Is ...
      yuriko5635
    • c_cpp
      • ストック
        2
      • 閲覧
        1109
      Single Level Function
      In the preceding function: main(): Is the first function to be executed. (): Are used for passing parameters to a function. {}: Are used to mark the beginning and end of a fu...
      yuriko5635
    • html
      • ストック
        15
      • 閲覧
        1524
      "target=_blank"以外でwindowを開く
      "target=_blank"以外でwindowを開く disabled もしてみる *コピペで使えます。
      0303netorker
    • Next
    Typing for programmer
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2023
    ログイン
    登録する
    • ホーム
    • 今すぐ試す
    • プレミアムサービス
    • コード一覧
    • 文字列一覧
    • お知らせ
    • ヘルプ
    • 利用規約
    • プライバシーポリシー
    • お問い合わせ
    • 私たちについて
    Codedrill 2013-2023