guitar cafe

para-wave06 ワンマンライブ•ダイジェスト vo.02

2013-11-03T12:19:00.001+09:00

2013/09/19に行われたparanoaワンマンライブの模様をダイジェストにしてyoutubeにアップしました！
今回は第2段！
収録曲
4：上昇気流
5：メリーゴーランド
6：Message in a Bottle

今回はゲストに師匠であるAcousphere奥沢師匠に出演していただきました！
是非ご覧下さい♪

para-wave05 ワンマンライブ•ダイジェスト vo.01（+ 再生リスト）

2013-11-03T12:12:00.001+09:00

9月19日に行われたparanoaワンマンライブの模様をyoutubeにアップしました！
是非ご覧ください！
収録曲
1：永久に
2：Englishman in New York
3：それぞれの場所

Message in a bottle PV

2013-01-05T02:05:00.001+09:00

やっとPVアップできました！
僕のソロ楽曲「Message in a Bottle」。
かなり時間がかかってしまいました。。
まだ髪の毛がロン毛だった頃の自分。。
こんなに自分をフィーチャーしたPVは初めてなのでかなり恥ずかしいんですが是非見てみて下さいね！

paranoaサイトリニューアル！

2012-11-15T01:53:00.001+09:00

長らく使用していたparanoaのWebサイトですが
完全リニューアルしました。
リニューアルに伴いブログも今後はparanoa.net内のブログにて更新していきます。
Vo蘭のブログとGt太陽のブログを分けて運用していきます。
スマートフォン対応もしていますのでPCとスマフォでは表示画面が違います。
今後ともよろしくお願い致します。

paranoa.net

一つのテクニックから。。

2012-09-08T17:47:00.001+09:00

僕はこの一年師匠のもとタックアンドレスさんの「哀愁のヨーロッパ」を修練しています。
テクニック的に完全に演奏する事は不可能に近く、最初から最後まであり得ないほど敷き積まれたアレンジメントを師匠の解説のもと教わっています。
そこでいつも師匠に解説いただいている部分で重要な事。
あまりのハイテクニック故にそのテクニックばかりに目がいきがちですが一番大事なのは「どういった考え方でこのアレンジをしているのか」「どうしてこの運指をチョイスしたのか」
本当に凄いなと思ってしまうのはタックアンドレスさんのテクニックをこれほどひも解いてしまっている師匠のマインドです。
もし僕がこの楽曲をひとつのテクニックとして教わっていたならこの楽曲はこれで終わってしまいます。しかし一つ一つのテクニックを細かく分析し「こういった考えでこのアレンジは作られている」「この運指は次の初動を意識して」だったり「この部分を自分自身でリアレンジしたら全く新しい音楽のアレンジになる」といったようにこの楽曲を覚えたからこそできる新しいアレンジのヒントや新しいメソッドという考え方。
「活用」といった部分まで解説いただいています。
憧れの楽曲のテクニックを学ぶとともにその活用方法まで指南してもらっていてその解説や
活用方法を見るたびに目から鱗というか師匠が凄い！
なんて思ってしまいますね。
僕自身も学び取るべきはテクニックだけではなくその活用、捉え方のマインド等大事な事をこの曲を通して学んでいる気がしています。
僕自身のギターレッスンにも少しずつフィードバックできればと思います。

ライブを終えての忘備録

2012-08-19T18:51:00.001+09:00

今回僕個人としても一年半振りのライブになり、現状がしっかり出た形になったので忘備録として記しておこうと思います。

1.サウンドについて

通常のライブブッキングという事もあり、リハーサル時間は15分と短く、この時間の中でどのようにして音作りを行っていくのかというのが僕としては一番の課題です。
今回はイヤーモニターを使用しなかったんですが使用しなかったからこそイヤーモニターの必要性を強く感じる事ができました。
イヤーモニターを含めてのサウンドシステムの構築をどのように行っていくのかが今後の課題です。＋もともとの音色作りをもっと勉強する事。
まだまだ勉強不足ですね。音色作りは僕が担っていかなければならないので今後もっと勉強しなければと強く感じました。

2.演奏について

ライブのテンションそのままで望むと全体的にかなりテンポが早くなる。
これはライブ中にどういったテンションで望むかという事なので僕にとっては難しい部分です。演奏中に自分がリスナーとしての耳を持っているかどうか、演奏中に普段通りの余裕をどこかに残しておかなければ演奏する事に必死になってしまう、リズムに関しては今までの音楽人生でシビアに見てきた部分でもあるのでメンタル面の持っていきかたが課題なのかなと感じました。

3.自分ではなくユニットとして

今までなんとなく自分の演奏が「上手くまとまっていれば」という意識がどこかにあったのは事実です。今回自分が一番今までと違っていたのは「ユニットとして」の意識が強かった事です。自分のユニットという事もあり僕は特別な思い入れを自身のユニットに対して感じています。今までは自分のギタープレイに固執していた部分がありましたがユニットとして素晴らしい演奏をする事が大事だと今回はより深く感じました。
今後の課題はお互いのスキルアップが必須です。

4.次回に向けて

ただやりたいからライブを打つのではなく、意味合いのあるライブをする必要があります。楽曲コンテンツ、映像コンテンツを用意する必要がありますし、その時のライブでしか見る事のできない仕掛け、次回のライブに向けて、逆算して準備する事でライブをする意味がでてきます。

といった感じです。
ライブを行った事で次の目標が明確になり次にやるべき事が鮮明になりました。
しばらくは自分が正しいと感じた方向で動かしてみようと思います！

paranoaライブ終了しました！

2012-08-19T18:22:00.000+09:00

paranoaライブ終了致しました！
一年半振りのライブになりましたが皆様のおかげで楽しい時間を過ごす事ができました！ありがとうございました！
共演した「hono-bono」、「音楽家あざらし」さんも素敵な演奏でした、今後も音楽仲間として是非絡んでいきましょう！
次回のparanoaライブを楽しみにしていて下さいね♪

paranoaライブ情報追記しました！

2012-08-18T01:43:00.000+09:00

8/18（土）に決まっているparanoaライブ情報追記しました。出演時間が決まりましたので更新しておきました！是非チェックして下さいね。

『Message in a bottle』CM!

2012-08-07T02:17:00.000+09:00

簡易的にですが最新シングル「Message in a bottle」のCM動画を作りました！
是非チェックして下さいね！

iTune'sなどで配信開始！「Message in a bottle」

2012-08-05T02:29:00.002+09:00

Acousphere Recordsより、僕の初のソロ作品がiTune'sなどで配信開始しました！
the policeの名曲「Message in a bottle」です。
今回はハイテクニックなギターアレンジに僕らしい退廃的なキレをふんだんに盛り込み、疾走感のあるドライビングソングに仕上がりました！
是非視聴、ダウンロードよろしくお願いします！
iTune's Store!

ウクレレレッスンサイト『ukulele-cafe』新設！

2012-07-31T03:25:00.000+09:00

ウクレレレッスンサイト「ukulele-cafe」を新設しました！
徐々に充実させていきますので是非チェックしてみてください！

ukulele-cafe

今回は勉強も兼ねてCMSテンプレートである『WordPress』で実装してみました！

サーバーの照合に手間取りましたが手間取ったおかげで色々理解できました。

CMSテンプレートは基本的にPHP言語で作られています。

PHP言語は特にデータベースとの親和性が高く、つまりデータベースと密接な関係性を作る事ができるんです。

データベースとは自分の書き貯めた情報、顧客情報、ありとあらゆる情報を格納する事ができ、格納したデータベースは自分が所有する事ができます。

そのデータベースにある情報を呼び込むのにPHP言語が扱われています。

データベースと接続し、データベース内にある情報を表示、検索、更新、登録、削除などをデータベースの言語であるsql queryと織り交ぜながら扱う、といった感じです。

大量の情報を所有し自由に扱う事ができる、更に管理画面がある事によってブログを書くような軽い感覚で更新でき、表示レイアウトもワンタッチで自由に変えられ、プラグインの実装で基本的にできない事がない、運用が恐ろしく楽です。

自身で作ったguitar-cafeは手打ちで作り込みましたが後になって運用面で差が出てきそうです。
なかなかすごいぞWordPress！

ギターレッスンサイト「guitarcafe」リニューアル

2012-07-09T21:39:00.000+09:00

最近まで取り組んでいたWebサイト制作もある程度形になったのでサーバーにアップロードしました！ギターレッスンサイト「guitarcafe」のリニューアルです！
元々のギターレッスンサイトよりも整理した形になったと思います。
是非一度閲覧してみて下さいね。
次はparanoaサイトのリニューアルに取りかかります！

僕なりに実戦してみたミックス方法

2012-07-01T19:57:00.002+09:00

最近のミックス作業で僕なりに悩んで実戦してみたミックス方法を紹介しておきます。
この方法が良い方法かというと良いとは言えない。と思いますが僕なりに色々な音源を聞き「こうやってみよう」とか「これはどうだろう？」と試行錯誤した作り方だったので追記しておきます。
今回実戦してみた楽曲はparanoaの「I Want you back」をレコーディングした際に実戦してみました。
最初セオリー通りミックスしていたんですが、合間を縫って参考になるような楽曲をサンプルがてら聴いてみたりを繰り返していくうちに一つ思いついたんですね。
今まではヴォーカルとギターを左右のpanに振り分けてバランスをとるという感じだったんですがやはりミックスのスキルがまだまだという事もあり全体的になんとなく薄っぺらい印象の音色作りになってしまう。
そこで僕なりに考えた方法です。

まずギターの周波数をフラットにする施しをしたEQを作ります。
その後にこのトラックを複製。
同じトラックを二つ作ります。
その次にこの二つのトラックの周波数を500hzを中心に分割しました。

このように低音と高音のトーンをカットしたトラックを二つ作りました。
低音側はpanのど真ん中。
高音側のトラックはいつも通りのギターの配置場所にpanをふります。
そして最後にお互いの音色補正を行いました。
一つのトラックにフラットにする為のEQ、分断する為のEQ、音色補正の為のEQと三つ入れ込んだ状態です。

音色位置的にはこんな感じだと思います。

このミックス方法で一番のデメリットは「ノイズが倍になる」事です。
ノイズリダクションを使用して抑えてみましたがこうやって分断すると音色バランスなど更にシビアになる可能性もあります。
今回はこんな感じのミックス方法を実践してみましたがやはり自力の部分でもっと音と深く関わらないと分からない部分が多いというのが正直な所です。
っという事で僕なりに試してみたミックスの方法の紹介でした。

WEBサイトを作ろう！／head内の定義／keywordとdescription

2012-07-01T10:57:00.002+09:00

今回も引き続きWebサイトの作り方についてです。
前回はhead内の「title」とエンコードの記述について触れました。
今回はhead内の「keyword」と「description」について説明してみたいと思います。
まず「keyword」から説明しますね。
「keyword」は今これから作り込もうとしているWebサイトをユーザーが検索する際、どの検索wordでひっかかるのかを記述します。
いわゆるSEO対策と言われる項目の一つになります。
自分のWebサイトを作ったらやはり色んな人に見てもらいたいですよね。
それには自分のWebサイトに関連付いたキーワードを記述し、不特定多数の人達が閲覧してくれるように検索wordに引っかかりやすいwordをいくつかいれる必要があります。
どうせなら色んなユーザーの目に留まる事ができるようにキーワードも考えてみると良いとは思います。
やらないよりはやった方が良い程度かもしれませんけど笑
前回までのindex.htmlファイルの状態です。

「キーワード」の記述も<head></head>の中に記述していきます。
具体的にmetaのタグとして作り込んでいきます。
前回説明した通りmetaタグはその文書に関する情報を指定してブラウザや検索ロボットに知らせる為のタグです。
まずは決まり事のタグを打ち込みます。
<meta name="keywords" content="キーワード">
これが決まり事のタグ。metaの「キーワード」を入れ込みますよ〜というタグですね。
metaとnameの間には半角のスペースを空けましょう。
keywordsの前後にはダブルコーテーションで囲います。
<◯◯="◯◯">という形はhtmlのタグでは多用されます。決まり事の形なので覚えてしまいましょう。
次に記述している
content="キーワード"
このキーワードの中に実際に検索エンジンに引っかかりやすいキーワードを記述していきます。最低一つ、最大でも6つまでのキーワードを打ち込む事が可能です。
まずはこのタグを実際にhead内に入れ込んでみます。

赤線でひいてある箇所にタグを打ち込んでみました。
ここから"キーワード"の箇所を実際に書き込んでみます。
僕でしたらギターレッスンに関するWEBサイトを作るとして〜

こんな感じでしょうか。
もっと捻った方が良いかもしれませんがキーワード項目は6つ位まで。
キーワードとキーワードの間には半角のカンマ「,」で区切ってください。
キーワードの考え方によっては上手く検索にかかりやすいキーワードを複合していれ込んだり、コツのようなものがあるようです。
僕のキーワードの入れこみかただと検索には引っかからないでしょうね汗。
最終的にはコンテンツが一番大事だと思うのでキーワード等を考えすぎると商売ベースのWebサイトのように見られるかもしれませんね。
かといって色々な人には見てもらう必要もあると思うので見過ごせない項目の一つだと思います。
それでは続いて「description」の解説をしたいと思います。
「description」はユーザーが検索した際、自分のWEBサイトがヒットした時にどんなサイトなのかの説明を入れるタグになります。大体200文字程度ですが検索した際にWEB サイトを閲覧してみたくなるような説明文を入れ込みます。

こんな感じでgoogleで検索した際にWEBサイト名の下に表示される文章を打ち込むタグですね。
タグの構文です。
<meta name="description" content="ここに打ち込む">
先ほどのキーワードとタグは全く一緒ですね。
name=""の間にkeywordsかdescriptionを入れて定義します。
ではさっそくタグをうちこんでみます!

こんな感じで打ち込んでみました。

<meta name="keywords" content="キーワード">
<meta name="description" content="説明文">
この記述がSEO対策や人の目に止まりやすい部分になるので文章もそれなりに考えてみてもイイかもしれませんね。
という事で今回はkeywordsとdescriptionについてでした。

弦に対する指先の置き場所、音色の違いについて

2012-06-28T20:12:00.002+09:00

先日師匠であるAcousphere奥沢師匠にご指摘いただいた部分の考察をしたいと思います。
それは弦に対する指先の配置箇所、角度についてです。
ギターを演奏する上で右手左手のテクニック、フォームはジャンルによって、ギターリスト個人個人によって異なるとは思いますが僕自身の今までのスタイルの中で身に付いているクセがあります。
僕のギタースタイルの主軸は伴奏という事もあり、リズム楽器の音色を求めてしまう傾向からくるクセと言えるのかもしれませんが、奥沢師匠はしっかりその部分もコントロールしていました。
それは「指先のどの部分で弦を押さえているか」という事です。
今まで曖昧な部分でもありました。
厳密にいうと僕はこんな感じで弦を押さえています。

指先ではなく、指のお腹の上側辺りですね。
面で押さえている感じです。
この押さえ方が悪い。っという事ではないんです。
問題はこの押さえ方しかできない為に苦手な演奏があるという事です。
この押さえ方のメリットとしては「ミュートのしやすさ」「ゴーストノートを自然に入れる事ができる」「トーンに落ち着きがある」
以上の事からこの押さえ方で一番ピンとくる楽器はベースです。

逆にデメリットは「ハリがない」「歌わない」「ヴィヴラートがかかりづらい」
のです。
つまり僕自身メロディを弾くギタースタイルよりもリズム寄りの伴奏でのスタイルが主軸にあったため自然と付いた押さえ方でした。
そのためいざ、メロディを演奏すると歌わない、ヴィヴラートが苦手、という苦手意識がありました。

担当するパートで指先の押さえ場所もコントロールする、すると音色も変わってきます。
メロディを演奏するのに適した押さえ方についてです。

指先の一点に狙いを定め弦を狙っていきます。
まずその為には爪を短くする必要があります。
指先に弦を置く事で弦に対して点で押さえるイメージですね。
この指先の弦の配置部位を変えるだけで同じように演奏してみるとトーンにハリがあり、ヴィヴラートも歌います。今までの指先の配置部位で演奏するとコンプがかった安定したトーンは得られますが歌いません。この押さえ方だと一音一音ニュアンスを付ける事ができ跳ねるようなトーンも得られます。
奥沢師匠はベースラインを演奏する5〜6弦側の指の配置を腹で押さえ、メロディ、トライアドでの高音側の指の配置を指先で押さえておられました。
つまり低音はベースのトーン、高音はメロディを歌わせるトーンと、弦を押さえる部位をコントロールする事で役割に住み分けをしているんですね。

この住み分けができると歌うようなハリのあるトーンとベースのタイトでマットなトーンを同時に演奏する事ができる。これはワンマンリズムセクションでの神髄かもしれませんね。

僕としましては有効な練習方法はやはり基礎の基礎であるクロマチックでの練習が一番だと思います。一音一音指先の配置を意識しながら練習するにはクロマチックが一番ですね。
しばしメロディを弾く指先の配置をコントロールできるように基礎練習に励みます。
皆さんもメロディを歌わせる為のテクニックを駆使する前に、基本的な指先の配置を意識してみて下さい。とても大事な部分だと思います。

paranoa最新動画/I WANT YOU BACK

2012-06-04T22:08:00.003+09:00

久しぶりに自身のユニットparanoaから最新PVアップしました！
曲はカバー曲でジャクソン５の「I WANT YOU BACK」です。
今回は絵コンテ、編集全てを相方の蘭ちゃんが手がけてくれました。
是非見てみて下さいね！

WEBサイトを作ろう！／head内の定義 metaタグ

2012-05-30T18:32:00.001+09:00

今回はhead内の記述についてです。
前回の続きになりますがhead内に定義する項目は非表示項目です。
外部からcssファイルを読み込んできたり、titleやkeywordsなど、直接表示画面には反映されない定義をする箇所なんですね。
このhead内の定義でseo対策等も行っていくので充実させるとより良いサイト作りができると思います。
head内にも色々なタグを入れ込む事ができますがその中で特に重要な5項目を説明していきたいと思います。
まず一番最初に文字のエンコードの指定が必要になります。
HTMLの記述で文字コードが指定されていないと、ブラウザはそのページに最初に記述されている文字のコードによって、そのページの文字コードを判別します。通常はこれで問題無いのですが、たまに文字化けを起こすことがあります。これを避けるためには、使用した文字コードを指定しておく必要があります。
今最もスタンダードな形式は「utf-8」という形式です。
このエンコードのタグをhead内に打ち込みます。
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> この記述をhead内に入れ込みます。

<head></head>の中に入っているか確認して下さいね。
このようにmetaのタグで囲みます。
<META>タグはその文書に関する情報（メタ情報）を指定して、ブラウザや検索ロボットに知らせるためのタグです。
このmetaのデータが無いとせっかくデザインにこったWebサイトを作ったとしても誰にも気付いてもらえないんです。
デザイン同様、meta要素も重要な項目なので是非覚えましょう！

それでは次に必要な2つめの定義は「title」です。
今から作り込んでいくサイトのタイトルになると同時に、このタイトルは検索した際ここに反映されます。

「title」はseo対策にも重要な項目なので「title」にサイト名を付けるだけでなく複合のキーワードで打ち込む事をお勧めします。
例えば。。
「東京ギターレッスン guitarcafe」
のようにサイト名＋絞り込みの情報も入れてあげて下さい。
一つの項目の指定だけだと競合他社がいる場合検索の上位にはなかなか食い込めません。
なるべくニッチでlocalな地域情報も入れてあげると絞り込まれて見て欲しいユーザーにリーチする事もできるかもしれません。
それでは、この「title」タグも入れてみましょう。

エンコードの下の行に入れました。
body内とは違ってタグを入れ込む順番は特にありません。
head内であれば自由にタグを配置してください。
次回は「keywords」と「description」についてです。

WEBサイトを作ろう！／headとbody

2012-05-27T18:21:00.000+09:00

前回は＜html＞＜/html＞のタグについてでしたが今回はこのhtmlタグの中に入れ込むタグについてです。
今回はheadとbodyという二つの大枠を作ります。
headは非表示項目、bodyは画面表示項目です。
headの非表示項目内にどのようなタグを入れ込んでいくのかというと、この文書のタイトル、文字コードの指定、外部ファイルを呼び込むタグ(cssファイルやjavascriptなど)、SEO対策であるキーワードの記述など、直接WEBサイトの画面表示に反映されないソースを入れ込む箱といった感じです。
それに対してbodyは画面表示、つまりブラウザを開きWEBサイトを視覚的に見た時に表示される画面のデータを入れ込む箱になります。
htmlファイルは基本的に<html></html>の箱の中に非表示項目であるheadという箱と、表示項目であるbodyという箱があり、その二つの箱の中に様々なデータを入れ作り込んでいくといった感じです。

では作り込んでいく前段階としてhtmlのタグの中にheadとbodyのタグを入れましょう。前回までのindex.htmlのファイルを開きます。

<html></html>の間に<head></head>と<body></body>のタグを入れます。必ず</>の終了タグを付けて下さいね。こんな感じ。

<html></html>同様いずれも今後ソースを入れ込んでいくため改行して<></>の間に間隔をあけて上げましょう。
index.html内でソースを改行しても画面表示には一切反映されないので視覚的に分かり易いように間隔を開けてあげると見やすいです。

「指2本で弾けるLET IT BE！」のタブ譜作成！

2012-05-26T22:52:00.000+09:00

遅くなりましたが「指2本で弾けるLET IT BE！」のタブ譜を作成しました。

分かりやすく左手、右手の配置が分かるように作ってみましたので動画と照らし合わせて是非やってみて下さいね！

WEBサイトを作ろう！／名前空間の宣言

2012-05-21T16:43:00.000+09:00

前回は最初にDOCTYPE宣言のタグを打ち込むという解説をしました。
この他に編集前にいくつか必要なタグがあるので記述しておきます。

最初にデータを入れ込む一番大枠の箱を作ってあげます。htmlのファイルの大枠です。ソースを入れ込む箱のイメージで考えて下さい。
＜html＞＜／html＞の中で編集を行っていきます。
この＜html＞〜＜／html＞の間に色々なタグや画像、WEB表示される全てのデータを入れ込みます。
これはもう絶対的なルールなのでそういうものだと思って覚えて下さいね。
補足ですが、この＜＞で囲まれたタグを「開始タグ」と言い、＜／＞で囲われたタグを終了タグと言います。
html言語は基本的にこの＜＞〜＜／＞で囲まれた中に色々な記述をしていきます。
必ず挟んで使うものなので＜＞〜＜／＞で囲われない文章はなんのデータも反映されない文字列で表示されてしまいます。
＜＞〜＜／＞で一つのタグと考えてください。
それでは前回の続きで一番最初にDOCTYPE宣言のタグを一番上の行にペーストしたらその次の行に＜html＞＜／html＞のタグを入れてみましょう。

こんな感じで＜html＞〜＜／html＞の間にタグを入れ込んでいくため＜html＞と＜／html＞の間隔を開けて打ち込んで下さい。
次の工程に進む前に一つ入れ込んでおくべきタグ、それが名前空間宣言です。
これはXHTMLがXML文章である事の宣言をする事なんだそうですが。。調べてみましたが具体的には分からなかったんですね汗
html言語は人間が視覚的に捉えやすい文章であるのに対してXML言語はコンピュータが読み込みやすい文章なんだそうです。xhtmlは基本的にhtml文章とほぼ同じだし互換性も高いのでこのxhtmlはhtmlとxmlに互換性があると言う事なのかもしれません。
xhtmlなんて名前だし両方に反映させる事のできる言語という事なのかもしれませんね。
とにかくDOCTYPE同様に必ず打ち込むべきタグなのでセットで覚えるようにしてください。
それと、DreamweaverやAptana、emeditor等はhtmlファイルを作成した時点でDOCTYPE同様、名前空間宣言タグが打ち込まれているのでいずれかを使用される方は特に意識する必要はないです。
それでは、このタグをどこに入れ込むのかというと。
htmlと＞の間に半角でスペースを入れます。

XHTMLの場合は html タグで次のような名前空間の宣言を行います。
「xmlns="http://www.w3.org/1999/xhtml"」
このタグを今のhtmlの後にペーストしてください。
つまりこういったタグになります。
<html xmlns="http://www.w3.org/1999/xhtml">

＜html＞の中に入れ込むタグなんですね。
これで名前空間の宣言もできたので「command＋S」で保存して下さい。
一番最初にバージョン、文章の宣言をして「このファイルで使われている言語は◯◯の◯◯なんだよ」とブラウザに教えてあげる事から始めるという事のようです。
基本的にはコピーペーストするだけなので難しくはないですが、勉強しないと知らない所でもありますねこういった所は。
これがhtml文章を作成する為の最低限ルールなので一番最初に言語の宣言をする。っと覚えて下さいね。

WEBサイトを作ろう！／doctype宣言

2012-05-17T18:02:00.000+09:00

今回はhtmlで一番最初にテンプレートに打ち込む必要のあるdoctype宣言についての解説です。

DOCTYPE宣言とは、そのページを作成したHTMLファイルのバージョンをブラウザに伝えるためのものです。
つまり「このファイルで使用されているhtmlの言語はhtml5だよ！」と、
使用するhtmlのバージョンをブラウザに伝える為に書くタグです。
doctype宣言をしっかりしないと従来の古いブラウザと同じ表示になってしまったり、文字の間隔が詰まる現象など問題が起きる事もあります。
使いやすいテキストアプリや統合開発環境であるAptana、Wysiwygのdreamweaver等は最初に新規ファイルを作成する際に、どの言語を使用するか選べます。
その時にhtmlファイルで作成するとデフォルトでdoctype宣言のタグが打ち込まれている状態から始まるのでいずれかを使用している方は特に意識する必要がありません。
macに最初から実装されている「テキストエディタ」などで作成する場合は自分でソースを入れ込む必要があるためそういった方は覚えた方が良いでしょう。

現在のWEBは、少しずつhtml5がスタンダードとして使用されはじめており、来年、再来年には完全に移行する可能性もありますが現在主に使用されているバージョンはXHTML0.1になります。
新規ファイルを作りデフォルトでdoctype宣言のタグが打ち込まれているdreamweaverやAptanaもバージョンはXHTML0.1です。
意欲的にhtml5で作り込みたい方はdoctype宣言のタグも、それに合わせたバージョンのソースに入れ替えましょう。

google検索で「doctype宣言」で検索するとバージョンごとにソースを紹介してくれているサイトが沢山あるのでまずは検索！
左遷しますがソースを打ち込む際、タグを暗記して覚えて、手打ちでソースを入力したとしても人間ですから、必ず打ち込みミスが出るものです。
ソースを暗記する事に時間を費やすよりも検索で必要なタグを探し、コピー＆ペーストで行った方がミスは出ません。
多く使用するべきタグは最低限知っておくのと、使用を理解してさえいればコピー＆ペーストで確実にソースを打ち込んでいく事の方が遥かに効率的だと思います。

検索してみるとXHTML0.1のバージョンも3種類あるのが分かると思います。
どのタグを選ぶかですが「XHTML 1.0 Transitional DTD」というバージョンのソースをコピー＆ペーストしてください。
このソースです。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

このソースを「command＋C」でコピーし。

テキストエディタから作成した「index.html」のテキスト画面一番上の行に「command＋V」でペースト。

そしてすかさず「command＋S」で保存してください。
これでdoctype宣言は完了です。

ちなみにhtml5のdoctype宣言のタグは。。

<!DOCTYPE html>

これだけです。。
僕はまだあまり使用していませんがhtml5は使い慣れたら凄いバージョンだと思います。
なんでも動きを付けたりする事ができたり、なんだか聞いた話で推測すると今までを覆すほど優れ、簡略化したバージョンなんだと思います。
っという事で今回はdoctype宣言についての解説でした。

WEBサイトを作ってみよう！/index.htmlを作る。

2012-05-17T00:09:00.000+09:00

今の音楽人はWEBに精通している事が必須だと思います。
自分という存在をネットワークの中で知ってもらう為にはブログにしてもWEBサイトにしても媒体が必要です。
特に起点となる言語はやっぱり今も昔もHTML、それとCSSです。
ブログ主体の方はHTMLだけでも概要を知っていると重宝すると思います。
今僕も勉強中なので覚えた事は復習がてらできるだけ投稿していこうと思います。
まず最初にデスクトップで構わないので空欄箇所を右クリックし、「新規フォルダを」で新規フォルダを作ります。
フォルダ名は分かりやすい名前に変更しましょう。
僕はとりあえず「paranoasite」と付けました。

WEBサイトを作りたい場合はまずテキストエディタやメモ帳等でソースを書き込む必要があります。ですのでまずはテキストエディタを開きましょう。僕はmacなので元々実装されているアプリケーション「テキストエディタ」を使います。

このファイルを保存する際に「index.html」という名前で保存しましょう。

語尾にhtmlを付けるとそのファイルはhtmlファイルになります。
自分が誰かのサイト（URL）にアクセスした場合に最初に表示されるファイルは「index.html」または「index.htm」となります。
必ず、「index.html」または「index.htm」とファイル名をつけたホームページのファイル（HTMLファイル）を作成してください。

保存する前に注意していただきたいのがファイル形式をUTF-8にしてください。
現在のWEBは一般的にUTF-8が使われるようで別のファイル形式にすると文字化けしたり、正しく画面表示されない可能性があるからです。
ファイル形式を確認してから先ほどデスクトップに作ったディレクトリの中に保存してください。
これで一番最初の準備が整った状態です。
作り込み方は感覚的かつ簡単にWEBサイト制作のできるWYSIWYG（ウィジウィグ）で有償のDreamweaver、無償のBluegriffon、統合開発環境であるAptanaStudio、テキストエディタで作り込んだりと様々です。
個人的にはAptanaStudio、あとはテキストツール系で使いやすい「emeditor」が良いですね。
結局作り込む中身のソースは変わらないのでそれぞれ使いやすいソフトを使ったら良いんじゃないでしょうか。
DreamweaverやBluegriffonは便利すぎてhtmlの理解が薄くても作り込めてしまいますが、ソース崩れがおきやすく、知識がないとソース崩れを直したりできないデメリットが。。
どの道、知識が必要ならソース崩れのおきないソフトの方がイイという結論ですね。
こんな感じでWEBサイトを作成する順序でマイペースに書いてみます。
自分の勉強にもなりますしね。

ウクレレクリニック@Cafe菜の花亭

2012-05-13T20:53:00.000+09:00

Acousphere Guitar School presents
ウクレレクリニック@Cafe菜の花亭

みなさんこんにちは！ギタリスト／ウクレレプレイヤーの麻生洋平です！きたる5月13日（日）に東京南荻窪のカフェ菜の花亭を会場にウクレレクリニックを開催します！ウクレレを買ったけれども練習方法が分からない初心者の方やリズムの取り方が分からない方のために、分かり易くウクレレの弾き方をお教えします！お持ちのウクレレを持ち寄って、いっしょに楽しく音楽を演奏しませんか？
詳しくはこちら＞＞

CMSテンプレートについて

2012-04-27T20:57:00.000+09:00

今のWebはCMSテンプレートを使用が主流です。
CMSテンプレートとは、基本的にはWebの知識が無くても手軽にWebサイトを構築できるコンテンツ管理システムの事です。
いままでブログを使用していた人でしたら簡単に、かつクオリティの高いWebサイトを作り込む事ができます。
ブログのように表示させるのも、Webサイトのように表示させるのも自由です。管理画面（ダッシュボード）付きで更新が簡単。
知識が無くても作り込め、更新作業、運用も簡単なのでとても効率が良いので主流になってるんですね。今主流の4つのCMSテンプレートを簡単な図に表してみました。
良かったら参考に見てみて下さいね。
個人的には今WordPressを勉強しています。
プラグインの数、デザインテンプレートの数が多く、
例えば一つのWebサイト内でメニュー以外にブログを二つ作るとか、
ブログ更新をTwitter、facebookに反映させるとか、
お問い合わせフォームを簡単に実装するとか。
アクティブにするだけでSEO対策してくれるとか、
アナライザーなんかもプラグインで簡単に実装できますね。
ただデザイン面はたくさんのテンプレートはありますが大きく見て形が何となく決まっている感はあります。
google検索でたくさんのフリーテーマを見る事ができるので興味のある方は調べてみて下さい。
多分〜万単位でテーマがあります。
「こうしたい」「あ〜したい」という要望はほぼ叶えられるという事は解ったんですが実はカスタマイズをする際に専門知識が必要で、カスタマイズができないと本当の意味で作り込む事ができないのも事実です。
デフォルトの状態でも十分という方は試しに実装してみるとイイと思います。
最近はデザイン面の自由度の高い「ModX」、日本語対応もされこれから主流になる可能性のある「Drupal」は興味津々です。

以上、CMSテンプレートについてでした。

Raul Midon/State Of Mindのギターリフを弾いてみよう！

2012-04-23T19:04:00.001+09:00

こちらがタブ譜になります。
クリックすると大きくなります。ご確認下さい。
それでは解説です。
タブ譜の中に「T」という表記があります。
これは「タッピングハーモニクス」の事です。

タッピングハーモニクスは指板上の弦を指で叩く奏法の事です。
このテクニックには色々な演奏する上でのロジックがあります。

細かな記事は師匠であるAcousphere奥沢茂幸師匠が細かく解説して下さっています！

タッピングハーモニクスの解説

続けてタブ譜の中の表記に「G」という表記がありますね。
これは「ゴーストノート」を示しています。
演奏の方法ですがこちらは左手のテクニックになります。

右手のタッピングと左手のゴーストノートが絶妙のタイミングで入ってきているんですね。
このゴーストノートはRaulMIdonさんの場合タッピングに近いほどパーカッシブルに左手で叩いています。
むしろ左手タッピングと表記した方が良かったかもしれませんね汗

右手のタッピング同様左手も弦から空間を空け叩き付けるように弦に触れます。
ここが一番難しいと感じた所なんですが、叩き付けたからといって実音は出さないように気をつけましょう。
つまり勢い良く弦を叩くのにミュートした「パコッ」という音を出さなければならないので難しいです。ここで実音がでてしまうとキレがなくなります。
正直、実際の楽曲のスピードで演奏すると実音がでてしまいかなり四苦八苦してしまいました。
この左手のタッピング、ないしはゴーストノートがこの楽曲のキレを左右する部分だと思います。
それではこちらが演奏動画になります。

左手、右手の動きがよく分かるように動画を作りました。
スローバージョンも収録したのでタブ譜と照らし合わせながら練習してみてください。
演奏法が独得で実際の楽曲に近い演奏をするにはゆっくり練習する必要があると思います。
左手、右手のコンビネーションがなじむまで弾きこんで、それから徐々にスピードを上げていく練習が効果的だと思います。
面白いアレンジメントだと思うので是非挑戦して下さいね！