プログラミングのコメント記述をちょっと楽しくする

よこのじ(@yokonoji_work)です。

プログラミングする際、ソースコードに設計意図や注意点をコメント記述するかと思います。しかし、コメント記述は退屈なものですので、書くにしても見るにしてもちょっとでも楽しくなればと思い装飾デザインを集めてみました。

コメントアウトのやり方

まずは、HTML、JavaScript、PHP、Ruby、Pythonのコメントアウトのやり方。

HTML

<!–
複数行コメント
複数行コメント
–>

JavaScirpt

// 1行コメント

/*
複数行コメント
複数行コメント
*/

PHP

// 1行コメント

# 1行コメント

/*
複数行コメント
複数行コメント
*/

Ruby

# 1行コメント

=begin
複数行コメント
複数行コメント
=end

Python

# 1行コメント

“””(”’も可)
複数行コメント
複数行コメント
“””

コメントデザイン一覧

コメント文を囲うラインとしてお使いください。

シンプル

◆――――――◆――――――◆――――――◆――――――◆
コメント、コメント
◆――――――◆――――――◆――――――◆――――――◆

■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■
コメント、コメント
■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■〓■

□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
コメント、コメント
□■□■□■□■□■□■□■□■□■□■□■□■□■□■□

■━■━■━■━■━■━■━■━■━■━■━■━■━■━■
コメント、コメント
■━■━■━■━■━■━■━■━■━■━■━■━■━■━■

□━□━□━□━□━□━□━□━□━□━□━□━□━□━□
コメント、コメント
□━□━□━□━□━□━□━□━□━□━□━□━□━□━□

〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓
コメント、コメント
〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓〓

かわいい

∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩
コメント、コメント
∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩∪∩

+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-
コメント、コメント
+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-:+:-

♪~~♪~~♪~~♪~~♪~~♪~~♪~~♪~~♪
コメント、コメント
♪~~♪~~♪~~♪~~♪~~♪~~♪~~♪~~♪

。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°
コメント、コメント
。°+°。°+ °。°。°+°。°+ °。°。°+°。°+ °。°

∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴
コメント、コメント
∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴‥∵‥∴‥∴‥∵‥∴

☆.。:・★.。:*・☆.。:*☆.。:*・★.。:*・☆.。☆.。:*・★
コメント、コメント
☆.。:・★.。:*・☆.。:*☆.。:*・★.。:*・☆.。☆.。:*・★

。:*-♪-*:。-♪-。:*-♪-*:。-♪-。:*-♪-*:。-♪-。:*-♪-*
コメント、コメント
。:*-♪-*:。-♪-。:*-♪-*:。-♪-。:*-♪-*:。-♪-。:*-♪-*

派手

■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■
コメント、コメント
■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■-□-■

▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△
コメント、コメント
▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△▼△

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇
コメント、コメント
◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇

☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
コメント、コメント
☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆