Movable Typeによるブログの 携 帯 対 応 と イントラブログへの 活 用 2010 年 3 月 15 日 ~WEB 社 内 報 で 情 報 共 有 をもっと 簡 単 に~ アイデアマンズ 株 式 会 社 代 表 取 締 役 宮 永 邦 彦 1
アイデアマンズ 株 式 会 社 について 2005 年 11 月 設 立 パッケージソフトウェアの 開 発 ケータイキット for Movable Type キャプチャツール WebScan PHP Perlなどによるシステム 開 発 Webサイトの 制 作 2
制 作 事 例 ~Afternoon Tea Online Shop 3
制 作 事 例 ~ 宿 命 1969-2010 4
本 日 お 伝 えしたいこと イントラネットにおける 携 帯 電 話 の 活 用 活 用 案 セキュリティ 携 帯 サイト 制 作 の 実 情 簡 単 なのに 面 倒 な 携 帯 サイトづくり プラグインによるMTの 携 帯 対 応 ケータイキット for Movable Typeのご 紹 介 イントラブログ 構 築 ソリューション 5
社 内 の 情 報 共 有 に 携 帯 電 話 を イントラネットにおける MTと 携 帯 電 話 の 活 用 6
システム 開 発 における Movable Typeの 強 み 高 機 能 なフレームワーク ユーザー 管 理 / 文 章 管 理 /フィードバック 管 理 柔 軟 なカスタマイズ プラグインによる 自 由 な 機 能 拡 張 Perlをベースとしたクイックな 開 発 無 数 の 機 能 モジュールを 利 用 可 能 (CPAN) 既 存 データとの 連 係 CSV/XML/Webサービスの 取 り 込 み データ 出 力 も 自 在 7
携 帯 電 話 は 一 人 一 台 の 情 報 インフラ 平 成 20 年 通 信 利 用 動 向 調 査 / 総 務 省 パソコン 8,255 万 人 携 帯 電 話 PHS 7,506 万 人 両 方 使 う 6,196 万 人 8
イントラへの 活 用 案 店 舗 工 場 などの 職 場 環 境 に 各 人 のPCを 常 備 しない 環 境 情 報 の 伝 達 共 有 営 業 外 勤 スタッフに 客 先 でのクイックレスポンス 経 営 層 に 移 動 時 間 などでの 意 志 決 定 の 支 援 9
店 舗 工 場 などの 職 場 環 境 に 社 内 報 ポータル 社 内 報 をブログシステムで 効 率 よく 運 営 携 帯 向 けのメール 配 信 も 効 果 的 フィードバックの 収 集 現 場 からのフィードバックをナレッジ 化 社 内 コールセンター 他 店 在 庫 照 会 日 頃 の 疑 問 に 本 部 から 回 答 10
営 業 外 勤 スタッフに 商 品 情 報 データベース 商 品 情 報 をブログによりポータル 化 顧 客 データベース 顧 客 情 報 と 連 携 見 積 もり 支 援 ツール 簡 易 見 積 もりフォーム 見 積 もり 実 績 検 索 11
経 営 層 に BI(Business Intelligence)ポータル 売 上 などの 会 計 情 報 を 自 動 レポート 受 注 取 引 先 速 報 パブリシティレポート メディア 露 出 の 簡 易 レポート Webサイトアクセスレポート Google Analytics 連 携 12
セキュリティと 利 便 性 セキュリティ 上 の 問 題 IP 制 限 不 可 VPN クライアント 証 明 書 不 可 パスワード 認 証 は 面 倒 敷 居 を 高 め 利 用 率 を 下 げる 13
端 末 固 有 IDの 活 用 端 末 (SIMカード)に 固 有 のIDを 利 用 Webサーバーに 自 動 的 に 送 られるID docomo: iモードid au: EZ 番 号 Softbank: 端 末 シリアル 番 号 かんたんログイン mixiなど 多 くの 携 帯 向 けサービスで 提 供 その 端 末 だけのアクセス 制 御 が 可 能 14
デモ 携 帯 イントラブログの 例 Webサイトアクセスレポートを 表 示 Google Analytics API Google Chart API PC 携 帯 両 対 応 の 社 内 ブログ リアルタイムに 連 動 閲 覧 には 認 証 が 必 要 パスワード 認 証 +かんたんログイン 対 応 15
セキュリティを 高 めるには 紛 失 対 策 PCからのアカウント 停 止 端 末 固 有 ID+ 暗 証 番 号 ボタンひとつではなく 4 桁 の 暗 証 番 号 を 入 力 させる エラー 回 数 制 限 セッションハイジャック 対 策 携 帯 電 話 はCookieサポートが 不 十 分 セッションIDをURLに 付 加 URLが 漏 洩 すると 短 期 的 に 不 正 アクセスが 可 能 端 末 固 有 IDと 組 み 合 わせて 認 証 招 待 制 かんたんログイン 16
招 待 制 かんたんログイン 管 理 者 携 帯 にURL 付 き メールを 送 信 利 用 者 URLをクリックす ると 固 有 ID 登 録 PCから 携 帯 メールを 登 録 イントラブログが 利 用 可 能 に 17
簡 単 なのに 面 倒 な 携 帯 サイトづくり 携 帯 サイト 制 作 の 実 情 と 問 題 点 18
携帯サイト制作は簡単 HTMLは10年前のPCと同程度 携帯HTMLで古くからサポートされているタグ HTML HEAD TITLE BODY META BLOCKQUOTE BR BLINK CENTER FONT DIV H1~6 P PRE HR MARQUEE A DL DT DD OL UL LI FORM INPUT SELECT OPTION TEXT IMG 文字コードは基本シフトJIS 段組 マルチカラムなどの複雑なレイアウトはなし JavaScriptは利用できない 19
EZwebとYahoo!ケータイでは CSSも使いやすい EZwebとYahoo!ケータイで再現性の高いCSSプロパティ PCにかなり近い margin padding display border background color text-align vertical-align line-height text-indent white-space textdecoration font line-style EZwebは2001年から Y!ケータイは2003年からCSSに対応(一部の機種 を除く) 20
iモードのcssがちょっと 曲 者 厳 密 なXHTMLで 記 述 しないと 適 用 されない 拡 張 子.xhtml HTMLと 互 換 性 が 低 い color bgcolorなどの 属 性 が 無 効 になる 外 部 CSSファイル <style>タグ 使 用 不 可 構 造 とスタイルの 分 離 ができない! すべてタグ( 要 素 )のstyle 属 性 に 書 かないとダメ でも 表 現 力 は 高 い 背 景 色 が 使 える iモードブラウザ2.0でこれらの 問 題 は 解 決 ただし 浸 透 に2~3 年 以 上 はかかる 見 込 み 21
携 帯 サイトのデザイン 水 準 低 予 算 表 現 力 ここが 主 流 1HTML 2HTML +CSS 3XHTML +CSS 4+FlashLite 旧 機 種 との 互 換 性 高 実 装 が 簡 単 メンテしやすい EZwebと Softbankに 対 して 表 現 力 向 上 iモードに 対 しても 表 現 力 向 上 ちょっと 大 変 対 応 機 種 は 限 定 表 現 力 は 飛 躍 的 に 向 上 22
携 帯 サイト 制 作 の 問 題 点 PCサイトのとの 違 い 画 像 サイズ データサイズ 絵 文 字 文 字 コード HTMLソース PCサイトの 場 合 OSやブラウザが 違 ってもサイ トの 幅 は 大 体 統 一 HTMLや 画 像 のデータ 量 は 事 実 上 無 制 限 絵 文 字 は 使 わないか 使 うと しても 画 像 で 表 現 UTF-8が 主 流 で 半 角 カタカ ナはタブー OSやブラウザが 違 っても HTMLは 共 通 携 帯 サイトの 場 合 機 種 によって 液 晶 サイズが 違 う 機 種 によって1ページで 使 える データ 量 が 厳 密 に 決 まっている 絵 文 字 は 軽 量 で 強 力 な 表 現 だが キャリアごとに 互 換 性 が 不 十 分 シフトJISが 主 流 で 半 角 カタカナ を 多 用 キャリアや 機 種 ごとに 書 き 分 け が 必 要 なことも 23
携 帯 サイトの 問 題 点 をプラグインで 解 決! ケータイキット for Movable Type 24
ケータイキット for Movable Type MT 携 帯 対 応 プラグイン Movable Typeのプラグイン 簡 単 インストール 他 のプラグインとの 組 み 合 わせが 可 能 800 機 種 以 上 の 仕 様 データを 内 蔵 携 帯 サイト 用 テンプレートの 作 成 を 支 援 1000ライセンス 以 上 の 納 入 実 績 MTをCMSとしたサイト 制 作 技 術 を 活 かし 携 帯 サイトの 制 作 ができます 25
ケータイキット for Movable Type 主 な 機 能 画 像 の 自 動 変 換 機 種 の 液 晶 サイズを 判 別 し 自 動 変 換 著 作 権 保 護 や 待 ち 受 け 画 像 生 成 にも 対 応 絵 文 字 の 自 動 変 換 絵 文 字 をキャリア 別 にコード 変 換 ページの 自 動 分 割 機 種 ごとに1ページあたりのサイズを 考 慮 し コンテ ンツを 自 動 分 割 文 字 コードの 自 動 変 換 PC 向 けサイトの 文 字 コードに 関 わらず 携 帯 サイト はシフトJISに 変 換 カタカナも 自 動 で 半 角 に 変 換 26
3キャリア 多 機 種 対 応 の 仕 組 み MT ブログ 記 事 テンプ レート 携 帯 用 テンプ レート HTML ファイル 独 自 のロジックを 実 装 PHP ファイル ケータイキットが PHPプログラムを 生 成 キャリアや 機 種 を 判 別 絵 文 字 や 画 像 を 変 換 27
ケータイキット for Movable Type 導 入 事 例 のご 紹 介 28
ケータイキットの 導 入 パターン 1 既 存 のPC 向 けサイトを 携 帯 でも 閲 覧 可 能 にする 2 MTを 携 帯 専 用 サイトの CMSとして 利 用 する 3 PCと 携 帯 のハイブリッドな CMSとして 利 用 する 29
1 既 存 のPC 向 けブログを 携 帯 でも 閲 覧 可 能 にする J-CASTニュース(http://www.j-cast.com/) 30
2MTを 携 帯 専 用 サイトの CMSとして 利 用 する(1) Francfranc 公 式 携 帯 サイト http://m.francfranc.com/ 31
3PCと 携 帯 のハイブリッドな CMSとして 利 用 する ロックバンド plane オフィシャルHP(http://www.plane-jp.com/) 32
3PCと 携 帯 のハイブリッドな CMSとして 利 用 する CD/DVD 情 報 ニュースなど 更 新 頻 度 の 高 い 情 報 は 一 元 管 理 33
携 帯 イントラブログの 構 築 のために 携 帯 イントラブログ 構 築 ソリューション 34
携 帯 イントラブログ 構 築 ソリューション 1. Movable Type(MTCMS) ベースシステム 2. ケータイキット for Movable Type 携 帯 向 けサイト 構 築 支 援 3. 携 帯 コミュニティ 機 能 カスタムパッケージ 携 帯 での 認 証 機 能 をサポート 4. カスタムプラグイン 開 発 サイト 構 築 独 自 機 能 の 実 装 デザイン 実 装 など 35
ケータイキット for Movable Type パッケージ 単 体 の 概 要 動 作 環 境 Movable Type 3.2 以 上 Enterprise 1.5 以 上 PHP 4.3 以 上 ImageMagickまたはGD( 画 像 変 換 機 能 ) 価 格 初 期 ライセンス 費 用 105,000 円 ( 税 込 ) 買 い 切 り 継 続 費 用 一 切 なし クレジットカード 請 求 書 払 いなど 幅 広 く 対 応 試 用 版 無 料 ダウンロード 60 日 間 全 機 能 を 試 用 できます 36
ご 静 聴 ありがとうございました 37