Geeklog1.6 スピーカー 今駒 哲子. なにをしている 役職： Geeklog Japanese プロジェクトリーダ Ivy SOHO 代表 大阪市立大学学友会幹事 株式会社アイビー・ウィー 代表取締役 OSS Japan 運営委員長 OSPN SNS 運営グループ員 LBI(Linux Business.

Presentation on theme: "Geeklog1.6 スピーカー 今駒 哲子. なにをしている 役職： Geeklog Japanese プロジェクトリーダ Ivy SOHO 代表 大阪市立大学学友会幹事 株式会社アイビー・ウィー 代表取締役 OSS Japan 運営委員長 OSPN SNS 運営グループ員 LBI(Linux Business."— Presentation transcript:

1 Geeklog1.6 スピーカー 今駒 哲子

2 なにをしている 役職： Geeklog Japanese プロジェクトリーダ Ivy SOHO 代表 大阪市立大学学友会幹事 株式会社アイビー・ウィー 代表取締役 OSS Japan 運営委員長 OSPN SNS 運営グループ員 LBI(Linux Business Initiative) 理事 SDS-Kanto 理事 Geeklog Japanese Ivy SOHO 大阪市立大学学友会 OSS Japan OSPN SNS LBI(Linux Business Initiative) オープンソース CMS を活用したホームページ開発・運営・設置サービス Geeklog Japanese 運営サポート SEO コンサルティング 2004 年 11 月 テレワーク推進賞受賞 2005 年 11 月 SOHO AWARDS 2005 銅賞受賞 2006 年 12 月 CNET 読者ブログ審査員特別賞受賞 2007 年 11 月 SOHO AWARDS 2007 選考委員賞受賞 2007 年 12 月 CNET 読者ブログ読者投票賞受賞 CNET 読者ブログ審査員特別賞受賞 CNET 読者ブログ読者投票賞受賞

3

4 1983 年～ 1985 年 コンピュータ開発ベンチャーで SE として勤務 1986 年 X68000 開発ニュースに惹かれてシャープ株式会社へ転職 ステレオ視画像生成特許取得なども X68000 CAD プログラム開発プロジェクトリーダ等 1994 年 シャープ株式会社退職 1995 年 幼児教育もじもじ Input! を開設。今駒インターラボとして SOHO 活動を開始。 1998 年 SOHO 支援サイト「 Ivy SOHO 」を立ち上げて仕事情報配信や SOHO 向け情報配信 を始める（現在会員 8000 人）。 1999 年～ 2003 年 大阪市立デザイン教育研究所嘱託教授 2005 年～ 2007 年 大阪府産業デザインセンターデザイン専門員 2003 年～ 有限会社アイビーソーホー設立。 Ivy SOHO では，毎月 SOHO に必要なセミナーを開催。 2004 年 9 月～ 特に Geeklog を推進。 2006 年 1 月 技術評論社 SoftwareDesign2 月号執筆。 Geeklog を紹介。 2006 年 8 月 ソーシャル・ネットワーキング・サービス Ivy SOHO SNS 「 We 」を開設（ 2008 年 6 月現在会員 600 人）。毎日日記やコミュニティで深く交流。仕事情報の交換や地域 SOHO コミュも。 2006 年～ 日本公式サイト Geeklog Japanese を共同管理・運営。 2006 年 11 月 Geeklog.jp SNS 開始 2007 年 3 月 Geeklog 導入ガイド執筆 2007 年 11 月 日本 SOHO 協会 SOHO DAY 記念シンポジウムにてオープンソースをテーマにコー ディネート。 2008 年 6 月 LW.org パビリオン参加。パネルディスカッション参画 2008 年 6 月 財団法人日本 SOHO 協会理事就任 2008 年 11 月 日本 SOHO 協会 SOHO DAY 記念シンポジウムにて講演。オープンソース情報サイ ト「 OSS Japan 」を企画・開発 2009 年 1 月 技術評論社 SoftwareDesign2 月号。 OSS Japan を追え！を執筆。 2009 年 5 月 財団法人日本 SOHO 協会理事退任 2009 年 5 月 LBI(Linux Business Initiative) 理事就任幼児教育もじもじ Input! Ivy SOHOIvy SOHO SNS 「 We 」 Geeklog Japanese OSS Japan LBI(Linux Business Initiative)

5 OSW2009.org パビリオン オープンソース CMS パネルディスカッションコーディネート

6

7

8

9

10

11 OSS Japan

12

13 OSS をとりまくサイト

14

15

16

17

18 その他 オープンソースソフトウェア協会 IPA OSS センターIPA OSS センター OSS iPedia

19 OSS Japan を実際に

20 Geeklog1.6 Geeklog Japanese 今駒哲子

21 Geeklog とは Geeklog は， PHP ・ MySQL で動作する汎 用 CMS で， GPL を適用して配布されてい るオープンソースです。 CMS GPL

22 Geeklog とは ブログを中核としたポータル CMS 。 そのため， SEO に強い設計。 企業サイトからコミュニティサイトまで。 独自データベース検索・ソートプラグイ ンを追加して軽快で高機能なサイトを構 築が可能。

23 表示するしくみ テーマ A （テンプレート，スタイルシート，画像， functions.php ） テーマ B （テンプレート，スタイルシート，画像， functions.php ） テーマ C （テンプレート，スタイルシート，画像， functions.php ） データベース 画像ファイル群 Geeklog プラグラム群 見栄え コンテンツ テーブル テキストコンテンツ 言語

24 特徴 動作が軽い マルチバイト言語にやさしい ドキュメントが充実 手離れが良い ハックしやすい 共通ライブラリが整備 すぐに使える 携帯対応（管理画面も携帯で操作）

25 自動タグ機能

26 ユーザ会の特徴 Geeklog が好きだから開発している（と思 う）。 ボランティア精神が旺盛で，初心者にも やさしい。 日本ユーザ会へのフィードバックが多い。 本家へのフィードバックが多い。 本家と仲が良い。 ときどき沸騰する！？

27 本家サイト

28 日本ユーザ会

29 日本ユーザ会 SNS

30 Wiki

31 DEMO

32 CODE （バージョン管理システム）

33 ドキュメント

34 すぐに運用できるわけ 編集アイコン

35 すぐに編集

36 コンフィギュレーション

37 (？)(？)

38 注目のプラグイン ナビゲーションプラグイン … パンくずリスト・多階層 メニュー バナー管理プラグイン … ランダムバナー等 Twitter プラグイン DB 管理プラグイン … 定期 DB バックアップ等も 自動タグプラグイン 他 Wiki を …

39 注目のテーマ WAIproCSS

40 plain

41 adeliaebiz_cool

42 ナビゲーションプラグイン (Navman) パンくずリスト 多階層メニュー

43 ナビゲーションプラグイン (Navman)

44

45 アクセス権限指定

46 関数ライブラリ

47 非公開領域 公開領域

48 テーマ 非公開領域 公開領域

49 プラグイン 非公開領域 公開領域

50 非公開領域 公開領域 プログラム

51 その他 非公開領域 公開領域 バックアップ データ 言語 ログ SQL 画像， PDF ， FLASH 他

52 非公開領域 公開領域 カスタム関数 CUSTOM_***() 本体関数の差し替え 関数の追加 （携帯ハックも） 本体ソースファイルを修正せずにカスタマイズ

53 軽快ながら高機能 Geeklog は，軽快に動作しながらも，機能は高 機能。 複雑なプラグインを追加しても動作が重くなら ない。 管理操作が共通していて，直感的に操作できる ので，すぐにだれでも運用できるので，手離れ が良い。 セキュリティ対応，バグ対応がスピーディ。 サポートが丁寧。 厳格なソースコード管理。 開発チームの協力体制が安定。

54 OSS Japan

55 OSS 開発者と出会えるサイト Geeklog で開発

56 携帯利用

57

58 モブログプラグイン XHTML テーマ対応・絵文字対応

59 Footer にナビゲーションプラグインのメニューを配置 {footer_navigation} {googleanalytics}

60 ナビゲーションプラグイン

61 ナビゲーションプラグインのコンフィギュレーション

62 テーマのカスタマイズ

63 テーマ *.thtml テンプレート テーマ変数 {leftblocks} などが利用できる css 画像 テーマのスタイルから呼ばれる画像 /images/custom/* 表示するごとによばれるテーマ専用 php /functions.php テーマのスタイルをカスタマイズする /custom.css ProfessionalCSS テーマ

64

65

66 CSS ファイル構成・カスケード順序 +style.css -------------------------- header.thtml 内の link 要素によって読み込まれます。 +css/debug.css -------------------- デバッグ用スタイル (1.00 以降には同梱されていません ) id, class 属性値とボックスボーダーを表示します。 標準ではコメントアウトされているので読み込まれません。 +css/default.css ------------------ デフォルトスタイル W3C による CSS 2.1 仕様書 Appendix D の推奨デフォルトスタイルで上書きします ( 一部を除く ) 。 URI: http://www.w3.org/TR/2004/CR-CSS21-20040225/sample.html +css/common.css ------------------- 共通スタイル サイト全体のスタイルです。 +css/layout.css ------------------- 基本レイアウトスタイル +css/block.css -------------------- ブロックスタイル +css/option.css ------------------- オプションメニュースタイル +css/form.css --------------------- フォームスタイル +css/story.css -------------------- 記事スタイル +css/article/article.css ---------- 個別記事ページスタイル +css/comment/comment.css ---------- コメントスタイル +css/navbar/navbar.css ------------ ナビゲーションスタイル +css/preferences/preferences.css -- 設定ページスタイル +css/profiles/profiles.css -------- メール送信ページスタイル +css/search/search.css ------------ 検索ページスタイル +css/stats/stats.css -------------- アクセス情報ページスタイル +css/submit/submit.css ------------ 投稿ページスタイル +css/trackback/trackback.css ------ トラックバックスタイル +css/users/users.css -------------- アカウント情報ページスタイル 管理者ページスタイルシート +css/admin.css -------------------- インポート用スタイルシート ( 管理者ページ ) +css/admin/common.css ----------- 共通スタイル ( 管理者ページ ) +css/admin/block.css ------------ ブロックエディタスタイル ( 管理者ページ ) +css/admin/group.css ------------ グループエディタスタイル ( 管理者ページ ) +css/admin/lists.css ------------ リストスタイル ( 管理者ページ ) +css/admin/mail.css ------------- グループメールページスタイル ( 管理者ページ ) +css/admin/moderation.css ------- 管理画面スタイル ( 管理者ページ ) +css/admin/plugins.css ---------- プラグインページスタイル ( 管理者ページ ) +css/admin/story.css ------------ 記事エディタスタイル ( 管理者ページ ) +css/admin/syndication.css ------ RSS 配信エディタスタイル ( 管理者ページ ) +css/admin/topic.css ------------ 話題エディタスタイル ( 管理者ページ ) +css/admin/trackback.css -------- トラックバックページスタイル ( 管理者ページ ) +css/admin/user.css ------------- ユーザエディタスタイル ( 管理者ページ ) プラグインスタイルシート +css/plugin.css ------------------- インポート用スタイルシート ( プラグイン ) +css/plugin/sitecalendar.css ---- サイトカレンダスタイル ( プラグイン ) +css/plugin/forum.css ----------- フォーラムスタイル ( プラグイン ) カスタムテーマスタイルシート +custom.css ----------------------- カスタムテーマスタイルシート 1.00 以降 サンプルとして、 custom.sample.css を同梱

67 custom.css 例 @charset "utf-8"; /*============================================================================== タイトル : adeliaebiz_cool 著者 : 説明 : adeliaebiz_cool に対する custom スタイルを追加する。 各ブロックの幅は下記の通りです。 このテーマは， 960px タイプです。 960px タイプ ・サイト全体の幅 [W] = 960px ・左ブロックの幅 [L] = 260px + 左 padding 10px = 270px ・右ブロックの幅 [R] = 140px + 右 padding 10px = 150px ・中央ブロックの幅 (3 カラム ) = [W] - [L] - [R] = 520px + 左右 padding 各 10px = 540px ・中央ブロックの幅 ( 左 - 中央 2 カラム ) = [W] - [L] = 670px + 左右 padding 各 10px = 690px ・中央ブロックの幅 ( 中央 - 右 2 カラム ) = [W] - [R] = 790px + 左右 padding 各 10px = 810px ・中央ブロックの幅 (1 カラム ) = [W] = 940px + 左右 padding 各 10px = 960px ・ナビゲーションの幅 = 920px コメント レイアウト 960px: サイト全体の幅 [W] レイアウト 150px: 右ブロックの幅 [R] レイアウト 260px: 左ブロックの幅 [L]- 左 padding 10px レイアウト 520px: 中央ブロックの幅 (3 カラム ) 540px - 左 padding 10px - 右 padding 10px レイアウト 670px: 中央ブロックの幅 ( 左 - 中央 2 カラム ) - 左 padding 10px - 右 padding 10px レイアウト 690px: 中央ブロックの幅 ( 左 - 中央 2 カラム ) レイアウト 790px: 中央ブロックの幅 ( 中央 - 右 2 カラム ) - 左 padding 10px - 右 padding 10px レイアウト 940px: 中央ブロックの幅 (1 カラム ) - 左 padding 10px - 右 padding 10px レイアウト 920px: ナビゲーションの幅 1080px タイプに変更する場合は以下のように設定してください。 ・サイト全体の幅 [W] = 1080px ・左ブロックの幅 [L] = 300px + 左 padding 10px = 310px ・右ブロックの幅 [R] = 160px + 右 padding 10px = 170px ・中央ブロックの幅 (3 カラム ) = [W] - [L] - [R] = 580px + 左右 padding 各 10px = 600px ・中央ブロックの幅 ( 左 - 中央 2 カラム ) = [W] - [L] = 750px + 左右 padding 各 10px = 770px ・中央ブロックの幅 ( 中央 - 右 2 カラム ) = [W] - [R] = 890px + 左右 padding 各 10px = 910px ・中央ブロックの幅 (1 カラム ) = [W] = 1060px + 左右 padding 各 10px = 1080px ・ナビゲーションの幅 = 1040px

68 Navman 対応テーマ ダウンロードはこちら {header_navigation}

69 トップページだけレウアト変更 静的ページプラグイン 表示モードの設定による

70 トップページだけ埋込み テンプレート header.thtml の，コンテンツを埋め込みたい場 所に，次のコードを入れます。

71 各ページのレイアウト 静的ページプラグイン 表示モードの設定による

72 ブロックごとに見栄えを変える functions.php $_BLOCK_TEMPLATE['abc'] = 'blockheader-abc.thtml,blockfooter-abc.thtml';

73 左ブロック｛ leftblock ｝をフッタに置く functions.php に以下の行を追記してくだ さい。 $_CONF['left_blocks_in_footer'] = 1;

74 ナビゲーションブロック配置

75

76

77

78

79 右ブロック｛ rightblock ｝を常時表示する functions.php で記述 $_CONF['show_right_blocks'] = true;

80 ハックする前に ハックする前に Geeklog サポート掲示板 へ！ ハックするとアップグレードしにくい

81 アップグレードのすすめ アップグレードするとハック不要になる 可能性も高いので、まずアップグレード して、そのあと必要なものだけハック データベースのエンコードに注意 utf-8 エンコード参照順に注意 utf-general

82 運営のコツ Ｄ Bman で毎日自動バックアップ 最新の Dbman で！ URL リライト 有効に！ 運営しやすい設計を！

83 これからの Geeklog OpenID ２．０対応 マージ予定 Twitter アカウントを使ったログイン 可 能性 Postgre ＳＱＬ対応 マージ中 データベースプラグイン（ IvyWe 開発） Geeklog1.6.2 で数々のアップグレード 4 月 公開 現在 Mercurial でダウンロード可能 - Wiki チックに静的ページを新規編集 etc. iPhone テーマが欲しいなぁ（つぶやき）

84 www.it-ken.com www.it-ken.com 3 月 18 日 Geeklog 発表

85 アドレス IvyJP (Twitter) 今駒 哲子 (Facebook) あいび～ (mixi) Tetsuko Komma (LinkedIn) http://www.ivywe.co.jp http://www.geeklog.jp http://www.ivysoho.com 日本情報産業新聞 ２月１日に、このひとを訪ねて で掲載予定