じゃあ、三角関数の何がわかればいろんな動きができるのか

●何を計算するのかをざっくりまとめ



①ぐるぐる回る


距離を固定して、３６０度回転させるためのXとYを計算する



②波打つ（横・縦）
　

進ませる方向（Xまたは、Y）を増やすようにして、
ながほそい円をぐるぐる回す



③外に拡散・または内に密集
　

角度を固定して、距離を伸ばすXとYを計算する



④それぞれが違う動きをする


（例）角度をランダムにして、距離をカウントなど使って変更させる





●計算方法

必要なもの、距離・角度・X座標・Y座標・・・ぐらい？


①～④の場合

①距離が固定（半径）を『100』だとして、角度はずっと回ってほしいので0～360

角度＝進んだら『++1』の関数入れる

X座標＝Math.floor((Math.cos(角度)*100))

Y座標＝Math.floor((Math.sin(角度)*100))

距離＝

角度＝

X座標＝

Y座標＝



-----------　参考サイト　-----------------

・ParaflaScript講義
http://www.geocities.jp/dr0p4u/how2/pskoza11.html

スマホ、タッチイベント メモ

・iPhone/Android/PC 対応。jQuery で書くタッチイベント (フェンリル | デベロッパーズブログ)
http://blog.fenrir-inc.com/jp/2011/06/ios_android_pc_touchevent.html


・web帳 | スマートフォン JavaScript タッチ、フリックイベント実装
http://www.webcyou.com/?p=3121




【タッチイベント】

touchstart（タッチスタート）…タッチしたら○○

touchmove（タッチムーブ）…タッチしたまま動かしたら○○

touchend…（タッチエンド）…タッチが離れたら○○

touchcancel…（タッチキャンセル）…タッチしてるときに電話とかがかかってきたら○○

gesturestart

gesturechange

gestureend

配列のメソッドについてのメモ

jQuery の配列系のメソッドをメモしとこ - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20081121/jquery_array

配列のメソッドについてのメモ

jQuery の配列系のメソッドをメモしとこ - てっく煮ブログ
http://d.hatena.ne.jp/nitoyon/20081121/jquery_array

プロパティの追加と削除

 ・プロパティの追加と削除 - オブジェクト - JavaScript入門
http://ajaxtower.jp/js/object/index5.html

プロパティとメソッドの違い

オブジェクトは、中味がプロパティとメソッドで構成されています。

（プロパティとメソッドの違いは何ですか？ - Yahoo!知恵袋/meigorrさん ）
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1321862693

画像拡大 まわりが黒い【jQuery】

オーバーレイ

・オーバーレイ | よく使うjQuery
http://finefinefine.jp/web/kiji1243/

documentオブジェクト

documentオブジェクトとは？

HTML文書ページをオブジェクトにしたもの
 （JavaScript-documentより↓）
 http://kde.is.tsukuba.ac.jp/~hironori/JavaScript/document/index.html

かき方↓
（JavaScriptリファレンス）
http://htmq.com/js/index.shtml#js_document

googleブログでｊQuery使う

テンプレートのhead部分にjQuery読み込む

 jsファイルは、データをUPする用につくったサイト（googleブログに、ファイルをアップロードする方法）にUPして、そのままURLをかけばOK

アメブロ広告移動

一番上のでっかい広告を移動させる。

【jQuery】で移動させているらしい

プラグインの追加→ フリープラグイン


これをコピペ↓

<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery','1')</script>
<script>(function(j){j(function(){$=jQuery=j})})($)</script>

<script type="text/javascript">
$(function(){
$(".headerBnrArea").insertAfter(".●●");
});
</script>

★…jQueryつかいまっせの意味（*1）

★…バナー広告のボックス

★…移動したいボックスのclass名

insertAfter…指定した要素の後に挿入



指定した要素だからクラスがかかってる＜div＞をそのまま指定した＜div＞に挿入する



*1…この３行目は、アメブロ自体が読み込むjQueryじゃなくて最新版を使えるようにしているらしい

とてもわかりやすく解説しているサイト↓

アメブロのフリープラグインで最新バージョンのjQueryを使う方法 - アメブロカスタマイズ図書館 http://ameblo-customize.com/index.php?customize_jquery



アメブロカスタマイズで成功するブログを作ろう
http://ameblo.jp/wazameba/entry-10626965362.html

WordPressを使ってみる② CSSの手順をちゃんとやってみる 【WordPress】

--　参考サイト　--

【wordpressのプラグイン作成中につまずいたローカライズ（地域化）、多言語対応について】 | 今村だけがよくわかるブログ
http://www.imamura.biz/blog/cms/wordpress/3556

WordPressを使ってみる① 【WordPress】

*参考本*
 
※2009年の発行のため中身がだいぶ違います



●テーマをダウンロードしてみる

管理画面→ダッシュボード→別のテーマに変更する→テーマのインストール


インストール完了後に有効化でテーマが変更

あとで反映させたいときは、そのまま特に何もしたくなければ、OK。


好きなテンプレートをインストールしてきても英語版が多い。

勉強する段階ではデフォルトでよいかも



★テーマがダウンロードされた場所

 【コンピューター】→【xampp】→【htdocs】→【wordpress】→【wp-content】→【themes】

↑最初から入ってるテーマもこの中


【xampp】をインストールしないとない

【wordpress】もたしか名前が変更できたような…

　→ここで確認（ワードプレスのインストール手順）





●CSSの変更 テーマ：『twentytwelve』

※注：CSSを修正して、オリジナルのCSSをつくるとき、
元あるCSSはいじりません。いじらない方がいい。

詳しくは↓↓親切に解説されてるサイト

【重要】WordPressテンプレートのカスタマイズ前に子テーマをつくる方法CSS篇｜ThePresentNote
http://presentnote.com/child-theme-customaize/





そんなの関係ないわと思ったら↓


★管理画面のテーマ編集からCSSを編集

そのままCSSを追加して「ファイルを保存」


★DreamweaverでCSS変更

【themes】の中のテーマフォルダ（twentytwelve）の中のstyle.cssをDreamweaverで開いて編集して保存

★CSSを追加したい場合
CSSを追加したい場合は↑のサイトと同じようにつくる





--脱線---

----- CSSのコメント欄になんてかいてあるのか和訳 -----


Theme Name: …テーマの名前
Theme URI…テーマのホームページ（ワードプレスのサイトのテーマの詳細みたい…）
Author:…製作者の名前
Author URI:…製作者のサイトのＵＲＬ
Description:…テーマの簡単な説明
Version:…バージョン番号
License:…ライセンス（GNU…自由に使ってもいいよ～っていう意味）★1
License URI…ライセンスについてのＵＲＬ★2
 Tags:…
Text Domain:… ローカライズ★3させるためのもの（それぞれの母国語に和訳・英訳その他もろもろの言語にするもの推奨らしい）※そのままただかくだけじゃダメ


★1

GNUってなに？↓

・GNUとは【GNU is Not Unix】 - 意味/解説/説明/定義 ： IT用語辞典

http://e-words.jp/w/GNU.html

自由に使うのはどこまでか気になったら↓

・オープンソースソフトウェアなどで、利用する時のライセンスに「.. - 人力検索はてな
http://q.hatena.ne.jp/1148045636


★2
ＵＲＬとＵＲＩの違いがきになったら↓

・URLとURIは何が違うの？ どちらが正しい呼び方？ | Web担当者Forum
http://web-tan.forum.impressrd.jp/e/2010/03/09/7539


★3 ローカライズさせるためのもの（それぞれの母国語に合わせる？語源の選択？）


ローカライズとは↓
・ローカライズとは (localize)： - IT用語辞典バイナリ
http://www.sophia-it.com/content/%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%A9%E3%82%A4%E3%82%BA

※翻訳させるためには、詳しくはこちら↓↓

↓ 【wordpressのプラグイン作成中につまずいたローカライズ（地域化）、多言語対応について】 | 今村だけがよくわかるブログ
http://www.imamura.biz/blog/cms/wordpress/3556

↑によると、

どこかに言語ファイルを指定しているところがある

インストールされたフォルダの中に「languages」を発見

拡張子は【pot,po,mo】のいずれか、テキストエディタで開いてもよくわからないので無視

あと、言語指定やプラグインフックは【functions.php】ファイルに記述してあった

【config.php】ファイルは、

htdocs→wordpress→wp-includes→js→tinymce\plugins→spellchecker（←この中にある）


**　拡張子　**

pot…PowerPoint
po…UNIX系のシステムで使用される言語ファイル
mo…UNIX系システムで使用される言語ファイルをロケール化したものをコンパイルしたファイル

（拡張子辞典 - CCfA.info　(List of Japanese File Extensions) より）

メモメモ【WordPress】

●WordPressのメリットデメリット
　　　　↓

初めてのWordPress&PC
http://word-express.net/merit-demerit


●WordPressを部分的に使う
　　　　↓
Wordpressと静的ファイルを共存させて部分CMS化する | webOpixel
http://www.webopixel.net/wordpress/206.html


●WordPressでjQueryをつかうとき
　　　　↓

WordPressでjQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと.net

 http://kachibito.net/web-design/wordpress-with-jquery.html

↓まずはここから（バージョンは無視）

Webデザイン どこからかのメモ

□デザインにより導かれるユーザーの行為

→見る側に、的確な情報を伝えるためのアイコンや色

→内容をイメージしやすいデザイン（内容の手助け）

□「にぎわい」の演出は、数字を使う

□記事へのテキストリンクは13文字以内…（未完成なものほど読みたくなる）

→ターゲットへの呼びかけ「朝が弱いあなたへ」「夜型人間のあなたへ…」など

□配色のイメージ力（背景色は全体のイメージ）

→鮮やかなものは、目が行く（最初に）

→文字は読ませるために使うもの

□カラフル→躍動感　シンプル→統一感
（視点を定めるものではない。のであれば躍動感を重視してもOK）





------------参考サイト---------------------

Web-DAYsign　--毎日語るWebデザイン事例--
http://web-daysign.net/