Hatena::ブログ(Diary)

こども(てれび)

2010-09-19

[]投稿した記事を編集できるようになりました 22:58

f:id:wanpark:20100919224711p:image

機能拡張リストを作った後はタイトル編集しかできなかったのですが、装飾や内容の編集リスト内の並び替え・個別エントリーの削除をできるようにしました。それと、新規に記事をつくるか既存のリストに追加するかを選んで投稿できるようにしました。今回の修正に伴って投稿済みエントリーの装飾がリセットされてしまっているのですが、テスト投稿以外で色などを使っている人はいないようだったのでたぶん問題ないと思います。他人の投稿を自由に編集できる点は火種になりそうな感じですが、システム的にはありという線で。

次は画像動画の展開を実装予定です。それからちゃんと見れるサンプルなどを作ろうと思います。なんかtwitterHTML構造が安定してないっぽくてちょっと困る。

2010-09-17

[]OpenID対応しました 02:59

主にプロフィール画像の取り扱いが楽という理由でtwitterを使った認証のみを採用していたのですが、twitterアイデンティティを共有したくない人もいるだろうとか、ドメイン管理しにくいとか、ドメインにアンダースコアが入ってしまってかなり良くないとか、id:Serious さんから要望をもらったなどの理由により、OpenIDを使ったログイン対応しました。

f:id:wanpark:20100917030039p:image

ログイン画面はこんな感じになっています。なんではてなOpenID2.0に対応してないの。初回ログイン時にはサブドメインとなるユーザ名をきかれます。あとtwitter認証以外ではプロフィール画像をとれないので、「プロフィール設定」から設定してもらえるとよい具合になります。

SeriousSerious 2010/09/17 10:23 お仕事はやい!わんぱーくさんすごい!ありがとうごじます!

wanparkwanpark 2010/09/17 14:02 いえいえ、ご要望ありがとうございます。
たぶん見てる人にはサービスの方向性というか何がしたいのかがよくわからないと思うので、なんとかします。

2010-09-16

[]ユーザページでjavascriptを書けることについて 17:16

scrapiでは「カスタマイズ」ページから自分サイトHTMLを自由に編集する事ができます。javascriptflashでも制限なく書けます。それはセキュリティ大丈夫なのか、という話。

ログインや記事の編集などは www.scrapi.jp ドメイン上で行うようになっています。cookieドメインwww.scrapi.jpで保持しています。ユーザページは [ユーザ名].scrapi.jp ドメインになっていて、カスタマイズしたHTMLはここで表示されます。そのため、ユーザページからは閲覧者の認証情報は得られません。右下にお気に入りなどのメニューが出るのですが、これは www.scrapi.jp ドメインのページを iframe で表示しているので、ユーザページのHTMLに書かれたjavascriptからは参照できません。

以上のことから、ユーザ自分のページでjavascriptを書けても問題がないと判断しています。ただ、www.scrapi.jpに対してセキュリティ上の危険がないにしても、通常のHTMLと同じだけの危険はあります。具体的な例で言うと、hamachiya2.scrapi.jpアクセスすることは hamachiya.com にアクセスするのと同じくらいの危険性があります。これにたいして手を打つべきかどうかはちょっとわからないので考えておきます。

ここに書かれた内容について、誤りの指摘やご意見などありましたらコメントなどいただけると助かります。

2010-09-15

[]対応サイトの追加について 12:10

例えばはてぶとか発言小町とかをささっと追加してもいいんだけど、できればユーザ側でも追加できるようにしたい。ページから抽出するだけならなんとかなりそうだけど、プレビューとかHTMLの表示とかはどうするのと考えるとよくわからない。まあそこらへんはしばらくハードコードでやっておいて、そのほかの部分を実用レベルにもってくのが先かなー。

[]任意のページを引用できるようになりました 00:13

表示しているページから文を引用したエントリーを作れるようにしました。

f:id:wanpark:20100915000558p:image

また、エントリー挿入ボタンから「テキスト」を選ぶと、プレイテキストを挿入できます。

f:id:wanpark:20100915000559p:image

記事の先頭に説明文を入れる、などの用途を想定しています。いまはテキストのみですが、編集画面wysiwygエディタを出して任意のHTMLを使えるようにする予定です。

新機能を使うにはFirefox機能拡張更新が必要です。放っておけば勝手更新されますが、メニューの「ツール」→「アドオン」から「更新を確認」ボタンを押せばすぐに更新されます。使わないのに更新うざい、という方は削除してしまってください。

あと、これにあわせてデフォルトテンプレートに以下のCSSを追加しています。

.entry .type-quote .entry-content {
  margin-left: 0px;
  padding: 0.2em 0 0.2em 8px;
  border-left: solid 3px #4da2c3;
}
.entry .type-quote .entry-meta {
  font-size: 90%;
  margin-top: 0.3em;
}

すでに自分サイト製作している方はホームの「カスタマイズ」から「初期状態に戻す」を押して保存するか、良い感じにCSSを修正するかしてもらえると表示がまともになります。

智さん智さん 2012/04/20 21:13 ちびデビ 各話声優

第1話
まお:下屋則子 沢田ほのか:井口裕香
鈴木:堀口あすか 佐藤;赤崎千夏

第2話
まお:下屋則子 沢田ほのか:井口裕香
遠野京:坂東孝一 杉崎真:吉野裕行
小悪魔:くまいもとこ 女:藤村歩 男:三宅貴大

第3話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 園長先生:保志総一朗
男性:土田大 女性:中嶋ヒロ

第4話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 遠野京:坂東孝一
園長先生:保志総一朗

第5話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 伊藤先生:藤村歩
園長先生:保志総一朗

第6話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 かりん:佐久間レイ
ライ:山田ふしぎ 高山夏季:山口理恵
中川しおり:川澄綾子 伊藤先生:藤村歩
園長先生:保志総一朗

第7話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 かりん:佐久間レイ
ライ:山田ふしぎ 伊藤先生:藤村歩
園長先生:保志総一朗

第8話
まお:下屋則子 沢田ほのか:井口裕香
杉崎真:吉野裕行 かりん:佐久間レイ
ライ:山田ふしぎ 園長先生:保志総一朗
理香子おばさん:小林優子

2010-09-14

[]2chのまとめを作る 10:23

twitterについては 家族にばれないキャッシングってある? | お金がない時はどうする?このサイトを見る! に書いたので、2ちゃんねるのまとめ記事の作り方を説明します。

現在のscrapi拡張は、2chを直接ブラウザで見た場合、及びFirefox2chブラウザ拡張 Chaika で見た場合でのみ使えるようになっています。今回はchaikaを使って説明します。直接ブラウザで見た場合も手順はこれと同じです。

まずchaikaでまとめたいスレッドを表示して、引用したいレスレス番号のところをscrapiサイドバードラッグします。

f:id:wanpark:20100914101228p:image

これで1の発言が取り込まれました。質問スレなので、まず1の人の他の発言を抽出します。

f:id:wanpark:20100914101229p:image

発言を右クリックして「このID現在のページから抽出」を選択。それから1の全発言をレスポンス設定にします。

f:id:wanpark:20100914101230p:image

全選択してから「レスポンスにする」を選択。レスポンス設定は単に発言がインデントされるだけです。見た目はscrapiの「カスタマイズ」メニューからCSSで変更できるので後で説明します。続けて、この1の人がレスをつけている先の発言を取り込みます。

f:id:wanpark:20100914101231p:image

1が目立つように太字にしてみましょう。1の発言を右クリックして「このIDを選択」した後、「太字にする」を選びます。

f:id:wanpark:20100914101232p:image

f:id:wanpark:20100914101233p:image

これでまとめが完了しました。メニューの一番左のアップロードボタンを押して、タイトルを設定して投稿すると完成です。

http://wanpark.scrapi.jp/scraps/8

f:id:wanpark:20100914101234p:image


簡単!!

SeriousSerious 2010/09/15 11:45 身勝手なお願いですけど、googleアカウントでOpenID認証できるようになりませんか?

wanparkwanpark 2010/09/15 12:28 twitterの認証を採用して、ユーザのドメインもそれで縛ってしまったのはちょっと間違ったかなーと思ってました。twitterに依存するのが好ましくないとか、あと1ユーザが1ドメインしか持てないであるとか。
ここの部分は修正して、OpenIDでの認証も可能にしたいと思います。ご意見ありがとうございましたー