http://openpne3.com/api.php?action=feedcontributions&user=61.194.39.26&feedformat=atom
OpenPNE3まとめwiki - 利用者の投稿記録 [ja]
2024-03-28T13:37:40Z
利用者の投稿記録
MediaWiki 1.23.15
http://openpne3.com/wiki/%E3%82%B9%E3%83%9E%E3%83%BC%E3%83%88%E3%83%95%E3%82%A9%E3%83%B3%E5%AF%BE%E5%BF%9C%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%81%AE%E4%BD%9C%E3%82%8A%E6%96%B9
スマートフォン対応プラグインの作り方
2013-08-28T08:04:31Z
<p>61.194.39.26: </p>
<hr />
<div>【OpenPNE3.8系対応プラグインについて】<br />
<br />
■ スマートフォン対応<br />
OpenPNE3.8系の大きな目玉として、スマートフォン対応するという項目があります。<br />
この章では特に、プラグイン側からのスマートフォン対応方法について、解説していきます。<br />
<br />
<br />
■ スマートフォン対応の基本仕様<br />
<br />
* jsについては基本的にjQueryを使用 (コアにjquery.min.js が同梱されている)<br />
* テンプレートレンダリングは基本的にjQuery Templateを使用(コアにjquery.tmpl.min.jsが同梱されている)<br />
* アクション側での処理は最小限に抑え、データ取得など時間のかかる処理についてはAPIに回す (データ取得など)<br />
※もちろんsymfonyアクションを使用したほうが明らかに早いとかいう場合(たとえばデータ1件だけ取得してくる等)はsymfonyアクションを使用しても問題ありません<br />
(というかここは実装者の考えにもよるかも)<br />
<br />
<br />
例:タイムラインプラグイン<br />
https://github.com/kashiwasan/opTimelinePlugin<br />
<br />
<br />
<br />
■ 基本プロセス<br />
<br />
(GET系)<br />
1. pc_frontendの中にスマホ用のアクション&テンプレートを記述<br />
(基本的にはアクションはテンプレートレンダリングの為につかう)<br />
※とりあえずjQuery template のテンプレートは最初は書かなくていいかも<br />
2. apiの中にデータ・基本情報を取得するためのアクションを記述<br />
3. apiからデータ取得 → jQuery テンプレートでレンダリング するためのJSを記述<br />
<br />
(POST系)<br />
1. pc_frontendの中にスマホ用のアクション&テンプレートを記述<br />
(基本的にはアクションはテンプレートレンダリング用につかうだけ)<br />
2. apiの中にPOST用アクションを記述<br />
3. apiでポスト送信 → ajax-loading.gif 表示 → 「送信が完了しました」が望ましいかも<br />
<br />
<br />
■ 詳細な仕様<br />
<br />
(アクション系)<br />
* スマホ用アクションはすべてpc_frontendの中に入れる(appsを新たに作らない方式)<br />
* スマホかどうかの判別は、opWebRequest の isSmartPhone()関数を使用<br />
* スマホ用アクションの接頭辞はSmtXXXX(アクション名の接頭辞がSmtXXXXなので、テンプレート名も自然とsmtXXXXSuccess.php等となる)<br />
* pc用のアクションの中にスマホ判別を行い、スマホ用のアクションにreturnする<br />
<br />
(アクション記述の例)<br />
<br />
26 public function executeIndex(opWebRequest $request)<br />
27 {<br />
28 if ($request->isSmartphone())<br />
29 {<br />
30 return $this->executeSmtIndex($request);<br />
31 }<br />
32 }<br />
33 <br />
34 public function executeSmtIndex(opWebRequest $request)<br />
35 {<br />
36 $this->setLayout('smtLayoutHome');<br />
37<br />
38 return sfView::SUCCESS;<br />
39 }<br />
<br />
<br />
(レイアウト系)<br />
モジュールの中のconfig/view.ymlに<br />
<br />
smtXXXXSuccess:<br />
layout: smtLayoutOOOO<br />
<br />
と記述することにより有効化される<br />
<br />
<br />
■ スマホレイアウトの種類<br />
smtLayoutHome … HOME画面表示用のレイアウト、sf_nav_typeで言うところのdefault系<br />
smtLayoutMember … メンバー画面表示用のレイアウト、sf_nav_typeで言うところのfriend系<br />
smtLayoutGroup … コミュニティ画面表示用のレイアウト、sf_nav_typeで言うところのcommunity系<br />
smtLayoutSNS … その他の画面表示レイアウト、sf_nav_typeで言うところのdefault系、もしくはnone<br />
<br />
* スマホレイアウトの種類により表示が異なる具体的な箇所<br />
* tosakaにあるメンバー画像、メンバーの名前<br />
* tosakaにあるナビゲーション、コミュニティ投稿<br />
<br />
※注意<br />
smtLayoutMember, smtLayoutGroupを指定した場合、<br />
アクション側からメンバー情報、コミュニティ情報を指定する必要がある。<br />
smtLayoutMemberの場合 → $this->getResponse()->setDisplayMember($this->member);<br />
smtLayoutCommunityの場合→ $this->getResponse()->setDisplayCommunity($this->community);<br />
<br />
<br />
<br />
(通知系)<br />
<br />
OpenPNE3.8系からは新たに「通知センター」というものが実装されました。<br />
これは従来、INFORMATIONボックスに「新着メッセージが1件あります」とか「新着コメントが1件あります」と表示されていた代わりとなるもので、<br />
現在はスマートフォンのみしか対応していませんが、PC版もいずれはINFORMATIONボックスから通知センターに移行する予定です。<br />
通知系は一括で、opNotificationCenter::notify()を使用してください<br />
<br />
1. 通知を追加する<br />
$category = 'link'; // 'link', 'message, 'other'の種類がある<br />
$icon_url = 'hogehoge'; // 通知本文の左に表示されるアイコンのURL<br />
$option = array ('category' => $category, 'icon_url' => $icon_url);<br />
opNotificationCenter::notify(Member $from, Member $to, $body, array $options = null)<br />
<br />
<br />
2. 通知を消す(既読状態にする)<br />
opNotificationCenter::setRead(Member $target, $notificationId)<br />
<br />
<br />
(APIエントリポイント系)<br />
<br />
OpenPNE3.8系からは、同じ内部のAPIを多用するようになります。<br />
APIのエントリポイント名については、予め定義されていて、特にプラグインから提供されるAPIに関してはエントリポイント名は/plugin/から始めるように決められています。。<br />
<br />
(参照) https://docs.google.com/a/tejimaya.com/spreadsheet/ccc?key=0AlEj4P9A6aRKdGp5cjFfaER3N1IzdUNhT3RlTmtUdmc&hl=ja#gid=0<br />
・日記投稿 /plugin/diary_post.json<br />
・日記検索 /plugin/diary_search.json</div>
61.194.39.26
http://openpne3.com/wiki/OpenPNE3%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88
OpenPNE3を使っているサイト
2011-05-23T08:44:39Z
<p>61.194.39.26: </p>
<hr />
<div>マナーを守って自由に編集して下さい。<br />
<br />
{| class="wikitable" style="width:100%"<br />
! タイトル !! 種類 !! 運営 !! 制作 !! URL !! コメント<br />
|-<br />
| イクメン’s Room || エンタメ || 4260 || || http://room.ikumens.com/ || イクメンための情報交換SNS<br />
|-<br />
| コミュー || エンタメ || [http://www.leosv.jp/ 株式会社レグルス] || || http://comuu.jp/ || 無料レンタルSNS<br />
|-<br />
| 東京ライフ || 政治 || [http://www.tokyolife.jp/ 民主党] || || http://sns.tokyolife.jp/ || 民主党所属の区議会議員が参加<br />
|-<br />
| RIKEN SNS || 研究者交流 || 独立行政法人理化学研究所 || || https://sns.riken.jp/ || 多言語対応(日本語/英語)<br />
|-<br />
| 宴 -utage || エンタメ || 4260 || || http://insh.jp/ || twitter型SNS<br />
|-<br />
| TRPG SNS || エンタメ || 井上(仮) || || [http://trpgsns.jp/openpne/web/ http://trpgsns.jp/]<br />
|-<br />
| STYLE MEME (スタイル ミーム)|| オンラインブックマーク || [http://www.ozone.co.jp/ (株)リビング・デザインセンター] || [http://www.adjust.ne.jp/ 株式会社アジャスト] || http://stylememe.jp/ || 住宅に関しての情報サイト<br />
|-<br />
| ToMiCo || エンタメ || [http://www.adjust.ne.jp/ 株式会社アジャスト] || [http://www.adjust.ne.jp/ 株式会社アジャスト] || http://tomico.jp/ || 同人系特化SNS<br />
|-<br />
| 漫描き || エンタメ || [http://d.hatena.ne.jp/s_kaneda/ 金田周士] || || http://mankaki.jp/ ||<br />
|-<br />
| 非モテSNS || エンタメ || [http://hotcocoa.biz/ 株式会社ホットココア] || || http://himote.in/ ||<br />
|-<br />
| OpenPNE公式SNS || 開発 || [http://www.tejimaya.com/ 株式会社手嶋屋] || || http://sns.openpne.jp/ ||<br />
|}</div>
61.194.39.26
http://openpne3.com/wiki/OpenPNE3%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%82%B5%E3%82%A4%E3%83%88
OpenPNE3を使っているサイト
2011-05-23T08:40:29Z
<p>61.194.39.26: </p>
<hr />
<div>マナーを守って自由に編集して下さい。<br />
<br />
{| class="wikitable" style="width:100%"<br />
! タイトル !! 種類 !! 運営 !! 制作 !! URL !! コメント<br />
|-<br />
| イクメン’s Room || エンタメ || 4260 || || http://room.ikumens.com/ || イクメンための情報交換SNS<br />
|-<br />
| コミュー || エンタメ || [http://www.leosv.jp/ 株式会社レグルス] || || http://comuu.jp/ || 無料レンタルSNS<br />
|-<br />
| 東京ライフ || 政治 || [http://www.tokyolife.jp/ 民主党] || || http://sns.tokyolife.jp/ || 民主党所属の区議会議員が参加<br />
|-<br />
| RIKEN SNS || 研究者交流 || 独立行政法人理化学研究所 || || https://sns.riken.jp/ || 多言語対応(日本語/英語)<br />
|-<br />
| 宴 -utage || エンタメ || 4260 || || http://insh.jp/ || twitter型SNS<br />
|-<br />
| TRPG SNS || エンタメ || 井上(仮) || || [http://trpgsns.jp/openpne/web/ http://trpgsns.jp/]<br />
|-<br />
| STYLE MEME (スタイル ミーム)|| || [http://www.ozone.co.jp/ (株)リビング・デザインセンター] || [http://www.adjust.ne.jp/ 株式会社アジャスト] || http://stylememe.jp/ || <br />
|-<br />
| ToMiCo || エンタメ || [http://www.adjust.ne.jp/ 株式会社アジャスト] || [http://www.adjust.ne.jp/ 株式会社アジャスト] || http://tomico.jp/ || 同人系特化SNS<br />
|-<br />
| 漫描き || エンタメ || [http://d.hatena.ne.jp/s_kaneda/ 金田周士] || || http://mankaki.jp/ ||<br />
|-<br />
| 非モテSNS || エンタメ || [http://hotcocoa.biz/ 株式会社ホットココア] || || http://himote.in/ ||<br />
|-<br />
| OpenPNE公式SNS || 開発 || [http://www.tejimaya.com/ 株式会社手嶋屋] || || http://sns.openpne.jp/ ||<br />
|}</div>
61.194.39.26
http://openpne3.com/wiki/%E3%83%90%E3%83%B3%E3%83%89%E3%83%AB%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3:%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88:opAuthMobileUIDPlugin
バンドルプラグイン:プロジェクト:opAuthMobileUIDPlugin
2011-02-16T02:25:19Z
<p>61.194.39.26: ページの作成: http://redmine.openpne.jp/projects/plg-authmobileuid</p>
<hr />
<div>http://redmine.openpne.jp/projects/plg-authmobileuid</div>
61.194.39.26
http://openpne3.com/wiki/%E3%83%90%E3%83%B3%E3%83%89%E3%83%AB%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3:%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88:opAuthMailAddressPlugin
バンドルプラグイン:プロジェクト:opAuthMailAddressPlugin
2011-02-16T02:24:41Z
<p>61.194.39.26: ページの作成: http://redmine.openpne.jp/projects/plg-authmailaddress</p>
<hr />
<div>http://redmine.openpne.jp/projects/plg-authmailaddress</div>
61.194.39.26
http://openpne3.com/wiki/%E3%83%90%E3%83%B3%E3%83%89%E3%83%AB%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3:%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88:opAlbumPlugin
バンドルプラグイン:プロジェクト:opAlbumPlugin
2011-02-16T02:24:00Z
<p>61.194.39.26: ページの作成: http://redmine.openpne.jp/projects/plg-album</p>
<hr />
<div>http://redmine.openpne.jp/projects/plg-album</div>
61.194.39.26