56 posts tagged “vox tips”
Webページを手軽にブックマークとして投稿したり、パートナーサイトのフォトやムービーを投稿できるVox Thisの対応サービス一部変更のお知らせです。
【概要】
- Vox Thisとは？/Vox This対応サービス
- Vox This対応サービス株式会社モノリスの「FrameFree Stage」サービス終了のお知らせ
Vox ThisはVoxにWebページを手軽にブックマークとして投稿したり、パートナーサイトのフォトやムービーを投稿できる「ブックマークレット」と呼ばれる機能です。お使いのブラウザに設定して利用します。Vox Thisの設定をしておけば、気になったWebページを簡単にスクラップしたり、対応サービスのアイテムを簡単に投稿することができます。
＜＜Vox Thisをセットアップする＞＞
1. Firefoxをお使いの方は、上の「Vox this」ボタンの上にカーソルを合わせ、ブックマーク（お気に入り）ツールバーにドラッグするか、右クリックして「このリンクをブックマーク」を選択します。
2. Internet Explorerをお使いの方は上の「Vox this」ボタンを右クリックして「お気に入りに追加」を選択します。
＜＜Vox Thisを使う/Webニュース編＞＞
1. 記事を書きたいニュースのページを表示し、ブックマーク（お気に入り）に入れた「Vox This」をクリックして選択します。
2. 投稿確認画面が表示されますので、リンクタイトル・説明・タグ・公開範囲を設定します。また、そのニュースサイトに画像が表示されていれば記事に挿入する画像が選択できます。
3. このニュースに関する記事をとりあえず投稿したい場合は、「アイテムを追加して記事を書く」ボタンをクリックします。このオプションを選択すると、Vox Thisしたページのタイトルが記事のタイトルとして自動設定され、ページへのリンクと画像・説明などがまとまり、画面左側に挿入された状態で保存されます。挿入された後でレイアウトを変更することが可能です。
4.このニュースに関する記事を編集しつつ投稿したい場合は、「ブックマークを追加する」ボタンをクリックし、いったんブックマークとして投稿します。
「ブックマークが追加されました」とブックマーク投稿完了確認画面が表示されたら、 「記事を書く」リンクをクリックすると、「記事を書く」画面が自動的に起動し、ページへのリンクと画像・説明などがまとまり、画面左側に挿入されます。挿入された後でレイアウトを変更することが可能です。
＜＜Vox Thisを使う/対応サービス編（ニコニコ動画（冬））＞＞
Vox Thisに対応しているニコニコ動画（冬）に投稿された動画をVoxへ「ムービー」として追加・投稿してみましょう。
- ニコニコ動画（冬）のアカウントでログインし、Voxに追加したい動画のページを表示します。なお、ニコニコ動画（冬）にログインしなくても動画を追加し、それをVox上で表示することは可能です。ニコニコ動画（冬）にログインしていない場合は、動画のサムネールが表示されています。
- ブラウザのブックマークに設定した「Vox This」をクリックします。
- 投稿確認画面が表示されます。ムービータイトル・説明・タグ・公開範囲を設定します。タグはニコニコ動画（冬）側で設定されたタグが自動的に読み込まれます。
- 動画をとりあえず投稿したい場合は、「アイテムを追加して記事を書く」ボタンをクリックします。このオプションを選択すると、Vox Thisした動画のタイトルが記事のタイトルとして自動設定され動画が記事に挿入された状態で保存され ます。挿入された後でレイアウトを変更することが可能です。
- 動画に関する記事を編集しつつ投稿したい場合は、「ムービーを追加する」ボタンをクリックし、いったんムービーとして追加します。
「ムービーが追加されました」とムービー追加完了確認画面が表示されたら、その画面の 「記事を書く」リンクをクリックします。「記事を書く」画面が自動的に起動し、動画が挿入された「記事を書く」画面が表示されます。挿 入された後でレイアウトを変更することが可能です。
＜＜Vox This対応サービス＞＞
Vox Thisの対応サービスからは、Vox This経由で簡単にアイテムを追加することができます。なお、一部のサービスはVox This経由でのみアイテムをVoxへ投稿できます。
- ニコニコ動画（冬）：Vox This経由でのみムービーとして投稿できる。（「コード挿入」を使って記事に動画を埋め込むことも可能。）
- フォト蔵：Vox This経由でのみフォト蔵で公開されている写真および動画を「フォト」と「ムービー」に追加できる（「コード挿入」を使って記事に写真および動画を埋め込むことも可能。）
- icaster：Vox This経由でのみicaster登録アーティストの楽曲が流れるプレーヤーを挿入した記事を書ける。（「コード挿入」を使って記事にプレイヤーを埋め込むことも可能。）
- Flickr、You Tube、Amazon（amazon各言語サイト）：「音楽」・「ムービー」・「本」からアイテムを追加するだけではなく、各サービスのアイテム詳細ページ（Flickrなら、フォト1枚が表示されているページ、You Tubeなら、動画1つが表示されているページ、Amazonならその本およびDVD/ビデオ1つが表示されているページ）でVox ThisをクリックすればそのアイテムをVoxに追加できます。
2007年10月よりVox This対応サービスとなっていた株式会社モノリスの「FrameFree Stage」ですが、2008年12月15日をもってサービス終了となります。そのため、サービス終了と同時にVox This対応サービス外となりますのでご了承ください。FrameFree Stageをご愛用の方にはご迷惑をおかけいたしますが、ご了承ください。
--チームVox
5月30日より開始した、千代田区男女共同参画センターMIW（以下、「MIW」）のパープルリボンプロジェクト（PRP）支援プログラムから10周年イベント開催のお知らせです。
【概要】
- PRPイベントのお知らせ
- ランニング日記のススメ-パープルプロジェクト ラン&ウォークを目指して-
【PRPとPRPイベントのお知らせ】
Voxは、MIWが展開しているパープルリボンプロジェクトを支援しています。MIWのパープルリボンプロジェクトに関するさまざまな情報を今後もご紹介していきます。
今年、MIWは開設10周年を迎えました。10周年を記念して、9月末から11月にかけてさまざまなイベントが予定されています。
- 10周年記念講演会&対談「Let's男尊女尊! わたしたちが幸せになる共生のカタチ」 …10月1日(水) 18時20分～21時
- パープルプロジェクト ラン&ウォーク…11月3日(月) ９時～１２時
- パープルリボンキルト・フェスティバル「暴力のない世界をめざして」…9月27日(土)～10月3日 9時～19時(10月1日と最終日は17時まで)
詳しくは、PRP-MIW Voxの記事、またはMIWの広報ページをご覧ください。
千代田区在住・在勤者以外の方でも各イベントに参加できます。興味のあるイベントがあったら、ぜひ参加してみてください。
【ランニング日記のススメ】
何といっても10周年記念イベントのうち最大のイベントは11月3日に行われる皇居でのラン&ウォークです。
今、ランニングがブームになっているのは皆さんご存知でしょうか？ラン&ウォーク参加を目指して、この機会にランニング日記をVoxで付けてみませんか？このラン&ウォークにはチームVoxメンバーも参加を予定しています。秋の空の下、ランニングしてみましょう！
- ランニングの記録はどう付ける？
ランニングは、なるべくこまめに行うのが一番。その時、ランニングにかかった時間やコース、コンディションや体重などを記録しておくと後から振り返ることも簡単です。たとえば、iPodと専用のカウンター、対応シューズを組み合わせて使うNIKE+や携帯搭載のGPS機能を使ったauSmart SportsのRun&Walkを使えば、ランニングの記録をWebサイトで管理できますので、とても便利です。ただし、専用の道具をそろえるなど経費がかかりますので、ご自身のライフスタイルにあった記録方法を見つけてみましょう。 - 無料でランニングの記録と日記を付けたい
- 写真付きのランニングルートマップを作る
ランニングした時に目についたポイントを携帯カメラで写真にとり、Voxに簡単なメモを付けてモブログしておきましょう。Voxにモブログしておいた写真をまとめて今度は「panoramio」にアップロードしたあと位置情報を指定しておくと、Google Earth上にランニングしたルートとポイントの写真を同時に閲覧でき、わかりやすいランニング記録になります。 - ランニングしたメモをTwitter経由でVoxに投稿し、ランニング日記を作る
ランニングする前と後の気持ちや、体重、コンディションなどをTwitterにつぶやき、それをVoxに投稿するようLoudTwitterなどのサービスを使いVoxに投稿するだけで簡単なランニング日記を作ることができます。
LoudTwitterの使い方は、2008/03/24の【チームVoxより】Six Apart × Twitter × Voxをご覧ください。
- 写真付きのランニングルートマップを作る
これからも様々なPRPに関する情報をご紹介します。お楽しみに！
--チームVox
新年度スタートにあわせてVoxを始める方も増えてきました。
【概要】
- Voxグループについて
- 公開グループの中からお勧めのグループをご紹介
- Safari3.1（Mac/Windows）でのVox利用について
Voxグループは、共通の話題などを共有できる機能です。グループは誰でも新規に作成でき、また、公開グループならVoxメンバーであれば誰でも参加することができます。
Voxグループに参加すると、自分のVoxブログに投稿するように参加グループにもアイテムを投稿できます。同じ趣味の人が集まっていたり、グループの趣旨に沿った投稿が行われるので、何かの情報を探したい時にも便利です。詳しい使い方はVoxヘルプ「Voxグループ（ベータ版）について」・「Voxグループとプライバシー（公開範囲）」・「Voxグループにアイテムを投稿する」をご覧ください。
【Voxグループのご紹介】
Voxは全世界に提供しているサービスですので、日本ユーザー以外に海外ユーザーが集まるグループも多数あります。日本ユーザーが管理者のグループと、海外ユーザーが管理者のグループとそれぞれピックアップしてご紹介します。
- Vox Banners…Voxのカスタムバナーを共有しているグループです。自分が作った自慢のカスタムバナーをVoxメンバーに使ってもらいたい時や、ちょっと変わったブログデザインを探している人は必見です。
- Hacking Vox…Voxが提供しているAPIやフィードなどHack（ハック）して、Voxを快適に使うプログラムや情報を共有しているグループです。あともうちょっと自分なりにカスタマイズしたいところがあるのに、と思っている方にお勧めです。もちろん、Voxのシステムに影響の無いHackは大歓迎。ぜひ、Hack魂をお持ちの方は参加してHackしてください。
- Japanese Food…これは「Japanese Food」だと思う食べ物を海外の方や日本在住の外国の方が投稿したり、もちろん日本メンバーが投稿もしているグループです。食文化の違いや意識の違いも分かる興味深いグループです。
- アジアの食卓…日本食をはじめ、アジアの美味しい食べ物の情報を共有するグループです。日本料理、タイ料理、中華料理、バラティに富んだ料理の数々を見てるだけでお腹が空いてきます。
- Toy Camera…カメラも高機能・高性能で高いだけじゃない。トイカメラでも十分面白い写真が撮れる。そんなトイカメラで撮った写真を共有するのがこのグループです。味のあるトイカメラの世界を体験したい方にもお勧めです。
- nicovideo…ニコニコ動画で見つけた面白い動画を共有するグループです。自分のVoxブログだけではなく、グループメンバーと共有する事で楽しみも倍増しますね。ニコニコ動画に興味はあるけれど何だかよく分からないという方もまずはこのグループからスタートしても良いかもしれないですね。
- 携帯カメラ写真館…最近の携帯カメラは画素数も向上し、機能も数年前のデジカメより上の物も多いですね。なおかつ日ごろ持ち運びしているから使う機会も多いはず。メール投稿機能で設定すればVoxグループにも投稿できますので、携帯カメラで撮った自慢の1枚や、とっておきの瞬間を撮影した写真を投稿してはいかがでしょう？
他にももっとご紹介したいグループがたくさんあります。Vox検索で興味のあるキーワードを使い、あなたにぴったりのグループを見つけてみてください。
【Safari3.1（Mac/Windows）でのVox利用について】
3月27日に、「記事を書く」画面で日本語入力ができない問題に対応しましたが、「記事を書く」画面やそれ以外の画面・機能でSafariのみで表示崩れや不具合が発生することが確認されております。
Safariをご利用の方にできうる限り他のブラウザと同等の機能をご提供できるよう調査・対応を行ってまいりますが、SafariのJavaScriptやCSSに関する仕様による固有の現象である可能性もあります。その場合対応が難しいケースや解決までにお時間がかかるケースがありますこと、ご理解頂けますようお願いいたします。
--チームVox
今自分が何をしているか、または何を感じているかなど、一言つぶやくコミュニティサービスのTwitter。個人用途以外にもイベントの告知や友達同士での情報共有など様々な用途に使われています。
以前ご紹介したVoxのQotD（今日の質問）をTwitterタイムラインに配信してくれるTwitterアカウント「qotd_vox_ja（日本語版QotD）」と「qotd_vox（英語版QotD）」も100名以上の人が閲覧（following）し、今日の質問をチェックしています。
【Twitterにシックス・アパート株式会社のニュースを配信する「sixapartkk」が登場】
そこで、シックス・アパート株式会社でもMovable Type、Typepad、Voxの最新情報をTwitterで配信するオフィシャルアカウントの「sixapartkk」を作成しました。シックス・アパートのホームページでも最新ニュースを掲載していますが、もっとすばやくシックス・アパートのニュースをsixapartkkをfollowして手に入れることができます。follow制限はしていませんので、興味のあるTwitterユーザーの方はどんどんfollowしてご利用ください。Twitterには米国Six Apartのアカウント「sixapart」もあり、米国Six Apartの製品に関するニュースを更新しています。興味のある方はfollowしてみましょう。
【1日分のつぶやきをVoxに投稿する-行動日記をTwitterとVoxで-】
- あなたのVoxブログURLを「Heya! What's your blog address?」メッセージの下にhttp://から始まる形式で入力します。（例：http://team-jp.vox.com）
- 入力欄右の「Yes, this is my blog」ボタンをクリックし、ブログURLの承認を行います。
- Vox URLの認証が完了し、画面が切り替わります。表示されている「Your blog appears to support open-id which is cool! You can login using openid now , which will save you the hassle to create a password (yet another one) on LoudTwitter. signup!」メッセージの「signup!」のリンクをクリックし、TwitterのタイムラインをLoudTwitterからVoxのモバイル投稿メールアドレスで投稿する設定画面に進みます。
- 「Go to http://www.vox.com/account/mobile」をクリックし、モバイル投稿設定画面へ移動します。
- 「投稿用メールアドレスを追加」ボタンをクリックし、LoudTwitter専用の投稿用メールアドレスを作成します。
- LoudTwitterの設定画面に戻り、コピーしておいた投稿用メールアドレスを「Email:」下の入力欄にペーストし、内容に誤りがない事を確認し「OK」ボタンをクリックします。
- 「Twittername:」下にVoxへ投稿したいTwitterのアカウント名を入力し、「OK」ボタンをクリックします。（例：sixapartkk）
- Twitterのタイムラインを投稿する時間、投稿内容、リード文、末尾のメッセージなどを設定します。タイムゾーンは「Asia-Tokyo」を選択し、例ではメッセージを入力してみました。
- 設定内容を確認し、問題ないようなら「OK」ボタンをクリックします。
- 現在Vox URLのみで認証しているため、（OpenID認証）設定を保護する場合はメールアドレスとパスワードを入力し、「OK」ボタンをクリックします。設定しない場合はそのまま「Skip this step」をクリックします。
- 全ての設定が完了しました。これで設定時刻に設定内容に従い、VoxブログにTwitterのタイムラインが自動的に投稿されます。
--Ya-ko
【Internet Exploreのパフォーマンス対策】
先週14日の新バージョンリリースの際Voxのレスポンス対策を実施したとお知らせしましたが、その同時期にWindows（Microsoft）プログラムの自動更新が行われました。その更新プログラムの中にWindows XPで、且つInternet Explore6を使用し、Javascriptを多用しているウェブサイトを表示するとInternet Explore6のパフォーマンスが低下するというInternet Exploreの機知の問題点の解決を行うプログラム「KB942840」が含まれています。
チームVoxのmiyagawaを始め他のメンバーも自動更新でインストールしましたが、パフォーマンスの向上を実感できました。Windows XPでInternet Explore6をお使いの方はぜひKB942840を含むUpdateの実行をお試し下さい。また、Internet Explore6以外のブラウザやWindows XP以外のOSをお使いの方もセキュリティ対策の面からも、OSのUpdateは折を見て実行していただけますようお願いいたします。
なお、OSのUpdate操作やインストールされるソフト・パッチについてのご質問はシックス・アパートではお受けできません。お使いのパソコンの操作マニュアルなどをご覧頂き、自己責任で実行していただきますようお願いいたします。
【Voxグッズ抽選結果発表】
60件以上のコメントがあったVoxグッズプレゼントは本日厳正に抽選を行い、当選された方にはプライベートメッセージをお送りしております。年末年始休業の都合により、大変恐縮ですが12月25日までに送付先情報の返信をお願いします。
【年末年始のサポート休業について】
日ごろより、貴重なご意見・ご要望・ならびにご質問をお寄せいただきましてありがとうございます。
大変勝手ながら、Voxサポート業務は2007年12月29日（土）より翌2008年1月6日（日）まで年末年始のため休業とさせていただきます。
※平常時のサポート業務は平日午前10時より午後6時までにサポートセンターに着信したフィードバックをご返信しております。
特にご登録情報変更に伴うお問い合わせなど、お時間を頂戴するお問い合わせが増えております。Vox登録情報はURLのサブドメインを除き、登録を削除（Voxアカウント削除）を行わずに修正・変更することが可能です。
また、Voxでは安全確保のため、アカウント作成時に登録されているメールアドレスはロックがかかり、同じメールアドレスでは新しいアカウント登録ができない仕様となっています。
今一度、ご登録情報を変更前にヘルプをご覧いただきますようお願いいたします。
また、休み明けは回答にお時間がかかる場合がありますこと、予めご了承ください。
Voxメンバーが好きな話題や興味のあるコンテンツを投稿できるVoxグループ。数多くのグループがあるのでどれに入ろうか悩んでしまったり、もっと違うグループにも参加したい、と思っていませんか？
そんな方はチームVoxがピックアップした「イチオシグループ」に参加してはいかがでしょうか？
【「イチオシグループ」とは？】
掲載方法はチームVoxがそのグループに参加し、グループを退会することで掲載終了となります。ピックアップの基準の基本は「Voxメンバーの皆さんが楽しく、もっと交流が深められるグループ」です。このイチオシグループをチェックしてもっとVoxライフを楽しんでみてください。もちろん、グループの参加者・管理者のメンバーからの推薦もお受けします。この記事へのコメントやフィードバックからあなたのイチオシのグループを教えてください。
※注…ピックアップ期間は不定期とさせていただきます。目安は1ヶ月程度の掲載となっています。また、ピックアップにあたり、事前に連絡等は行いませんので予めご了承ください。
【Voxグループとは？グループに参加するには？】
以前の記事やヘルプで触れていますが、再度簡単にご説明します。
Voxグループは、Voxメンバーの皆さんが共通の話題などを共有できる機能です。グループは誰でも新規に作成でき、また、公開グループなら（招待制公開グループ・非公開グループはグループ管理者またはグループ参加者からの招待状が必要です。）Voxメンバーであれば誰でも参加することができます。
Voxグループトップページや、検索ページからキーワードでグループを検索することも可能です。
【今回のイチオシグループは？】
今回のイチオシグループは、三洋Xactiとの共同プロモーション「Xacti2.0」から誕生した「Team Xacti」です。
Xactiユーザーの方はもちろん、Xactiでどんなムービーが撮れるのか・Xactiの利用シーンを知りたい方などにオススメのグループです。どんなグループがピックアップされるのか、お楽しみに！
サポート担当よりお知らせです。
先週より「モバイルでログインできない」というフィードバックが寄せられており、調査を行ったところ一部の方でエラーメッセージが表示され、ログインできない現象が発生していることが判明しました。
【障害内容】
障害原因：モバイルVox/PC版Voxの判定を行う携帯キャリアIP帯域の変更
障害時間：不明～現在発生中
障害該当ユーザー：キャリア側で割り振られた新しいIPが割り当てられている方
エラー内容：「Please sign in from mobile devices」のエラーメッセージが表示され、ログインできない
VoxはPC・携帯からもアクセスできるよう携帯キャリアからのWebアクセスだと判定するため、IP制限を行っています。キャリア側のIP帯域の追加ならびに変更が発生したIPが割り振られている一部の方のみに現象が発生するため原因の特定にお時間がかかりました。お詫び申し上げます。
現在、対応中となっております。また、今後はIP帯変更にさらに早く対応できるよう検討しております。解消までご不便をおかけいたしますが、今しばらくお待ちください。
--チームVox
前回はコード挿入機能で秘密伝言板を作る方法をご紹介しましたが、今回はコード挿入機能を使ってあなたのブログに表示できるウェブサービスのコンテンツをご紹介します。※コード挿入の詳しい手順はこちらの記事やヘルプをご覧ください。
- 難しいソフトや操作もいらない！静止画から動画を手軽に作れる「FrameFree Stage 」
FrameFree Stageは今月頭にオフィシャルオープンした新しいサービスです。通常、静止画からアニメーションやモーフィングなどの動画コンテンツを作るには、価格が高いソフトを購入しなければならず、そのソフトも操作が難しいものが多いかと思います。作成・閲覧共にWindowsのみの対応で、専用プラグインのインストールが必要ですが、画像さえ用意があればブラウザ上で簡単にクリックやドラッグ、効果の選択などをステップ方式で動画ができるのはとても楽しいですよ。
＜＜FrameFree Stageで公開した自分の作品や、気に入った作品をVoxでも楽しむ＞＞
画面右側の「作品をブログに貼り付ける」に掲載されているタグのうち、「object/embed タグで貼り付ける」から挿入するタグをコピーし、コード挿入画面にペーストすればOKです。 - プレゼンテーションの中にも面白いコンテンツが。プレゼンテーション共有サイト「Slide Share」
Slideshareはプレゼンテーションを共有できるサービスです。英語サービスのため、利用者に日本人の方は少ないようですが、大きなカンファレンスで発表されるプレゼンテーションなども共有されています。もしかしたらカンファレンスに出席できなくてもお目当ての人がどんなプレゼンをしているのかチェックできるかもしれませんね。チームVoxのmiyagawaも利用しており、Voxの開発についてのプレゼンテーション、「How we build Vox」などを公開しています。
Slideshareには、カンファレンスなどのプレゼンテーション以外にも写真を多用したプレゼンテーションや、Twister（＝竜巻）の写真をプレゼンテーションにして公開しているユーザーもいます。他にも楽しめるプレゼンテーションがたくさんあります。サイトで探してみてください。もちろん、自分のプレゼンテーションをアップロードしてVoxで公開もできますのでチャレンジしてみましょう。
＜＜Slide Shareで公開した自分の作品や、気に入ったプレゼンテーションをVoxに掲載する＞＞
画面右側の「Embed in your blog」から挿入するタグをコピーし、コード挿入画面にペーストすればOKです。 - インディーズなどこれから注目のアーティストの曲をアレンジしてブログで配信！「icaster」
音楽配信サイトicasterは、主にインディーズアーティストの曲を中心に配信しています。インディーズアーティストはこれから注目される可能性がいっぱい。今日の関東も曇り空で、気分も沈みがちになりそうなのでPopsのジャンルからnj（エヌジェイ）の「ダカラ」をチョイスしてみました。いかがでしょうか？気になるアーティストの音楽をVoxブログで紹介してみましょう。
＜＜icasterのBlogJockeyプレーヤーをVoxに掲載してDJ気分！＞＞
楽曲のすぐ横に表示されている「貼り付け用ソース（一般的なブログなど）」から挿入するタグをコピーし、コード挿入画面にペーストすればOKです。
他にもVoxブログに表示できるコードを提供しているサービスは多数あります。どんどん使ってみてください。もし、うまく表示できない場合はVoxが対応している形式のタグか・挿入する時に追加タグが必要な形式のタグか必ず確認しましょう。
【関連ヘルプ】
--チームVoxサポート担当
クロスポスト、という言葉はご存知ですか？一般的に「クロスポスト」とは、ニュースや掲示板サイトにおいて1つの質問や話題を複数の掲示板やサイトに投稿することを指しますが、VoxではVoxブログ以外のブログサービスに同じ記事を投稿できる・もしくはVoxブログ以外のブログから同じ記事をVoxにも投稿できる機能を指します。
【クロスポストの設定を行う】
※現在、Voxからクロスポストができるのは「TypePad」と「LiveJournal」の2サービスとなります。
- 画面右上の「設定」をクリックし、「他サービス連携」をクリックします。
- 「外部ブログ設定」の「その他ブログへのクロスポスト設定」をクリックするか、設定を変更する場合は「再設定」をクリックします。
- クロスポストの設定画面が表示されますので、クロスポスト先のブログサービスのID（アカウント）・パスワードを入力し、ブログのサービス名をプルダウンで選択します。
- サービス名プルダウンの下にある「承認」ボタンをクリックします。
- クロスポスト先のサービスで複数ブログを取得している場合は、クロスポスト先のブログ名が読み込まれますので、該当するブログ名を選択します。
- クロスポスト先のブログにVoxと同じ記事を全文クロスポストする場合はチェックボックスにチェックを入れます。
- 「設定を保存」ボタンをクリックし、設定を保存します。
設定が完了したらクロスポストをしてみましょう。
- 「記事を書く」をクリックし、記事作成画面を表示します。
- 通常通り記事を作成し、画面左下の「記事の投稿」に表示されている「他のブログ」内のサービス名横にあるチェックボックスにチェックを入れます。
- 公開範囲・コメント許可範囲・タグの設定を行い、「保存」ボタンをクリックすると、Voxと同時にクロスポスト設定先のブログへ記事が投稿されます。
【さらに便利に 「PostVox」】
先週8月8日に出荷開始したMovable Type 4。実は、そのMovable Type 4からVoxにクロスポストできるプラグインがあるのはご存知でしょうか？
＜＜MTからVoxにクロスポスト！＞＞
Movable Type向けには、機能拡張を行う様々な「プラグイン」が多くのエンジニア・開発者より提供・公開されています。そのプラグインのひとつ「PostVox」はシックス・アパートエンジニアのYUJIが作者です。今まで旧バージョンのMovable Type 3.x向けに公開していたのですが、今回Movable Type 4リリースに合わせてプラグインをアップデートしました。Movable Type 4をお使いの方はぜひインストールしてみてください。現在シックス・アパートの「技術情報提供ブログ」ではプラグイン開発の情報も公開しています。Movable TypeとVoxをさらに使いやすくするプラグインの開発もお待ちしています！
注：プラグインはMovable Type4もしくはMovable Typeの機能を拡張するものです。ご自身の責任の元でご利用ください。なお、TypePad、LiveJournal、Movable Typeの操作・インストール・プラグインの開発方法などに関する技術的なご質問はチームVoxではお答えできません。また、プラグインは作者の個人的な開発活動の範囲で公開を行っております。動作に関するご質問や機能に関するご要望全てにお答えできるとは限りませんので、予めご了承ください。
【関連ヘルプ】
--チームVoxサポート担当
使い方講座で何回かご紹介している「コード挿入機能」。サイドバーにもコードが挿入できるようになり、皆さんたくさん使っていらっしゃるようですね。今回はアメリカのチームVoxメンバー、Steveがコード挿入機能を使った面白い使い方を紹介しています。また、お問い合わせがあった1コード挿入に複数のコードを入力できるのか？できる場合どのように挿入するのか？というご質問にもお答えします。
【コード挿入で隠し伝言板を作ってみる】
とちょっと考えたことはありませんか？もちろんread more機能はフィードバックに要望としてお受けしていますが、コード挿入機能を使って記事の中にこんな伝言板を作ることができます。「あれ？でも自分のブログデザインの背景色と文字色を同じにすればいいのでは？」と思われる方もいらっしゃるでしょう。それも正解！ただ、あなたの近所のメンバーがあなたのデザインと同じであるとは限りません。そうするとの「近所全体」ページには表示されてしまいます。この方法を使うと画面上から完全に伝言内容を隠すことができます。Voxには「read more」がないから、例えば映画や本のネタバレ記事を書くときに困る。
- 伝言板のHTMLタグを作ります。例では、伝言板の色を「black（黒）」にすることによって文字を見えなくします。
<div style="background:black; overflow:scroll; width:500px; height:500px">
<font style="color:black">
ここに秘密の伝言を書いてください。
</font>
</div> - 伝言板の色を他の色、たとえば緑色（green）にする場合は、
<div style="background:green; overflow:scroll; width:500px; height:500px">
<font style="color:green">
としてみましょう。また、伝言板の大きさも変更できます。width:500px; height:500pxの数値を変更してください。コード挿入機能の仕様は改善されており、width（横幅）height（縦幅）の数値に合わせて自動的に大きさが変化するようになっています。 - 画面上の「記事を書く」をクリックして、記事作成画面を表示します。
- 「コード挿入」ボタンをクリックし、作った伝言板のHTMLタグをコピーアンドペーストで入力します。
- 入力が終わったら「はい」ボタンをクリックし、伝言板の位置を選択して「挿入する」ボタンをクリックします。
【1コード挿入の枠に複数のコードを記述できる？】
フィードバックをチェックすると、特にサイドバーへ複数のブログパーツを表示したいと思う方は多いようです。今まで1コード挿入に対して1コードとご回答していましたが、エンジニアに確認したところシステムの負荷には悪影響を与えないということが分かりましたのでご紹介します。今までのコード挿入方法で一番難しいかもしれません。ここでは最低限の設定のみご紹介しますが、gnsnwwwさんがとても解りやすく紹介されています。ぜひこちらも参考にしてください。
＜＜まず始めに＞＞
以前、「【Vox使い方講座】サイドバーにコードを挿入する2」でご紹介したように、Voxのコード挿入の仕様は縦幅・横幅の両方を指定していないと挿入したコードがエラーになるというポイントを必ず押さえましょう。
＜＜複数のブログパーツをサイドバーに表示してみよう＞＞
以前ご紹介したブログパーツの中からtmyymmtさん作の「ピンポイント天気予報」と、ちょっとした落書きができる「ラクガキボード」を2つ表示してみましょう。
- ピンポイント天気予報とラクガキボードのコードを作成し、それぞれコピーしておきましょう。
- 画面上の「Voxブログ」＞「デザイン」と進み、「サイドバーアイテムを選択 」をクリックします。
- 「コード挿入」にチェックが入っていない場合はクリックしてチェックをONにし、「コード入力・編集」をクリックします。
- コピーした2つのブログパーツのコードをまずはペーストしましょう。例では順番が「ラクガキボード」・「ピンポイント天気予報」になっています。
<script language="javascript" src="http://rakugaki.kayac.com/rakugaki_tag.php?rid=51863"></script> <noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript></div>
<script src="http://gmodules.com/ig/ifr?
url=http://tmyymmt.mine.nu/gg/PinpointWeatherJapan.xml&up_up_local=14%2F4610%2F
14205.html&up_up_mode=2&up_up_minimum_width=1&up_up_show_today=1
&up_up_show_tomorrow=1&up_up_weekday_max=6&up_up_show_icon=1
&up_up_show_temperature=1&up_up_temperature_unit=auto&up_up_show_
humidity=0&up_up_show_precipitation=0&up_up_show_wind=0&up_up_show_chance
_of_rain=1&up_up_color_set=blue2&up_up_font_size=12&up_up_show_info=1
&synd=open&w=150&h=250&title=湘南の天気&lang=ja&
amp;country=ALL&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&output=js"></script> - 次に、この2つのコードを表示するための大きさを指定します。gnsnwwwさんの紹介を参考にし、少しアレンジしています。入力しているコードの一番上に
<div style="width:160px; height:700px; margin:0px; text-align:reft; vertical-align:top;">
と記述し、ピンポイント天気予報のコードが終わった後ろに閉じタグの</div>を入力します。
ヒント：ラクガキボード＋ピンポイント天気予報で、最低でも140px＋250px=390pxの縦幅が必要です。それにコードがくっつくとブログパーツ同士が続いて表示されてしまいますし、コードのタイトルを入力したいので、大きめに指定して例では700pxを指定しました。 - 続いてそれぞれのパーツのタイトルを記載するためのタグを入力し、パーツ同士が続けて表示されないように、且つ各パーツの縦幅を指定します。そしてサイドバーの中で中央に表示されるように横幅と中央寄せの設定も行います。太字で反転した箇所をコードの中に追記しています。<div style>で宣言しているため、各パーツのコードの後ろに閉じタグの</div>を必ず付けましょう。
<div style="width:160px; height:700px; margin:0px; text-align:reft; vertical-align:top;">
<p style="margin:0px;">ラクガキボード</p>
<div style="text-align:center; width:140px; padding:5px 0px; margin: 0 0 10px 0;">
<script language="javascript" src="http://rakugaki.kayac.com/rakugaki_tag.php?rid=51863"></script> <noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript></div>
<p style="margin:0px;">ピンポイント天気予報</p>
<div style="text-align:center; width:160px; height:250px; padding:5px 0px; margin: 0 0 10px 0;">
<script src="http://gmodules.com/ig/ifr?
url=http://tmyymmt.mine.nu/gg/PinpointWeatherJapan.xml&up_up_local=14%2F4610%2F
14205.html&up_up_mode=2&up_up_minimum_width=1&up_up_show_today=1
&up_up_show_tomorrow=1&up_up_weekday_max=6&up_up_show_icon=1
&up_up_show_temperature=1&up_up_temperature_unit=auto&up_up_show_
humidity=0&up_up_show_precipitation=0&up_up_show_wind=0&up_up_show_chance
_of_rain=1&up_up_color_set=blue2&up_up_font_size=12&up_up_show_info=1
&synd=open&w=150&h=250&title=湘南の天気&lang=ja&
amp;country=ALL&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&output=js">
</script></div>
</div> - さあこれで準備は完了です。「はい」ボタンをクリックして正常に表示されるかチェックしましょう。
- 「合計の縦幅と横幅を指定して表示枠を確保する」
- 「それぞれのパーツに個別に縦幅（と横幅）を指定する」
- 「パーツ同士が続けて表示されないような工夫をする」
最後にお知らせです。07/08/13現在、Windows XP用アップロードツールでエラーが発生し、アップロードできない現象が確認されています。この現象はアップロードツールを以前ご利用で、Voxのログイン情報が残っている場合は発生しませんが、ブラウザのキャッシュクリアなどでVoxのログイン情報がPCに保存されていない場合発生します。現在調査中となっています。ご迷惑をおかけしますが復旧までしばらくお待ちください。
【関連ヘルプ】
--Steve & チームVoxサポート担当
--原文
先月サイドバーへのコード挿入機能が正式サービスとして提供になり、サイドバーへのコード挿入についてお知らせしましたが、「縦長の指定をしたはずなのにうまく表示されない。」・「縦に長いブログパーツが表示されない。」というフィードバックがありました。お困りの方も多いのではないでしょうか？
【Voxのサイドへのバーコード挿入の仕様について】
先日の記事でお知らせしている通り、VoxブログのCSSでは横幅のみ最大160pxlの指定は行っていますが、縦幅の指定は行っておらず通常縦長のパーツも表示されます。ただし、 縦幅はHTMLコードから取得していますので、例えば以下の条件に合致しないとエラーが発生します。
- <embed height="120"> のように height="" アトリビュートがある
- <div style="height:120px"> のように style アトリビュートにスタイルがあたっていて height が取得できるようになっている
- 埋め込むタグにembedタグやdivタグがある場合は縦幅の指定が行われているかチェックしてください。
- embedタグやdivタグが存在しない場合は、embedタグの場合はheight="XXX"で縦幅の指定を追加するか、divタグでstyle="XXX"とstyle宣言を追加することが必要です。
この上記のポイントを押さえて、実際にコードを挿入してみましょう。
【縦に長いコードを挿入しよう！】
それではフィードバックで寄せられた「slide」と「Flickr badgeのFlash badge」、そしてYahoo! Japanのトピックスのブログパーツと、VoxメンバーのtmyymmtさんがGoogle Gadgetで作成されている「ピンポイント天気予報」を挿入してみましょう。
- 「slide」のコードを挿入する
- slideでスライドショーのコードを作成します。以前の記事の手順6で縦幅を300pxlほどに指定してみましょう。
- 手順8で取得できるコードをコピーします。
- 取得したコードの例です。（一部個人を特定できるコード部分をXにしています。）：
<div><embed src="http://widget-8f.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent"
flashvars="cy=ld&il=1&channel=XXXXXXXXXXXXXXXXX&site=widget-8f.slide.
com" style="width:160px;height:300px" name="flashticker" align="middle"/>
<div style="width:160px;text-align:left;">
<a href="http://www.slide.com/pivot?cy=ld&ad=1&id=XXXXXXXXXXXXXXXXX&
map=1" target="_blank">
<img src="http://widget-8f.slide.com/p1/XXXXXXXXXXXXXXXXX/ld_t024_v000_a001
_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=ld&ad=1&id=XXXXXXXXXXXXXXXXX&
map=2" target="_blank"><img src="http://widget-8f.slide.com/p2/XXXXXXXXXXXXXXXXX/ld_t024_v000_a001
_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div> - slideで自動生成されたコードにはembedタグの<embed src=>から始まる青字の部分に横幅と縦幅の指定がありますが、divタグの<div style=>から始まる赤字の部分に横幅の指定をする「"width:160px;」の横幅の指定はありますが、縦幅の指定がありません。この縦幅の指定がないのでエラーになり表示されない状態になっています。
- 取得したコードを以下のように変更します。緑字の部分を追加します。
<div><embed src="http://widget-8f.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale"
salign="l" wmode="transparent" flashvars="cy=ld&il=1&channel=XXXXXXXXXXXXXXXXX&site=widget-8f.
slide.com" style="width:160px;height:300px" name="flashticker" align="middle"/><div style="width:160px;height:300px;text-align:left;"><a href="http://www.slide.com/pivot?cy=ld&ad=1&id=XXXXXXXXXXXXXXXXX&
map=1" target="_blank"><img src="http://widget-8f.slide.com/p1/XXXXXXXXXXXXXXXXX/ld_t024_v000_a001
_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=ld&ad=1&id=XXXXXXXXXXXXXXXXX&
map=2" target="_blank"><img src="http://widget-8f.slide.com/p2/XXXXXXXXXXXXXXXXX/ld_t024_v000_a001
_f00/images/xslide2.gif" border="0" ismap="ismap" /></a></div></div> - 縦幅指定を行ったコードをコピーアンドペーストして保存します。
- 「Flickr badge（Flash）」のコードを挿入する
- Flickrにログインして、Flickr badge（Flash）のコードを作成します。
- 例では、Flickrの登録者がアップロードした写真を全て表示する「Everyone's public photos」でコードを作成しました。：
<!-- Start of Flickr Badge -->
<style type="text/css">
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#ffffff; color:#666666; text-align:center;
font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:
none !important;}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+';
border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr
Badge"><\/iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge.gne" style="color:#3993ff;" onclick="zg_toggleWhat(); return false;">
What is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.
display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.
display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.
<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing recent <a href="http://www.flickr.com/photos/">
public photos from Flickr</a>. Make your own badge
<a href="http://www.flickr.com/badge.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById)
document.getElementById('zg_whatdiv').style.display = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge --> - 自動生成されたコードにはdivタグの<div class=>から始まる赤字の部分に縦幅の指定がありません。この縦幅の指定がないのでエラーになり表示されない状態になっています。
- 取得したコードを以下のように変更します。自動生成されたコードをそのまま挿入するとパーツが中央に表示されないので、中央に表示できるようにも調整します。緑字の部分を追加します。
<!-- Start of Flickr Badge -->
<style type="text/css">
.zg_div {margin:auto; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#ffffff; color:#666666; text-align:center;
font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:
none !important;}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+';
border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge.gne" style="color:#3993ff;" onclick="zg_toggleWhat(); return false;">
What is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.
display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.
display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div" style="height:300px;"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing recent <a href="http://www.flickr.com/photos/">
public photos from Flickr</a>. Make your own badge
<a href="http://www.flickr.com/badge.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge --> - 縦幅指定を行ったコードをコピーアンドペーストして保存します。
- 「Yahoo! Japanトピックス ブログパーツ」のコードを挿入する
- Yahoo! Japanトピックスのブログパーツをこのページで作成します。
- 作成したコードの例です：
<script>var CFLwidth = "150";var CFLheight = "208";var CFLswfuri = "http://i.yimg.jp/i/topics/blogparts/topics_s.swf?genre=top&wakuFontColor=00FF00&wakuBGColor
=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD";</script>
<script type="text/javascript" charset="euc-jp"
src="http://public.news.yahoo.co.jp/blogparts/js/topics.js"></script> - このようにscriptタグだけで構成されたコードには、divタグでstyle宣言をするだけでOKです。
- 取得したコードを以下のように変更します。緑字の部分を追加します。（例では念のため横幅の指定も行っています。）
<div style="width:150px; height:208px;">
<script>var CFLwidth = "150";var CFLheight = "208";
var CFLswfuri = "http://i.yimg.jp/i/topics/blogparts/topics_s.swf?genre=top&wakuFontColor=00FF00&wakuBGColor
=9B72CF&bodyFontColor=0000FF&bodyBGColor=F1F1FD";</script>
<script type="text/javascript" charset="euc-jp"
src="http://public.news.yahoo.co.jp/blogparts/js/topics.js"></script></div> - 修正を行ったコードをコピーアンドペーストして保存します。
- 「ピンポイント天気予報」のコードを挿入する
- ピンポイント天気予報のコードをこのページで作成します。
- 初期値の横幅が規定外の320pxになっていますので、160pxに変更し、その他地域や枠線などのカスタマイズを行います。
- 作成したコードの例です。：
<script src="http://gmodules.com/ig/ifr?
url=http://tmyymmt.mine.nu/gg/PinpointWeatherJapan.xml&up_up_local=14%2F4610%2F
14205.html&up_up_mode=2&up_up_minimum_width=1&up_up_show_today=1
&up_up_show_tomorrow=1&up_up_weekday_max=6&up_up_show_icon=1
&up_up_show_temperature=1&up_up_temperature_unit=auto&up_up_show_
humidity=0&up_up_show_precipitation=0&up_up_show_wind=0&up_up_show_chance
_of_rain=1&up_up_color_set=blue2&up_up_font_size=12&up_up_show_info=1
&synd=open&w=150&h=250&title=__MSG_title__&lang=ja&
amp;country=ALL&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&output=js">
</script> - Yahoo! Japanトピックスのコードと同様に、このコードもscriptタグだけで構成されています。divタグでstyle宣言をするだけでOKです。
- 取得したコードを以下のように変更します。緑字の部分を追加します。（例では念のため横幅の指定も行っています。）：
<div style="width:160px; height:300px;">
<script src="http://gmodules.com/ig/ifr?
url=http://tmyymmt.mine.nu/gg/PinpointWeatherJapan.xml&up_up_local=14%2F4610%2F
14205.html&up_up_mode=2&up_up_minimum_width=1&up_up_show_today=1&
up_up_show_tomorrow=1&up_up_weekday_max=6&up_up_show_icon=1
&up_up_show_temperature=1&up_up_temperature_unit=auto&up_up_show_humidity=0
&up_up_show_precipitation=0&up_up_show_wind=0&up_up_show_chance_of_rain=1&
amp;up_up_color_set=blue2&up_up_font_size=12&up_up_show_info=1&synd=open&
amp;w=150&h=250&title=__MSG_title__&lang=ja&
amp;country=ALL&border=http%3A%2F%2Fgmodules.com%2Fig%2Fimages%2F&output=js">
</script>＜/div> - 修正を行ったコードをコピーアンドペーストして保存します。
【チームVoxサポート担当よりお願い】
7月14日に実施した新バージョンリリースのお知らせや、チームVoxブログにコメントをお寄せいただき、ありがとうございます。
以前よりお願いしていますが、このチームVoxブログへのコメントやプライベートメッセージではVoxの機能に関するご意見・ご要望、ならびにサポートが必要なお問い合わせはお受けしておりません。
Voxは日本のVoxチームだけではなく、アメリカ・フランスと3チームで共同して運営しております。皆さんのご意見やご要望はその3チームがフィードバックの内容を集計してレポートにし、そのレポートの内容も踏まえてVoxのサービス向上に活用させていただいております。大変お手数ですが、ご意見・ご要望・サポートに関する内容は併せてフィードバックよりお寄せいただけますようお願いします。
【関連ヘルプ】
My Groups
-
Team Xacti Updated: Apr 16, 2009
-
美味しい動画コンテスト Updated: Feb 5, 2008
Neighborhood
Explore friends, family, friends & family, or entire neighborhood.
