アメブロカスタマイズ大全集
Amebaホームピグアメブロ
芸能人ブログ人気ブログ
新規登録
ログイン

アメブロカスタマイズ大全集

CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。CSSコピペで、簡単アメブロカスタマイズ。

Amebaでブログを始めよう！
次ページ >>

序章が完成！【アメブロ攻略書 制作実況 #003】

ども、おるずです。
【アメブロカスタマイズ攻略書】の制作実況をTwitterで進行中。
Twitterでのつぶやきまとめです。（１段落がだいたい１つぶやき）

Twitterはコチラ => https://twitter.com/web_weapon

今回はとりあえず一章分だけPDF化する所まで行きました。


「カスタマイズの前に知っておきたい事」

PDFを書き始めてみる。

　
【攻略書】PDF、どのツールで作るか考え中。PagesかiBooks Author かな。ちなみにiBooks Author は、教材やマニュアルなどの制作に使いやすくてオススメ。
　
「冒険の前に・・」を執筆中。この辺はサクッと読めるよう短めにしたいなぁ。
　
あとそう言えば前に、身内のFBグループ向けに何個かアメブロカスタマイズの手順解説PDF作ったんだっけ。・・そのまま使えそう！早速追加。
　
『アメブロカスタマイズの前に知っておきたい事』に書きたい事。まずは「CSS編集デザイン」じゃないとそもそもCSSいじれないよ！という点。コレジャナイデザインのアメブロをカスタマイズしてと言われて困った経験・・orz
　
あとは、何のプログラミングを使うか？HTML/CSS/JavaScript。細かい話は置いといて、それぞれザックリ何のために必要なのか？くらいは知っておくと、コピペでやる時にも理解が早いはず。
　
あとは、何だ・・「アメブロのどの部分がカスタマイズ出来るのか？」とか「コードどこに書くの？」とかかな
　
ちなみに僕の教えるスタイルは『実践型』です。とりあえずやりながら覚える。これは僕自身が一番効果あったから。プログラミング、数学、簿記、マーケティング、・・色々。
　
ただ実践型で教えるスタイルは、事前にある程度やりやすいよう「用意」してあげる必要があるので、その辺が難しいかなと思ってます。その「用意」の１つが今作ってる【攻略書】でもあったりします
　
さて、【攻略本】の方は前に書いてた記事やPDFを元に、一気に序章を書き上げます。iBooksAuthor使お。
　
とりあえず、【攻略本】序章のみ書いてPDF化してみました。全10ページくらい。

以上です。

次は、「基本攻略」の章を書き進めるか、
それともテンプレ先に作ってしまうか、考え中です。。

なるべくテンプレは早い段階で出すと
色々使ってもらえて良いかなーと思っているのですが。

さて、進めます！

目次を考えてみる。【アメブロ攻略書 制作実況 #002】

ども、おるずです。

【アメブロカスタマイズ攻略書】の制作実況をTwitterで進行中。
Twitterでのつぶやきまとめです。（１段落がだいたい１つぶやき）

（Twitterへのリンク）

さて、目次を決めますか。


『アメブロカスタマイズ攻略書』作りに挑戦中。
「PDF＋テンプレ＋会員サイト」の構成になる予定です。
Twitterタイムラインで制作過程をつぶやいていますので、興味がある方は是非。

ちなみに、アイデア出しにはマインドマップツールを使います。
階層化＆移動がしやすいので。愛用しているのはXMind（http://jp.xmind.net/ ）
無料で、MacでもWinでも使えるのがGood

『攻略書』と名付けたぐらいなので攻略していく感じが欲しいですよね～。
ゲームで攻略するものと言えばクエスト。
クエスト攻略に必要なのは「敵に関する知識」「武器の調達」「冒険に出る」といった感じか？

「敵に関する知識」＝アメブロのCSSカスタマイズに関する事前知識。
「CSS編集可能デザインじゃないとカスタマイズ出来ませんよ～」とか、そういう話。

「武器の調達」＝ここでテンプレをプレゼント（DL先を教える）

・・あぁ、何かスキルUPする章があっても良いですね。
お題を出してCSSで答えるような。
以前身内向けにメール配信していた「CSS基礎講座」を流用できないか、要検討。

「冒険に出る」＝具体的に
「こんなデザイン＆レイアウトのブログを目指しましょう」を設定して、
１つずつクリアしながら進めていくチュートリアル形式？

「冒険に出る」は、基本編と応用編があると面白いかも。
例えば基本編ではCSSのみでヘッダーを作るカスタマイズ、
応用編では手持ちの写真を使って画像ヘッダーを設置する方法。
エクストラダンジョン！

まったく話が逸れますが、ゲームはトライエース系のRPGが大好きでした。
スターオーシャン＆ヴァルキリープロファイルは僕の青春。
イセリアクイーン撃破に何時間掛けたことか・・。

【攻略書】目次の話に戻りますが、
　１）冒険の前に
　３）武器の入手
　４）冒険に出る
　５）エクストラダンジョン
　６）終わりに
といった感じにしようかと。



とりあえず、ここまで。

目次の方はその後、
色々考えて現在以下のような感じです。


将来的にはそれこそソーシャルゲームみたいに
Webサイト上で徐々に攻略しながら楽しめるような
仕組みにしたいなーとか思ってるんですが、

僕の場合アイデアが膨らみすぎて
結局何も完成しないというパターンが多いので（苦笑）

今回はまず、

「PDF」＋「テンプレ」を何が何でも完成させる！！

を目標に、頑張りたいと思います。

ではでは！

攻略書のコンセプトを、決める。【アメブロ攻略書 制作実況 #001】

ども、おるずです。

【アメブロカスタマイズ攻略書】の制作実況をTwitterで進行中。
Twitterでのつぶやきまとめです。（１段落がだいたい１つぶやき）

（Twitterへのリンク）

今回は、コンテンツ作りに取り掛かる前の
コンセプトや対象読者層のイメージ決定が中心です。

これやっとかないと、
そもそも誰の為に作るのか分からないので（苦笑）

あとは、目次（アウトライン）もあった方が良いので
どんな感じにするか考えていました。

それでは以下より
つぶやきまとめです。どうぞ。

攻略書、作るよ！

最近アメブロのカスタマイズに関する質問が増えてきたので、
「とりあえずこれやっておけば基本的な事はできますよ」と渡せる
eBook（PDF）を作ろうかと思ってます。名付けて【アメブロカスタマイズ攻略書】

PDFだけじゃなく、テンプレも用意したい。
初期のCSS編集デザインだと修正しにくい部分もあるので、その辺りに手を加えたもの。
ゼロからやるとどうしても説明する部分が多くなるので

ただ、この手のコンテンツは既にたくさんあるので、
何かしら工夫して面白く取り組めるようにしたい。
ストーリー性を入れるとか、専用サイトで楽しく取り組めるとか。

【テンプレ】＋【攻略書（PDF）】＋【会員サイト】という感じです。
Twitter上で随時、ネタ出し＆進捗報告して参ります。

とりあえず動き始めようという事で、
まずは【攻略書】の目次でも作りましょうかー。
ネタ出しも折角なのでTwitter上でやっていく試み。

この攻略本は、誰に手に入れて欲しいか？

まずは対象読者を考えてみる。
=>「これからアメブロカスタマイズをやってみたい方」「自力でCSSを使いカスタマイズする事に興味のある方」

・・うーん、ザックリすぎる。（笑）
何をやっている人か？ => 「個人事業やフリーでビジネスやっている方」

何らかの教室とか飲食店とか、
小規模のお店を経営、
セミナー講師している方、などなど？

あとは、副業でアフィリエイトとかに挑戦している人。
スパム的な事やっている人はお帰り頂きたいですが・・（苦笑）

あ、あとデザイナーとかイラストレーターとか、
画像素材は作れるけどコーディングは苦手！という方は相手として分かりやすいかも。
僕の周りにも何人かいて、時々教えるので

うーん、やっぱり共通するのは「自分でやりたい人」でしょうか。
DIY的な。「CSSとかHTMLとか面倒臭そうだから、お金出すのでやってよ！」という方には、
直接依頼してもらえればやれますし。

そうなると、多少は画像素材の作り方も入れておいた方が良さそうですねー。
手持ちの写真を加工（サイズ変更/文字入れ/補正・・）してヘッダー作る、ぐらいは。

【攻略本】では、テンプレを元にいくつかの目標を設定して、
チュートリアル式に進められるようにしたいです。
「画像ヘッダーのアメブロを作ろう！」とか。
ゲームでいう『クエスト』とか『ミッション』みたいな感じ？

【仮決め】
読者層は「自分で自由にカスタマイズしたい人（主にビジネス目的）」
提供する価値は「すぐ使えるテンプレ」「CSSの基礎が分かる」「ゲームのように攻略していくスタイル」



とりあえず今回は、ここまで。

『アメブロカスタマイズ攻略本』を作ろうと思っています。

どうも、 おるず＠ネット集客の武器屋です。

この度改めて、
アメブロカスタマイズに関する

【攻略書】をちゃんと作ろうと思っています。

アメブロカスタマイズの
「PDF」＋「アメブロテンプレ」＋「会員サイト」が
セットになったコンテンツです。

そして今回はTwitterを活用して
少々変わった試みをしようと思っているので、
この場でもご報告。

Twitterアカウントをお持ちの方は、ぜひご参加下さいな。

Twitter で制作実況します

少々変わった試み、というのは
PDFやテンプレや会員サイトを作っていく過程を
まるまるTwitter上でつぶやきながら公開する、というものです。

RTや返信など フォローして頂いている方々からの
意見も取り入れながら ひと通り作ってみようかな、と思ったわけで。

さらに、テンプレやPDFが出来れば順次無料公開。

つまり、リアルタイムにTwitterをチェックしてもらえれば
【攻略書】の全てが手に入っちゃいますよー、という事です。
（さらに自分の意見が反映されるかも・・？）

Twitterでのつぶやきは、 以下のような感じになります。

（つぶやき１）
最近アメブロのカスタマイズに関する質問が増えてきたので、「とりあえずこれやっておけば基本的な事はできますよ」と渡せるeBook（PDF）を作ろうかと思ってます。名付けて【アメブロカスタマイズ攻略書】 #アメブロカスタマイズ攻略書 #N武器_制作実況

（つぶやき２） PDFだけじゃなく、テンプレも用意したい。初期のCSS編集デザインだと修正しにくい部分もあるので、その辺りに手を加えたもの。ゼロからやるとどうしても説明する部分が多くなるので #アメブロカスタマイズ攻略書 #N武器_制作実況

（つぶやき３） ただ、この手のコンテンツは既にたくさんあるので、何かしら工夫して面白く取り組めるようにしたい。ストーリー性を入れるとか、PDFだけじゃなくて会員サイトで進捗管理できるとか。 #アメブロカスタマイズ攻略書 #N武器_制作実況

下のTwitterアカウントにて 随時つぶやいていますので、
よければフォローお願いします。

気になったつぶやき等あれば、 自由にRTや返信などしてもらえれば嬉しいです。

※ハッシュタグ#アメブロカスタマイズ攻略書付けてますので、
全体を追うのはコチラが便利。

Twitter 以外でも、まとめを配信。

ただ、皆さんそれぞれ 自分のビジネス作りに忙しいと思います。

普段ガンガン使っていない限り、
Twitterを随時チェックするというのは
かなり面倒臭いのではないでしょうか？

そこで、日々のつぶやきを全部まとめて
以下のメディアにて配信します。

・本メルマガ
・非公開Facebookグループ
・note
・アメブロ

基本的にどれも同じ内容を配信しますので、
一番日々チェックしやすいものをお使いください。

今後の ”おるず” と
『ネット集客の武器屋』の活動について

”おるず” 自身の、今の活動はこんな感じです。

・「クラウドファンディング」という分野の
　Webメディア構築と情報発信を制作＆サポート
・制作屋同士でチームを組み、コンテンツビジネス構築の提案＆コンサル
・Skypeによる有料のマンツーマン技術サポート（時間制/回数制）
・『ネット集客の武器屋』Webサイト構築

・・とまぁ、何だか色々やっています。

１月末は上記関係で、
４日間ほど香港＆フィリピンに滞在しておりました。

滞在理由は・・何だっけ？（笑）

まぁ僕は直接向こうの方とビジネス絡みの事があったわけではないのですが、
一緒に行くビジネスパートナーさんと月末に詰めたい事など盛りだくさんだったので、
ノリでついでに着いていっちゃった感じです。（こういう時は、フットワークが軽い）

10年ぶりくらいの、海外。
いやぁ色々とカルチャーショック体験でしたよ。

あ、そういえば実は今回の企画も
フィリピンのスタバでボーッと今後の事を妄想している時に
ふと閃いた事なので。うん、ちゃんとビジネス的成果もありましたね（笑）

・・そんなプライベートも、ありつつ。

『ネット集客の武器屋』としての活動は、
【アメブロカスタマイズ攻略書】の制作がメインですが、

それとは別に今個別で依頼を受けてやっている
「マンツーマンのWeb技術サポート」をもう少し募集したいと思っています。

ただいま、申し込み用ページ制作中・・。
ほぼ完成しているので、近日中に公開します。

簡単に言えば、
「1時間5,000円のチケット制で、技術関連のお悩みを解決しますよ」
というオファーです。

技術的な事で詰まっている部分がたくさんある方に、
有効活用してもらえるんじゃないかと思っています。

興味のある方は、是非チェックを。

ではでは～

CSSに慣れてきたら「ちょっとしたデザインテクニック」を学んでみましょ。

僕はデザイン系の作業って、あまり自分でやりません。 ヘッダー作ったり画像素材作ったり。 PhotoshopとかIllustratorとかは デザイナーさんとのやり取りが出来るレベルまでです。 じゃあどうしているかというと、 いかにHTML/CSS/JavaScriptなどの コーディングでどこまでやれるか？を追求します。 特に最近は HTML5/CSS3などの技術が一般化しつつあるので コーディングだけでも良い感じのデザインになったりします。 CSSだけで どういう事できるのか？知りたい方は 下のスライド、必読です。 ズルいデザインテクニック2013 + セミフラット version

フラットベースのCSSテクニックがあるので、
色んな場面で応用出来ます。
次ページ >>