コードドリル - プログラミング初心者のためのタイピング学習サービス

oryoryo

2025-6-12

php

routes/web.php


								<?php

// 必要なクラスを読み込む（ルーティングとコントローラ）
use Illuminate\Support\Facades\Route;
use App\Http\Controllers\Auth\LoginController;
use App\Http\Controllers\ProductControlle...

oryoryo

2025-6-11

php

コードを見る

/Applications/MAMP/htdocs/Step7/routes/web.php'


								<?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\Auth\LoginController;
use App\Http\Controllers\ProductController;

Route::get('/', function () {
    return...

yukaookayu

2024-12-3

html

コードを見る

摂食障害


								<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-s...

harusk

2024-11-23

c_cpp

コードを見る

cpp基本


								#include <iostream>
using namespace std;

int main()
{
   cout << 1 << 2 << 3 << '\n' << 4 << 5 << '\n';

   return 0;
}

kosaka

2024-6-6

python

コードを見る

クラスの継承


								class Customer:
    def __init__(self):
        self.sum = 0

    def take_food(self, price):
        self.sum += price

    def take_softdrink(self, price):
        self.sum += price

  ...

chisa47

2024-3-10

java

コードを見る

九九


								public class MultiplicationTable {
    public static void main(String[] args) {
        for(int i = 1; i <= 9; i++) {
            for(int j = 1; j <= 9; j++) {
                System.out....

ryojiyama

2024-2-10

python

コードを見る

PythonPracticeFromChatGPT


								def read_data_from_file(filename):
    try:
        with open(filename, 'r') as file:
            data = file.readlines()
            data = [line.strip() for line in data]
        r...

niwune

2023-12-25

javascript

コードを見る

アナログ時計を描画する


								const canvas = document.getElementById('analogClock');
const ctx = canvas.getContext('2d');

// Center
const radius = (canvas.width / 2) - 10;
const centerX = (canvas.width...

niwune

2023-12-24

javascript

コードを見る

canvasを用いてJavaScriptで現在時刻を表示する


								function drawDigitalClock() {
  const canvas = document.getElementById('clockCanvas');
  const context = canvas.getContext('2d');
  const now = new Date();
  const hours = n...

niwune

2023-12-24

javascript

コードを見る

ランダムな整数を生成する関数


								function randomt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}

const randomValue = random(1, 10);
console.log(randomValue);

kiyonaga

2023-10-25

sql

コードを見る

SQLでHello World!


								select "Hello Wolrd!"

TOMsachi

2023-9-13

css

コードを見る

文字の色を変える　アンダーlineを消す


								/*/*<html>*/
/*<a href="#">スイカの種飛ばすなよ!</a>の文字を黒にしましょう*/
/*アンダーラインあるらしい？設定なので消してください*/

a {
  color: #000;
  text-deco...

toshiki

2023-5-20

php

コードを見る

a


								<?php
echo "としき";

hana*uta

2020-6-27

html

コードを見る

3カラムレイアウト HTML


								<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>3カラムレイアウト</title>
<link rel="stylesheet" href...

YamadaTetsuya

2020-6-13

html

コードを見る

練習用コード　文字の背景・スタイルの表示


								<!DOCTYPE html>
<html>
    <body>
      <h1>Headline</h1>
      <div
style="background-color:green;color:white; padding:20px;">
         <p>...

chiharu39

2020-6-12

html

コードを見る

関連する他のファイルを示す


								<!DOCTYPE html>
<html lang="ja">
 <head>
   <meta charset="UTF-8">
   <title>link要素サンプル</title>
     <link rel="previous&q...

YamadaTetsuya

2020-6-11

html

コードを見る

練習用　自己紹介


								<!DOCTYPE html>
<html>
    <head>
        <title>My Blog</title>
        <link
href="http://fonts.googleapis.com/css?family=Handlee" rel="styles...

YamadaTetsuya

2020-6-11

html

コードを見る

練習用コード　その１


								<!DOCTYPE html>
<html>
    <head>
        <title>first page</title>
    </head>
    <body>
        <p>this is a paragraph</p>
        &l...

chiharu39

2020-6-10

html

コードを見る

HTMLの型


								<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h1>Progateとは</h1>
    <p>オンラインプログラミング学習サービスです</p>
  </b...

chiharu39

2020-6-3

css

コードを見る

色の使用(css)


								.box{
  width: 290px;
  height: 100px;
  margin: 0;
  padding: 4px 6px;
  font: 28px "Marker Felt", "Zapfino", cursive;
  display: flex;
  justify-content: center;
  ali...

chiharu39

2020-6-3

css

コードを見る

色の使用(css)


								.wrapper {
  width: 620px;
  height: 110px;
  margin: 0;
  padding: 10px;
  border: 6px solid mediumturquoise;
}

chiharu39

2020-6-3

html

コードを見る

色の使用


								<div class="wrapper">
  <div class="box boxLeft">
    <p>
      This is the first box.
    </p>
  </div>
  <div class="box boxRight&q...

chiharu39

2020-6-3

css

コードを見る

要素を左右に配置


								.footer-logo{
  font-size: 32px;
  float: left;
}

.footer-list{
  float: right;
}

.footer-list li{
  padding-bottom: 20px;
}

chiharu39

2020-6-3

css

コードを見る

ロゴとリストの配置


								li{
  float: right;
}

chiharu39

2020-6-1

css

コードを見る

paddingをまとめて書こう


								.logo{
  padding: 20px 10px 20px 10px;
}


.logo{
  padding: 20px 10px;
}

chiharu39

2020-6-1

css

コードを見る

要素に余白


								.logo1 {
  padding: 20px;
}

chiharu39

2020-6-1

css

コードを見る

floatプロパティ


								li{
  list-style: none;
  float: left;
}

chiharu39

2020-6-1

css

コードを見る

ヘッダー


								.header-logo{
  float: left;
  font-size: 36px;
}

chiharu39

2020-6-1

html

コードを見る

CSSの読み込み


								<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>progate</title>
    <link rel="stylesheet" href="styleshee...

chiharu39

2020-5-30

html

コードを見る

brで改行


								<p>これは
例です</p>
<p>ここで<br>改行します。</p>

プログラミングは反復練習が大切。

コードドリルはプログラミング初心者のためのタイピング学習サービスです。ソースコードタイピングを反復練習することで自然に体得できます。

ソースコード練習

タイピング練習