「編集お役立ちページ」の編集履歴（バックアップ）一覧はこちら
「編集お役立ちページ」(2015/11/24 (火) 08:58:38) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
編集に役立つtipsを記述していく。
~
~
目次
#contents
~
*検索技法
+[[Googleの検索技法を学ぶ]]
*文法集
http://www39.atwiki.jp/crystel/pages/65.html
~
~
*表組み
http://www1.atwiki.jp/guide/pages/915.html
~
~
*画像貼り付け関係
http://www1.atwiki.jp/guide/pages/935.html
~
~
*コードを綺麗にする
http://flatsystems.net/php_beautifier.php
~
~
*行頭に半角スペースを入れる。
引用部分などに使う。
http://www.benricho.org/moji_conv/24-jisage02-hankaku.html
~
~
*文字を赤文字にする。
&color(red){ここに書かれている文字}
~
~
*改行を入れる
チルダ(~）を挿入する。
~
~
*引用を入れる。
>を挿入する。
>こんな感じ
~
~
*目次ページ更新状況
2015年11月8日時点で、278記事(ファイルでいうと289.html)まで目次に掲載
~
~
~
~
*更新の掟
**０，タイトルの設定
ページのタイトルには、&color(red){ページのキーワードをすべて入れるように心がけよう。}でも、長すぎにもご注意。
~
~
**１，あるなら前回のおさらいをする
前回の項目から引き継いでいるなら前回のURLをつけて簡単にあらすじを復習する。-
&color(red){（閲覧者の脳みそを適応しやすい状態に}持っていけるのだ）-
~
~
**２，目次をつくる
#contensと見出しタグの*を使って、今回の説明することをあらかじめ書いておく。-
（ページとしての&color(red){ゴールをあらかじめ認識させておく}のだ）-
~
~
**３．文字だけの解説は避ける
「百聞は一見にしかず」。長い文で解説するよりは&color(red){どんどん例をはさんで}いこう。-
~
~
**４，画像は作れるのなら、関連性のあるキーワードを入れて作る
これによってわかりやすさが段違い。-
~
~
**５，たくさん改行を入れよう
ページの長さは全く気にする必要はない。&color(red){見やすさが第一なので、改行は入れすぎてもいいくらい。}
~
~
**６，コピペ用と学習用のソースコードがあると尚良し
wikiを書く目的は、&color(red){コピペ用のアーカイブづくり}、の側面もある。使いやすいように成型してコピペ用を作る。-
学習用のソースコードは「差分」が分かりやすいようにすること。&color(red){わざとプロパティやセレクタ名をしっかり書くこと}が分かりやすいページに繋がる。
編集に役立つtipsを記述していく。
~
~
目次
#contents
~
*検索技法
+[[Googleの検索技法を学ぶ]]
*文法集
http://www39.atwiki.jp/crystel/pages/65.html
~
~
*表組み
http://www1.atwiki.jp/guide/pages/915.html
~
~
*画像貼り付け関係
http://www1.atwiki.jp/guide/pages/935.html
~
~
*コードを綺麗にする
**PHP編
http://flatsystems.net/php_beautifier.php
**JavaScript編
https://syncer.jp/js-prettyprint
~
~
*行頭に半角スペースを入れる。
引用部分などに使う。
http://www.benricho.org/moji_conv/24-jisage02-hankaku.html
~
~
*文字を赤文字にする。
&color(red){ここに書かれている文字}
~
~
*改行を入れる
チルダ(~）を挿入する。
~
~
*引用を入れる。
>を挿入する。
>こんな感じ
~
~
*目次ページ更新状況
2015年11月8日時点で、278記事(ファイルでいうと289.html)まで目次に掲載
~
~
~
~
*更新の掟
**０，タイトルの設定
ページのタイトルには、&color(red){ページのキーワードをすべて入れるように心がけよう。}でも、長すぎにもご注意。
~
~
**１，あるなら前回のおさらいをする
前回の項目から引き継いでいるなら前回のURLをつけて簡単にあらすじを復習する。-
&color(red){（閲覧者の脳みそを適応しやすい状態に}持っていけるのだ）-
~
~
**２，目次をつくる
#contensと見出しタグの*を使って、今回の説明することをあらかじめ書いておく。-
（ページとしての&color(red){ゴールをあらかじめ認識させておく}のだ）-
~
~
**３．文字だけの解説は避ける
「百聞は一見にしかず」。長い文で解説するよりは&color(red){どんどん例をはさんで}いこう。-
~
~
**４，画像は作れるのなら、関連性のあるキーワードを入れて作る
これによってわかりやすさが段違い。-
~
~
**５，たくさん改行を入れよう
ページの長さは全く気にする必要はない。&color(red){見やすさが第一なので、改行は入れすぎてもいいくらい。}
~
~
**６，コピペ用と学習用のソースコードがあると尚良し
wikiを書く目的は、&color(red){コピペ用のアーカイブづくり}、の側面もある。使いやすいように成型してコピペ用を作る。-
学習用のソースコードは「差分」が分かりやすいようにすること。&color(red){わざとプロパティやセレクタ名をしっかり書くこと}が分かりやすいページに繋がる。
