【Cocoonテーマ】こんなに簡単だったとは。。。
ソースコードをたたむ方法

ITの記事をあげる際にソースコードものせることが多いと思います。
ソースコードってのせようと思うとだいぶ長くなることはありませんか?
なんでこんな簡単な方法を気づいていなかったのだろうと思ったので紹介しておきます。

普段ソースコードを載せる際は「SyntaxHighlighter Evolved」というプラグインを使用しています。
SyntaxHighlighter Evolved・・・言語に合わせてソースコードを見やすくしてくれるプラグイン
このプラグインを利用しつつ簡単にたためる方法はないかなといろいろしていたのですが、あまりきれいにならず。。。
(ちなみに「SyntaxHighlighter Evolved」の設定でデフォルトたたんでおくという設定が可能だったのですが、もう少し何かないかなと思っていました)

Cocoonテーマのブロック種類に「アコーディオン(トグル)」がありました!
ほんとなんで気づいていなかったのだろう

これを選択するとアコーディオンが表示され、
さらにアコーディオン内でブロックの種類を選べるではありませんか。。。!

これを利用すると

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
import java.util.Scanner;
 
public class Demo {
 
    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);
        // input取得
        int num = sc.nextInt();
         
        int doubleNum = doubleCalc(num);
         
        System.out.print(doubleNum);
    }
     
    // 倍にして返却するメソッド
    public static int doubleCalc(int n) {
        return n * 2;
    }
 
}

こんな感じで表現することができました。プラスマークもデフォルトでついているので資格的にも開閉可能ということはわかりやすくいいですね。
一つのアコーディオン内に複数のブロックを含めることができたり、色を変更することができたりといろいろ使い勝手が良さそうです!

無料のテーマなのにいろいろなブロックを配置することができて便利ですね。

タイトルとURLをコピーしました