昨年の作品。
漆陶芸家渡邊希さんと, sound composer funaihayaki のコラボ作品[漆塗りのお箸とCDのセット] 好評販売中です。 http://ow.ly/7W5pI http://ow.ly/7W5qz
ネットで商売する際、利用規約画面の表示のさせ方について色々勉強中①
さて、来年はほぼ同時期に色々サービス開始時期が見えてきたので、電子商取引について法律的に色々勉強中。経済産業省HPより http://www.meti.go.jp/press/2011/06/20110627001/20110627001.html
webサービスサイトへ登録する際によくある利用規約について。同意クリックと、規約が誰が見ても分かる場所に明瞭に記載されている必要がある、というのが当面の見解らしかったのだが。 「電子商取引及び情報財取引等に関する準則（経済産業省）」
→2011年６月に改訂
例えば、購入ボタンが表示される画面にわかりやすくサイト利用規約へのリンクを設置する等、当該取引がサイト利用規約に従い行われることを明示し且つサイト利用規約を容易にアクセスでき るように開示している場合。
必ずしもサイト利用規約への同意クリックを要求する仕組みまで なくても、購入ボタンのクリック等により取引の申込みが行われることをもって、サイト利用規約の条 件に従って取引を行う意思を認めることができる。
・・・又改訂はあるでしょうけど、世間一般的にインターネットリテラシーのある程度の高まりに合わせて、利用者側の責任あるから気をつけてくださいね、的な方向に修正ってことみたいですかね。今のITの常識を色々と知っていかねば。
webサービスサイトへ登録する際によくある利用規約について。同意クリックと、規約が誰が見ても分かる場所に明瞭に記載されている必要がある、というのが当面の見解らしかったのだが。 「電子商取引及び情報財取引等に関する準則（経済産業省）」
→2011年６月に改訂
例えば、購入ボタンが表示される画面にわかりやすくサイト利用規約へのリンクを設置する等、当該取引がサイト利用規約に従い行われることを明示し且つサイト利用規約を容易にアクセスでき るように開示している場合。
必ずしもサイト利用規約への同意クリックを要求する仕組みまで なくても、購入ボタンのクリック等により取引の申込みが行われることをもって、サイト利用規約の条 件に従って取引を行う意思を認めることができる。
・・・又改訂はあるでしょうけど、世間一般的にインターネットリテラシーのある程度の高まりに合わせて、利用者側の責任あるから気をつけてくださいね、的な方向に修正ってことみたいですかね。今のITの常識を色々と知っていかねば。
仕事内容
寒くなってまいりました
さて、年の瀬って事もありますし、前回記事にも書きました最近の我々の組織の仕事内容まとめです。
◯タブレット,スマートフォン向けアプリの開発
・・・短期スケジュールでシンプルなアプリ制作請け負い、長期スケジュールにてアプリとwebサービスの連動したサービス請け負い等、現在四苦八苦で開発中です。
◯web制作
・・・デザイン,システム構築,FLASH,サーバー環境構築（wordpressとかjavascriptとか主に）等で複数案件でお世話になりました。
◯web周り管理一括
・・・主にIT関係の部署がない会社さんとITコンサル的の契約を交わし、ドメイン取得からサーバー,HPの運用を一括代行。社内ネットワーク構築（wifi環境やプリンターセットアップ）等も請け負い、出向してお邪魔しながら業務しております。
◯webに使用する商品の撮影
・・・web掲載商品, コーポレート向けの施設外観撮影を数点請け負わせていただきました。
◯映像制作
・・・業者向け映像作品制作請け負い。 シナリオ起こしから,撮影編集まで。社内研修からPV迄。
◯映像とWEBの連動サイト制作
・・・映像制作の会社さんと、タッグを組んでWEB制作迄をセットにして, 制作請け負いの事業を新規に立ち上げました。
◯印刷物制作
・・・WEB制作のチラシ／フライヤーをデザイン,制作請け負いました。
◯音楽制作
・・・TV番組使用BGMトラック制作, リズムアレンジ,出演者用オケカスタマイズ等。タブレット,スマートフォンアプリ用サウンド設計,制作。モーショングラフック用BGM制作。美術館向け館内BGM制作。
建築物紹介web,アプリの環境音収拾,ミックス,トラック制作,SE制作。等を請け負わせていただきました。
◯その他コンサルティング（相談）
・・・現在紙媒体の社内報、DVD等マニュアルをPC,スマートフォン,タブレット、全てのIT機器で共有したい、ブログやFACEBOOKをカスタマイズしたい、費用をあまりかけずにアプリでアイデアを形にしてみたい等々...様々なご相談をヒアリングして、有効な手段を提案,アテンドし、解決してまいりました。
これら弊社への発注に繋がる事はなくとも、IT技術が相談者と顧客とのコミュニケーションの架け橋になれればと思って取り組んでおります。私達にとっても、かけがえのない勉強の機会ですので,ご相談のみでも楽しみにお待ちしております。 モチロン相談は無料です!
写真は、仕事中の写真を探したらこれくらいしか無かった...環境音をWEBにくっつける案件での録音時の様子です。
クラウドプロダクションを今後とも宜しくお願いいたします。
さて、年の瀬って事もありますし、前回記事にも書きました最近の我々の組織の仕事内容まとめです。◯タブレット,スマートフォン向けアプリの開発
・・・短期スケジュールでシンプルなアプリ制作請け負い、長期スケジュールにてアプリとwebサービスの連動したサービス請け負い等、現在四苦八苦で開発中です。
◯web制作
・・・デザイン,システム構築,FLASH,サーバー環境構築（wordpressとかjavascriptとか主に）等で複数案件でお世話になりました。
◯web周り管理一括
・・・主にIT関係の部署がない会社さんとITコンサル的の契約を交わし、ドメイン取得からサーバー,HPの運用を一括代行。社内ネットワーク構築（wifi環境やプリンターセットアップ）等も請け負い、出向してお邪魔しながら業務しております。
◯webに使用する商品の撮影
・・・web掲載商品, コーポレート向けの施設外観撮影を数点請け負わせていただきました。
◯映像制作
・・・業者向け映像作品制作請け負い。 シナリオ起こしから,撮影編集まで。社内研修からPV迄。
◯映像とWEBの連動サイト制作
・・・映像制作の会社さんと、タッグを組んでWEB制作迄をセットにして, 制作請け負いの事業を新規に立ち上げました。
◯印刷物制作
・・・WEB制作のチラシ／フライヤーをデザイン,制作請け負いました。
◯音楽制作
・・・TV番組使用BGMトラック制作, リズムアレンジ,出演者用オケカスタマイズ等。タブレット,スマートフォンアプリ用サウンド設計,制作。モーショングラフック用BGM制作。美術館向け館内BGM制作。
建築物紹介web,アプリの環境音収拾,ミックス,トラック制作,SE制作。等を請け負わせていただきました。
◯その他コンサルティング（相談）
・・・現在紙媒体の社内報、DVD等マニュアルをPC,スマートフォン,タブレット、全てのIT機器で共有したい、ブログやFACEBOOKをカスタマイズしたい、費用をあまりかけずにアプリでアイデアを形にしてみたい等々...様々なご相談をヒアリングして、有効な手段を提案,アテンドし、解決してまいりました。
これら弊社への発注に繋がる事はなくとも、IT技術が相談者と顧客とのコミュニケーションの架け橋になれればと思って取り組んでおります。私達にとっても、かけがえのない勉強の機会ですので,ご相談のみでも楽しみにお待ちしております。 モチロン相談は無料です!
写真は、仕事中の写真を探したらこれくらいしか無かった...環境音をWEBにくっつける案件での録音時の様子です。
クラウドプロダクションを今後とも宜しくお願いいたします。
3年経った
今回は、かなり個人的な回顧録です。舟井です。
個人的に凄く好きなトリックスター的なスタッフが体調的な諸事情により,離れてしまって、悲しい最近の我々です。
トリックスター兼クレイジーで、いつも悪いことを頭の端で考えている素敵な人。
スパイスで言えば、ベイリーフやカフィアライムみたいに新しい風味と可能性を与えてくれる。
音楽のミックスで言うと、コンプレッサーのrelease設定の様に、圧縮した原音の持ち味の出し方のバリエーションを提供してくれる。
自転車で言えば、ピストみたいに一辺倒に突っ込んじゃう。
こんな人はそうはいない。
ま、そんなタイミングもあって久々日記っぽいことを。
思えば3年前、所属していた会社を飛び出しまして。
それから暫くして心の赴くままにやろうと決意の筆をとり、フリーランサーとして2年間、なんとか音楽の仕事とwebの仕事を頂きながら存命。
今年の3月に、法人組織化して9ヶ月程経ちました。
元々「3年」というのを自分の中の節目に決めてました。
自分のやり方で「3年」間、食えないならば、その道は諦めようと。
まさかその3年の途中で法人化をする事になるとは思わなかったですが。。。
「なんで会社をはじめたの？」「どんな仕事をしてるの？」と聞かれることも多いのでまずはその辺を纏めておきたいと思います。
それは、一番の理由は自分みたいなフリーでなんとか食ってる人はそれなりにいるんだけど、
一匹狼達が協力し合えばもっとたくさんの技術や企画、文化の提供が可能になるのでは？ というふつふつと湧いていた思い。
一匹狼のデメリットとして、完全に個人のノマドワーカー（固定のオフィスを持たないでどこでもマイオフィス化してノートPC等でさっそうと仕事をする人達）やsoho（自宅件事務所で仕事をする人たち）の形で仕事を受注しているとかなりロスする部分もある。
この場合のロスっていうのは、仕事を発生させる場合の受注者側の社会的信頼性等から換算される効率性・生産性的なロス。コネが無い,無くなった, 新規でやるしかない場合の仕事を得るまでの労力的ロス。
このロスに気づきながらも、自分自身の価値観を変える必要を感じない人は、フリーランサーを
続けてゆく。
私の場合は、そのやり方は、比較的景気の良い現在の日本だから出来たんだろうな、
と思うし、何故か以前のサラリーマン時代からそういった人物との出会いに恵まれてきたので、よっぽど稼げて名前が通るくらい有名になったとしてもこれから先は「生存率が低い」という見通しを感じてしまった。
フリーランサーのクリエイト力の問題というよりは、日本（もはや世界的に）における社会情勢と、仕事への技術評価＝仕事単価の変化っぷり＝消費する物価の単価の下降っぷり、で想像は出来る。
それでも最近新たに面談したかたでも、相当「売れて」らっしゃるクリエーターさんも勿論いる、なので、基本的に「傾向」の話ではあります。
まあ云々カンヌン理屈は長くなるので省略しますが、そういった背景を踏まえて会社を作った理由。
一つ目は、「仕事の受け皿は, 専門的であっても, 見た感じ広いほうがよい」
二つ目は、「気持ちの拠り所」「芯」「心の掟」
（ノマド等のフリーランサーは特に心との戦いが意外に大きい部分です。なまじ自由なだけに締め方が肝心。なによりも、それを決める事から自分たちで一からやるという行動がプリミティブなクリエイティブで心が強くなる。 ）
三つ目は、「これまで好きでやって来た音楽やwebの制作や開発をより一層、一つの集合体として深く探求することが出来る。」
特に資金や物質的な環境面もかなり乏しい中立ち上げてしまったので、色々なことを周りにも言われたけど、マトモな事務所や安定した給料が「今すぐに」欲しければ既に安定している（安定しそうな）、会社に就職した方が良い。そしてそういう人生が良かったなら、突然上京や脱サラなんてしなかったし、仲間を巻き添え食らわさなかったし、そんな後悔だけはしたく無い。
まあ、そんな資金の準備もなく起業しちゃったのか？ と言われたらそれまでですが、とにかく私の人生自体が ”思いついたら実行してみること” で成り立っているから、準備のないこと自体は毎回の事。
自分の性格はそう簡単には変わらないだろうから、それは活かすしかない。
でも時代背景というのはどんどん変わるし、今なんて産まれた頃から色々なことが変わりすぎて予想どうり生きてこれた人なんていないんじゃないだろうか。
ということは、「強く自分であれ」、「縛られるな」、そういう事になってくるのかなとか、そう考えました。
ずっと普通になりたかった自分と仲間達が、ついに普通を諦めた瞬間の一つでもある、とも言えます。
あと、仲間って言語が好きです。 自分の音楽の営業はした事ないし、これからもする気はないけど、ウチのスタッフの為の営業ならいくらでも出来る。
仲間が誰かってことよりも、私が仲間フェチともいえるかな笑 自分より仲間の方が堂々と外に出せる。育った環境のせいか、私は自分を常に否定してしまう。それなのに自分で全部決めたくなる様なワガママ野郎なのです。困ったことに。
それでもそれを肯定しながら生きていく為には、こういう生き方しかなかったのかもしれません。
その芯を失わない法的な人格, そういう気持ちで「クラウドプロダクション」という"法的な人格"を作った。
クラウドプロダクションの企業理念
・我々の技術を社会へ還元する
・古い概念新しい概念を疑い 求められる本質を見極める
・常に目標からの逆算視点を怠らない
まあモチロン、未だ大きな成果を上げてるわけでもないので、本当の"レシピ"は書けませんが。
自分の心の記憶も兼ねて。
それにしても書き始めたらやっぱり長くなってしまったので、仕事の内容は又次回に。。
個人的に凄く好きなトリックスター的なスタッフが体調的な諸事情により,離れてしまって、悲しい最近の我々です。
トリックスター兼クレイジーで、いつも悪いことを頭の端で考えている素敵な人。
スパイスで言えば、ベイリーフやカフィアライムみたいに新しい風味と可能性を与えてくれる。
音楽のミックスで言うと、コンプレッサーのrelease設定の様に、圧縮した原音の持ち味の出し方のバリエーションを提供してくれる。
自転車で言えば、ピストみたいに一辺倒に突っ込んじゃう。
こんな人はそうはいない。
ま、そんなタイミングもあって久々日記っぽいことを。
思えば3年前、所属していた会社を飛び出しまして。
それから暫くして心の赴くままにやろうと決意の筆をとり、フリーランサーとして2年間、なんとか音楽の仕事とwebの仕事を頂きながら存命。
今年の3月に、法人組織化して9ヶ月程経ちました。
元々「3年」というのを自分の中の節目に決めてました。
自分のやり方で「3年」間、食えないならば、その道は諦めようと。
まさかその3年の途中で法人化をする事になるとは思わなかったですが。。。
「なんで会社をはじめたの？」「どんな仕事をしてるの？」と聞かれることも多いのでまずはその辺を纏めておきたいと思います。
それは、一番の理由は自分みたいなフリーでなんとか食ってる人はそれなりにいるんだけど、
一匹狼達が協力し合えばもっとたくさんの技術や企画、文化の提供が可能になるのでは？ というふつふつと湧いていた思い。
一匹狼のデメリットとして、完全に個人のノマドワーカー（固定のオフィスを持たないでどこでもマイオフィス化してノートPC等でさっそうと仕事をする人達）やsoho（自宅件事務所で仕事をする人たち）の形で仕事を受注しているとかなりロスする部分もある。
この場合のロスっていうのは、仕事を発生させる場合の受注者側の社会的信頼性等から換算される効率性・生産性的なロス。コネが無い,無くなった, 新規でやるしかない場合の仕事を得るまでの労力的ロス。
このロスに気づきながらも、自分自身の価値観を変える必要を感じない人は、フリーランサーを
続けてゆく。
私の場合は、そのやり方は、比較的景気の良い現在の日本だから出来たんだろうな、
と思うし、何故か以前のサラリーマン時代からそういった人物との出会いに恵まれてきたので、よっぽど稼げて名前が通るくらい有名になったとしてもこれから先は「生存率が低い」という見通しを感じてしまった。
フリーランサーのクリエイト力の問題というよりは、日本（もはや世界的に）における社会情勢と、仕事への技術評価＝仕事単価の変化っぷり＝消費する物価の単価の下降っぷり、で想像は出来る。
それでも最近新たに面談したかたでも、相当「売れて」らっしゃるクリエーターさんも勿論いる、なので、基本的に「傾向」の話ではあります。
まあ云々カンヌン理屈は長くなるので省略しますが、そういった背景を踏まえて会社を作った理由。
一つ目は、「仕事の受け皿は, 専門的であっても, 見た感じ広いほうがよい」
二つ目は、「気持ちの拠り所」「芯」「心の掟」
（ノマド等のフリーランサーは特に心との戦いが意外に大きい部分です。なまじ自由なだけに締め方が肝心。なによりも、それを決める事から自分たちで一からやるという行動がプリミティブなクリエイティブで心が強くなる。 ）
三つ目は、「これまで好きでやって来た音楽やwebの制作や開発をより一層、一つの集合体として深く探求することが出来る。」
特に資金や物質的な環境面もかなり乏しい中立ち上げてしまったので、色々なことを周りにも言われたけど、マトモな事務所や安定した給料が「今すぐに」欲しければ既に安定している（安定しそうな）、会社に就職した方が良い。そしてそういう人生が良かったなら、突然上京や脱サラなんてしなかったし、仲間を巻き添え食らわさなかったし、そんな後悔だけはしたく無い。
まあ、そんな資金の準備もなく起業しちゃったのか？ と言われたらそれまでですが、とにかく私の人生自体が ”思いついたら実行してみること” で成り立っているから、準備のないこと自体は毎回の事。
自分の性格はそう簡単には変わらないだろうから、それは活かすしかない。
でも時代背景というのはどんどん変わるし、今なんて産まれた頃から色々なことが変わりすぎて予想どうり生きてこれた人なんていないんじゃないだろうか。
ということは、「強く自分であれ」、「縛られるな」、そういう事になってくるのかなとか、そう考えました。
ずっと普通になりたかった自分と仲間達が、ついに普通を諦めた瞬間の一つでもある、とも言えます。
あと、仲間って言語が好きです。 自分の音楽の営業はした事ないし、これからもする気はないけど、ウチのスタッフの為の営業ならいくらでも出来る。
仲間が誰かってことよりも、私が仲間フェチともいえるかな笑 自分より仲間の方が堂々と外に出せる。育った環境のせいか、私は自分を常に否定してしまう。それなのに自分で全部決めたくなる様なワガママ野郎なのです。困ったことに。
それでもそれを肯定しながら生きていく為には、こういう生き方しかなかったのかもしれません。
その芯を失わない法的な人格, そういう気持ちで「クラウドプロダクション」という"法的な人格"を作った。
クラウドプロダクションの企業理念
・我々の技術を社会へ還元する
・古い概念新しい概念を疑い 求められる本質を見極める
・常に目標からの逆算視点を怠らない
まあモチロン、未だ大きな成果を上げてるわけでもないので、本当の"レシピ"は書けませんが。
自分の心の記憶も兼ねて。
それにしても書き始めたらやっぱり長くなってしまったので、仕事の内容は又次回に。。
web備忘録 sendmailでプロバイダを経由してメールが送れないのを解決。
表題のことをやろうとしたら、
前に書いた記事にプラスでひっかかったので解決方法を書いておく。
今回はPHPのメール関数で送る。
まったくうまくいかなかったので、ログを見てみる。
/var/log/maillog -------------------------------
Nov 22 15:08:46 localhost sendmail[22018]: ***********: from=apache, size=105, class=0, nrcpts=1, msgid=<***********@localhost.localdomain>, relay=apache@localhost
Nov 22 15:08:47 localhost sendmail[22019]: ***********: from=, size=342, class=0, nrcpts=1, msgid=<***********@localhost.localdomain>, proto=ESMTP, daemon=MTA, relay=localhost.localdomain [127.0.0.1]
Nov 22 15:08:47 localhost sendmail[22018]: pAM68jNr022018: to=***********@****.**.**, ctladdr=apache (48/48), delay=00:00:02, xdelay=00:00:01, mailer=relay, pri=30105, relay=[127.0.0.1] [127.0.0.1], dsn=2.0.0, stat=Sent (*********** Message accepted for delivery)
-------------------------------------------------
…よくわからない。なのでまたport25の設定なのかと思い、
今度はsendmailの設定を下記のページを参考にいじる。
http://centossrv.com/op25b.shtml
上記ページと同じように設定し、以下のスクリプトでテスト送信。
PHP -------------------------------
if (mail("送信先メールアドレス", "TEST MAIL", "This is a test message.", "From: 送信元メール アドレス（なんでもいい）")) {
echo "ok";
} else {
echo "false";
}
-----------------------------------
…だめだ。送れない。
ふたたびログを見てみる。
/var/log/maillog -------------------------------
Nov 22 19:05:51 localhost sendmail[25503]: ***********: AUTH=client, available mechanisms do not fulfill requirements
Nov 22 19:05:51 localhost sendmail[25503]: AUTH=client, relay=中継メールサーバ., temporary failure, connection abort
Nov 22 19:05:51 localhost sendmail[25503]: ***********: to=<送信先メールアドレス>, ctladdr= (48/48), delay=00:00:11, xdelay=00:00:10, mailer=esmtp, pri=120865, relay=中継メールサーバ. [000.00.00.00], dsn=4.0.0, stat=Deferred: Temporary AUTH failure
-------------------------------------------------
最後の行に「stat=Deferred: Temporary AUTH failure」とある。これは色々検索して調べたら、SMTP認証に失敗しているとのこと。
またググる。
以下のページが出てきた。
PHPでメール送信してblogger自動投稿してみる
参考にさせていただきました。ありがとうございます。
このページの中で、関連するパッケージが足りないとあり、
メールのパスワード関連のパッケージを取得していたので、
なるほどそうかと思い、
# yum install cyrus-sasl-md5 cyrus-sasl-plain
で取得インストール。
一応リロードして
# /etc/rc.d/init.d/sendmail reload
で送信テスト。
上手くいった！テストで何度も送っていたやつもどばっと一気にきた。
またてこずった。
サーバは慣れていないと大変だわ。
前に書いた記事にプラスでひっかかったので解決方法を書いておく。
今回はPHPのメール関数で送る。
まったくうまくいかなかったので、ログを見てみる。
/var/log/maillog -------------------------------
Nov 22 15:08:46 localhost sendmail[22018]: ***********: from=apache, size=105, class=0, nrcpts=1, msgid=<***********@localhost.localdomain>, relay=apache@localhost
Nov 22 15:08:47 localhost sendmail[22019]: ***********: from=
Nov 22 15:08:47 localhost sendmail[22018]: pAM68jNr022018: to=***********@****.**.**, ctladdr=apache (48/48), delay=00:00:02, xdelay=00:00:01, mailer=relay, pri=30105, relay=[127.0.0.1] [127.0.0.1], dsn=2.0.0, stat=Sent (*********** Message accepted for delivery)
-------------------------------------------------
…よくわからない。なのでまたport25の設定なのかと思い、
今度はsendmailの設定を下記のページを参考にいじる。
http://centossrv.com/op25b.shtml
上記ページと同じように設定し、以下のスクリプトでテスト送信。
PHP -------------------------------
if (mail("送信先メールアドレス", "TEST MAIL", "This is a test message.", "From: 送信元メール アドレス（なんでもいい）")) {
echo "ok";
} else {
echo "false";
}
-----------------------------------
…だめだ。送れない。
ふたたびログを見てみる。
/var/log/maillog -------------------------------
Nov 22 19:05:51 localhost sendmail[25503]: ***********: AUTH=client, available mechanisms do not fulfill requirements
Nov 22 19:05:51 localhost sendmail[25503]: AUTH=client, relay=中継メールサーバ., temporary failure, connection abort
Nov 22 19:05:51 localhost sendmail[25503]: ***********: to=<送信先メールアドレス>, ctladdr=
-------------------------------------------------
最後の行に「stat=Deferred: Temporary AUTH failure」とある。これは色々検索して調べたら、SMTP認証に失敗しているとのこと。
またググる。
以下のページが出てきた。
PHPでメール送信してblogger自動投稿してみる
参考にさせていただきました。ありがとうございます。
このページの中で、関連するパッケージが足りないとあり、
メールのパスワード関連のパッケージを取得していたので、
なるほどそうかと思い、
# yum install cyrus-sasl-md5 cyrus-sasl-plain
で取得インストール。
一応リロードして
# /etc/rc.d/init.d/sendmail reload
で送信テスト。
上手くいった！テストで何度も送っていたやつもどばっと一気にきた。
またてこずった。
サーバは慣れていないと大変だわ。
CSS3とjqueryのお勉強01
下記のプラグインを使ってやってみました。
面倒なCSS3のアニメーションの設定をjqueryの書き方で設定できるようになるプラグイン。
jquery.transit.js
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-transit.html
jqueryだけだと背景のアニメーションはできないので以下のプラグインで動かす。
jquery.backgroundPosition.js
http://blog.e-riverstyle.com/2009/04/cssjs.html
やった結果がこれだよ。※firefoxとIEだと動きません。
http://cloudproduction.co.jp/dessin2.html
backgroundPositionは特にアニメーションの設定してないのに動いている不思議。
jquery.transit.jsの3D rotationはweb-kit系のブラウザ（chromeやsafari）でしか動かないようです。
setIntervalで繰り返し処理しているのですが、動いてから一回数値をリセットするかjquery.transit.js中のtransformOriginで初期値を設定するなどしないと一回動作したら終了するみたいです。
あんまり詳しく書かなくてすみません。
面倒なCSS3のアニメーションの設定をjqueryの書き方で設定できるようになるプラグイン。
jquery.transit.js
http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-transit.html
jqueryだけだと背景のアニメーションはできないので以下のプラグインで動かす。
jquery.backgroundPosition.js
http://blog.e-riverstyle.com/2009/04/cssjs.html
やった結果がこれだよ。※firefoxとIEだと動きません。
http://cloudproduction.co.jp/dessin2.html
backgroundPositionは特にアニメーションの設定してないのに動いている不思議。
jquery.transit.jsの3D rotationはweb-kit系のブラウザ（chromeやsafari）でしか動かないようです。
setIntervalで繰り返し処理しているのですが、動いてから一回数値をリセットするかjquery.transit.js中のtransformOriginで初期値を設定するなどしないと一回動作したら終了するみたいです。
あんまり詳しく書かなくてすみません。
jquery備忘録： jQuery history pluginの使い方
表題のプラグインはページ遷移せずにページの情報とブラウザの履歴を保持するというものです。
違ったらすみません。
プラグインは下記ページからダウンロード。
jQuery history plugin
jqueryが必要なので、あらかじめダウンロードしておいてください。
自分が理解できたやりかたを説明します。
参考:http://www.maro-z.com/archives/40
■やりたいこと
・クリックしたあとページが現在のページの前にフェードインする。
・ブラウザの履歴で戻るときページがフェードアウトしてもどる。
・ブラウザの履歴で進むときクリックしたときと同じようにページが現在のページの前にフェードインする。
まず、
$.history.init(zisaku);
で初期化する。
このzisakuは実行したときにする処理を記述します。
ここでいうと、ページがフェードインとフェードアウトする処理です。
以下定義例
javascript-------------------------------------------------------------
function zisaku(hash){
if(hash){
$("#hoge").load(url+" body",function (){
$("#hoge").fadeIn(500);
});
}else{
$("#hoge").fadeOut(500);
}
}
--------------------------------------------------------------javascript
$("#hoge").loadについてはここのサイトを参考にしてください。
遷移先のページのbody要素以下の要素を#hogeに読み込むようにします。
#hogeで指定したブロックがブラウザ全体を覆うようにCSSを設定します。
css---------------------------------------------------------------------
body{
width:100%;
height:100%;
}
#hoge{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
--------------------------------------------------------------------css
body要素にもwidth:100%とheight:100%を指定します。
そうしないと子要素のheight:100%が有効になりません。
そしてクリックしたときに実行する関数を定義します。
html-------------------------------------------------------------------
<a href="#hoge" link="http://hogehoge.com">aaaaaa</a>
-------------------------------------------------------------------html
正しいやり方かどうかわかりませんが、a要素にlink属性を定義してそこに遷移後のページURLを指定します。
そして、href属性にアンカーリンク用のハッシュを指定します。
javascript-------------------------------------------------------------
$("a").bind("click",hogehoge);
var url="";
function hogehoge(){
url=$(this).attr("link");
var hash = $(this).attr("href").replace(/^.*#/, '');
$.history.load(hash);
return false;
}
--------------------------------------------------------------javascript
a要素にクリックしたときにhogehogeを実行できるようにbindし、
先ほど指定した、link属性の値をvar urlに代入します。
同時にvar hashにhref属性のアンカーリンクの値を代入します。
そのhashを
$.history.load(hash);
のように引数に入れて$.history.loadを実行します。
ここで最初に
$.history.init(自作関数名);
で指定された自作関数がhashの値の条件によって実行されます。
return falseで通常の画面遷移を止めます。
ここまでで一応当初の目的は達成できると思います。
もしかしたらたりないところもあるかもしれませんがご容赦ください。
違ったらすみません。
プラグインは下記ページからダウンロード。
jQuery history plugin
jqueryが必要なので、あらかじめダウンロードしておいてください。
自分が理解できたやりかたを説明します。
参考:http://www.maro-z.com/archives/40
■やりたいこと
・クリックしたあとページが現在のページの前にフェードインする。
・ブラウザの履歴で戻るときページがフェードアウトしてもどる。
・ブラウザの履歴で進むときクリックしたときと同じようにページが現在のページの前にフェードインする。
まず、
$.history.init(zisaku);
で初期化する。
このzisakuは実行したときにする処理を記述します。
ここでいうと、ページがフェードインとフェードアウトする処理です。
以下定義例
javascript-------------------------------------------------------------
function zisaku(hash){
if(hash){
$("#hoge").load(url+" body",function (){
$("#hoge").fadeIn(500);
});
}else{
$("#hoge").fadeOut(500);
}
}
--------------------------------------------------------------javascript
$("#hoge").loadについてはここのサイトを参考にしてください。
遷移先のページのbody要素以下の要素を#hogeに読み込むようにします。
#hogeで指定したブロックがブラウザ全体を覆うようにCSSを設定します。
css---------------------------------------------------------------------
body{
width:100%;
height:100%;
}
#hoge{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
}
--------------------------------------------------------------------css
body要素にもwidth:100%とheight:100%を指定します。
そうしないと子要素のheight:100%が有効になりません。
そしてクリックしたときに実行する関数を定義します。
html-------------------------------------------------------------------
<a href="#hoge" link="http://hogehoge.com">aaaaaa</a>
-------------------------------------------------------------------html
正しいやり方かどうかわかりませんが、a要素にlink属性を定義してそこに遷移後のページURLを指定します。
そして、href属性にアンカーリンク用のハッシュを指定します。
javascript-------------------------------------------------------------
$("a").bind("click",hogehoge);
var url="";
function hogehoge(){
url=$(this).attr("link");
var hash = $(this).attr("href").replace(/^.*#/, '');
$.history.load(hash);
return false;
}
--------------------------------------------------------------javascript
a要素にクリックしたときにhogehogeを実行できるようにbindし、
先ほど指定した、link属性の値をvar urlに代入します。
同時にvar hashにhref属性のアンカーリンクの値を代入します。
そのhashを
$.history.load(hash);
のように引数に入れて$.history.loadを実行します。
ここで最初に
$.history.init(自作関数名);
で指定された自作関数がhashの値の条件によって実行されます。
return falseで通常の画面遷移を止めます。
ここまでで一応当初の目的は達成できると思います。
もしかしたらたりないところもあるかもしれませんがご容赦ください。
sound cloud
舟井です。 音楽好き、サウンドクリエーターにとってはおなじみのドイツ発信のmusic SNSサービス[soun cloud]、にとってもはまってます！
サービス自体は英語なので、最初取っ付きにくいですが、
国内では先日appleから正式発表された iCloudに音楽は対象外ですし、その他音楽クラウドサービス（amazonやspotify）は、やはり国内（のアーティスト）は版権等の問題で折り合わないみたいですので、個人で海外のサービスを使って独自にお気に入りのジャンルの音楽を掘り下げていて、開拓する、そんな楽しみがいいかなと。
それに自分のwebやブログなどに気に入った音楽などを紹介する場合等の連動のしやすさ。
（アメブロは仕様が変わってしまったみたいで、googleガジェットを併用することで、記事中に波形の埋込みが可能です。参考にした記事。 もしくは、プラグインとして左窓に← 表示することが可能です。）
その中でも何が一番いい点かといいますと、その名の通り「クラウド」ですので、音楽自体は、サウンドクラウドのサービスにサインインさえすれば、自分のPCから、スマフォ・iPadのアプリから、いつでもチェックして、いい曲があれば[Favorite] に登録, 外部snsへシェアー、気に入ったアーティストをフォロー。んで、当然アーティストとの交流も生まれやすくなります。作り手の場合だと、「このサビのこの音はどうやって作ったんですか？」「リズムとリードのパートでコラボ制作しよう」とか。
要するにメモ機能, 繰り返し聞ける機能＋こっちからアプローチ機能付きラジオって感じです。
これらが分かりやすくて手軽に操作出来るし、そして、結果自分だけのプレイリストが出来上がっていくのが凄く楽しい
です。
趣味趣向、仕事として、その目的によって写真だったり日記だったりsnsに求める系統は色々あって、現状ではfacebookがそれらの束ね役, twitterが導線役って感じですが、個人的には音楽に関しては発信するのも、良いアーティストをさがすのもsound coud で暫くお世話になろうかなという感じです。 昔から好きなUK, USのインディーズレーベルもかなりここで新人の新曲を公開してますし。
画像は, apple app store で落とせるmac用sound cloud のアプリ。itunes と似た操作感で世界中のsoundcloudに参加するアーティストの曲が聞けて、便利ですよ！曲によってはDLもできますし、そのままレーベルのECサイトや、iTunes store等に飛んで買うことも出来ます。
sound cloud アカウント作成
僕の音源は [chiren]のアカウントでUPしてますプライベートとクライアントワークスごちゃっとなってて曲数だけやたら多くなってますが、もっと気軽にガンガンアップしていきたいです！
あ、補足情報ですがこれのweb機能の一環としてgoogle analytics的な楽曲毎のアクセス解析機能がついてるんですが、これが曲ごとにどの国の人がよく聞いてくれてるかが分かって面白いっ
自分の場合は日本を除くと、スペインとドイツが何故か多かったです。
サービス自体は英語なので、最初取っ付きにくいですが、
国内では先日appleから正式発表された iCloudに音楽は対象外ですし、その他音楽クラウドサービス（amazonやspotify）は、やはり国内（のアーティスト）は版権等の問題で折り合わないみたいですので、個人で海外のサービスを使って独自にお気に入りのジャンルの音楽を掘り下げていて、開拓する、そんな楽しみがいいかなと。
それに自分のwebやブログなどに気に入った音楽などを紹介する場合等の連動のしやすさ。
（アメブロは仕様が変わってしまったみたいで、googleガジェットを併用することで、記事中に波形の埋込みが可能です。参考にした記事。 もしくは、プラグインとして左窓に← 表示することが可能です。）
その中でも何が一番いい点かといいますと、その名の通り「クラウド」ですので、音楽自体は、サウンドクラウドのサービスにサインインさえすれば、自分のPCから、スマフォ・iPadのアプリから、いつでもチェックして、いい曲があれば[Favorite] に登録, 外部snsへシェアー、気に入ったアーティストをフォロー。んで、当然アーティストとの交流も生まれやすくなります。作り手の場合だと、「このサビのこの音はどうやって作ったんですか？」「リズムとリードのパートでコラボ制作しよう」とか。
要するにメモ機能, 繰り返し聞ける機能＋こっちからアプローチ機能付きラジオって感じです。
これらが分かりやすくて手軽に操作出来るし、そして、結果自分だけのプレイリストが出来上がっていくのが凄く楽しい
です。趣味趣向、仕事として、その目的によって写真だったり日記だったりsnsに求める系統は色々あって、現状ではfacebookがそれらの束ね役, twitterが導線役って感じですが、個人的には音楽に関しては発信するのも、良いアーティストをさがすのもsound coud で暫くお世話になろうかなという感じです。 昔から好きなUK, USのインディーズレーベルもかなりここで新人の新曲を公開してますし。
画像は, apple app store で落とせるmac用sound cloud のアプリ。itunes と似た操作感で世界中のsoundcloudに参加するアーティストの曲が聞けて、便利ですよ！曲によってはDLもできますし、そのままレーベルのECサイトや、iTunes store等に飛んで買うことも出来ます。
sound cloud アカウント作成
僕の音源は [chiren]のアカウントでUPしてますプライベートとクライアントワークスごちゃっとなってて曲数だけやたら多くなってますが、もっと気軽にガンガンアップしていきたいです！
あ、補足情報ですがこれのweb機能の一環としてgoogle analytics的な楽曲毎のアクセス解析機能がついてるんですが、これが曲ごとにどの国の人がよく聞いてくれてるかが分かって面白いっ
自分の場合は日本を除くと、スペインとドイツが何故か多かったです。例のブツがとどきました。
さて、参加中のadobe×sony airコンテストにて めでたく最終選考通過しまして
、
ファイナリストの戦利品（？）として、本日米国より開発アプリの検証にも使えるアンドロイドタブレットが届きました。 タイプ違いに2台。
これで更に検証を詰めて進めれそうです
アンドロイド触るのは初めてですが、apple製品との違いが面白いですネ。
インターフェイスは勿論ですが、特に画面のタッチの感度、判定？具合が全然違っていて慣れないと
操作間違い多いです
でもインターフェイスと繁体のデザインはsonyらしく、オーディオのディスプレイ,グラフィックイコライザー的なかっこよさあります。 この辺は好みかなー。
それにしても未体験の分野の仕事を開拓するというのは、常に苦悩なんだな～とか人事みたいに思ったり
雑用係
、ファイナリストの戦利品（？）として、本日米国より開発アプリの検証にも使えるアンドロイドタブレットが届きました。 タイプ違いに2台。
これで更に検証を詰めて進めれそうです
アンドロイド触るのは初めてですが、apple製品との違いが面白いですネ。
インターフェイスは勿論ですが、特に画面のタッチの感度、判定？具合が全然違っていて慣れないと
操作間違い多いです
でもインターフェイスと繁体のデザインはsonyらしく、オーディオのディスプレイ,グラフィックイコライザー的なかっこよさあります。 この辺は好みかなー。
それにしても未体験の分野の仕事を開拓するというのは、常に苦悩なんだな～とか人事みたいに思ったり
雑用係
