はてな記法を試してみた - 知識のアウトプットをするブログ

いつも「見たままモード」ではてなブログを書いていた。
なにも問題は無かった。そう、ソースコードを貼り付けようと考えなければ...

ソースコードの貼付け
- C
- java
- HTML+CSS
- PHP
これいいね

ソースコードの貼付け

テストとして、いろいろソースコード載せてみる。

C

#include<stdio.h>
#include<time.h>

int main(void)
{
  srand((unsigned)time(NULL));
  int n,m,i,f,k;
  char a;

  n=100;
  for(m=0;m<16;m++){
    printf("エンター");
    scanf("%s",&a);
    for(k=0;k<100;k++){
      for(i=0;i<m;i++){
        for(f=0;f<i;f++){
          printf(" ");
        }
        printf("*");
      }

      for(i=m;i>0;i--){
        for(f=0;f<i;f++){
          printf(" ");
        }
        printf("*");
      }
    }
    printf("\n");
  }

  return 0;
}

java

import java.io.*;

public class chUpr {
  public static void main (String arg[]) {
    try{
      System.out.println("1文字、アルファベットの小文字を入力してください->");
      BufferedReader bf = new BufferedReader(new InputStreamReader(System.in));
      String str1 = bf.readLine();
      if(str1.length()!=1){
        System.out.println("あなたは"+str1.length()+"文字入力しました。1文字ではないので、終了します。");
      }else{
        System.out.println(str1+"->"+str1.toUpperCase());
      }
    }catch (IOException e){
      System.out.println("error");
    }
  }
}

HTML+CSS

page1.html

<html>

<head>
    <title>page1</title>
    <link href="./page1.css" rel="stylesheet" type="text/css">
</head>

<body>
    <h1>My 1st Blog</h1>

    <h2>Home Product Work Blog About</h2>

    <div id="work">
        <h3>Work</h3>
        <p>
            My1st Blog ではバネについて述べる。ばねとは、力が加わると変形し、力を取り除くと元に戻るという、物体の弾性という性質を利用する機械要素である。形状や材質は様々で、日用品から車両、電気電子機器、構造物に至るまで、非常に
多岐にわたって使用される。 ばねの種類の中ではコイルばねがよく知られ、板ばね、渦巻ばね、トーションバー、皿ばねなどがある。ばねの材料には金属が広く用いられているが、用途に応じてゴム、プラスチック、セラミックスといった非金属材料も
用いられ、空気を用いた空気ばねなどもある。荷重を変形量で示させたり、振動や衝撃を緩和したり、弾性エネルギーの貯蔵と放出を行わせたりなど、色々な用途のためにばねが用いられる……
        </p>
    </div>

    <div id="archive">
        <h3>Archive</h3>
        <br>
        <li>2017/01</li>
        <li>2017/02</li>
        <li>2017/03</li>
        <li>2017/04</li>
        <li>2017/05</li>
        <li>2017/06</li>
        <li>2017/07</li>
    </div>
</body>

</html>

page1.css

h1{
    height: 150px;
    line-height: 150px;
    padding-left: 50px;
    background-color:cornflowerblue;
    vertical-align: middle;
    margin: 0;
    color: white;
}

h2{
    margin: 0;
    background-color: green;
    padding: 50px;
    color: white;

}

h3{
    margin: 0;
    padding-left: 50px;
    padding-top: 50px;
}

#work{
    width: 70%;
    float: left;
}

#work>p{
    text-indent: 1em;
    padding-left: 50px;
    padding-right: 50px;
}

#archive{
    margin: 0;
    background-color:darkgrey;
    width: 30%;
    float: right;
}

#archive>li{
    margin: 0;
    padding-left: 50px;
}

PHP

<html>
<head><title>FileopenSplit.php</title></head>
<body>
<?php
$linenumber = 1;
if(file_exists("./list.txt")){
  $filepointer=fopen("./list.txt","r");
  while(!feof($filepointer)){
    $aline = fgets($filepointer);
    if(strlen($aline)<=2){
      echo "この行は空です";
    }else{
      echo "$linenumber: $aline <br>\n";
      $linenumber++;
      $words = split("," ,$aline);
      foreach($words as $word){
        echo "$word /";
      }
    }
    echo "<hr>";
  }
  fclose($filepointer);
}else {
  echo "error.";
}
?>
</body>
</html>

これいいね

はてな記法、ソースコードの貼付けが一瞬でできた。便利。
プログラミングに関する記事も書いていこうかなぁ。