Suche senden
Hochladen
自分達のサイボウズ Office を開発しよう
•
3 gefällt mir
•
51,724 views
S
Shinya Hata
Folgen
cybozu.com カンファレンス II
Weniger lesen
Mehr lesen
Technologie
Melden
Teilen
Melden
Teilen
1 von 35
Empfohlen
Báo cáo thực tập tốt nghiệp. đề xuất giải pháp nâng cao hiệu quả marketing b...
Báo cáo thực tập tốt nghiệp. đề xuất giải pháp nâng cao hiệu quả marketing b...
Minh Nguyen
Đề tài: Giải pháp hoàn thiện trưng bày sản phẩm tại siêu thị Thuận Thành, 9 Đ...
Đề tài: Giải pháp hoàn thiện trưng bày sản phẩm tại siêu thị Thuận Thành, 9 Đ...
Viết thuê trọn gói ZALO 0934573149
Luận văn tốt nghiệp một số giải pháp nhằm mở rộng thị trường tiêu thụ sản phẩ...
Luận văn tốt nghiệp một số giải pháp nhằm mở rộng thị trường tiêu thụ sản phẩ...
https://www.facebook.com/garmentspace
Nhóm 1 price
Nhóm 1 price
Quảng Cáo Vietnam
Đề án Quản trị bán lẻ
Đề án Quản trị bán lẻ
haidang91
Nhật ký thực tập Marketing Online, Digital Marketing
Nhật ký thực tập Marketing Online, Digital Marketing
Dịch vụ viết bài trọn gói ZALO: 0909232620
Khóa Luận Giải Pháp Nâng Cao Hoạt Động Content Marketing Trên Website
Khóa Luận Giải Pháp Nâng Cao Hoạt Động Content Marketing Trên Website
Dịch vụ Làm Luận Văn 0936885877
Tiểu luận marketing: chiến lược phân phối sản phâm bọt sủi thanh nhiệt Herbal...
Tiểu luận marketing: chiến lược phân phối sản phâm bọt sủi thanh nhiệt Herbal...
Trương Trung Thành
Empfohlen
Báo cáo thực tập tốt nghiệp. đề xuất giải pháp nâng cao hiệu quả marketing b...
Báo cáo thực tập tốt nghiệp. đề xuất giải pháp nâng cao hiệu quả marketing b...
Minh Nguyen
Đề tài: Giải pháp hoàn thiện trưng bày sản phẩm tại siêu thị Thuận Thành, 9 Đ...
Đề tài: Giải pháp hoàn thiện trưng bày sản phẩm tại siêu thị Thuận Thành, 9 Đ...
Viết thuê trọn gói ZALO 0934573149
Luận văn tốt nghiệp một số giải pháp nhằm mở rộng thị trường tiêu thụ sản phẩ...
Luận văn tốt nghiệp một số giải pháp nhằm mở rộng thị trường tiêu thụ sản phẩ...
https://www.facebook.com/garmentspace
Nhóm 1 price
Nhóm 1 price
Quảng Cáo Vietnam
Đề án Quản trị bán lẻ
Đề án Quản trị bán lẻ
haidang91
Nhật ký thực tập Marketing Online, Digital Marketing
Nhật ký thực tập Marketing Online, Digital Marketing
Dịch vụ viết bài trọn gói ZALO: 0909232620
Khóa Luận Giải Pháp Nâng Cao Hoạt Động Content Marketing Trên Website
Khóa Luận Giải Pháp Nâng Cao Hoạt Động Content Marketing Trên Website
Dịch vụ Làm Luận Văn 0936885877
Tiểu luận marketing: chiến lược phân phối sản phâm bọt sủi thanh nhiệt Herbal...
Tiểu luận marketing: chiến lược phân phối sản phâm bọt sủi thanh nhiệt Herbal...
Trương Trung Thành
Tổ chức thực hiện kế hoạch Marketing
Tổ chức thực hiện kế hoạch Marketing
Tới Nguyễn
dự-án-sen-đá.pptx
dự-án-sen-đá.pptx
ThoHongPhng5
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
Luận Văn 1800
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
Nhận Viết Đề Tài Điểm Cao ZALO 0917193864 - LUANVANTRUST.COM
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Thanh Tu Nguyen
Tài liệu Social Media Marketing
Tài liệu Social Media Marketing
hoangnguyen_edu_vn
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
luanvantrust
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Dịch Vụ Viết Bài Trọn Gói ZALO 0917193864
自分達のサイボウズ office-を開発しよう
自分達のサイボウズ office-を開発しよう
Cybozucommunity
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
Cybozucommunity
素晴らしきメガデモの世界
素晴らしきメガデモの世界
eagle0wl
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
Tanaka Yuichi
Logcatの話
Logcatの話
Shinobu Okano
ユーザー体験設計を軸にすすめるサービスデザイン
ユーザー体験設計を軸にすすめるサービスデザイン
Noriteru Ino
コマンドなしでぼくはAndroid開発できない話
コマンドなしでぼくはAndroid開発できない話
Shinobu Okano
Dicionário de Bolso - Oswald de Andrade
Dicionário de Bolso - Oswald de Andrade
Universidade Federal de Roraima
Reportaje: Las subidas de tipos incentivan el ahorro
Reportaje: Las subidas de tipos incentivan el ahorro
Luis García Langa
Challenges for Asia’s Trade and Environment
Challenges for Asia’s Trade and Environment
Olivier Serrat
S&OP IBF-3 Core-Questions-Biel-07-07-12
S&OP IBF-3 Core-Questions-Biel-07-07-12
Jim Biel
SeNSE -first presentation-
SeNSE -first presentation-
SeNSE atNecst
The Flying Camel 1950
The Flying Camel 1950
amonyhig .
Geografía literaria: Lírica griega antigua
Geografía literaria: Lírica griega antigua
Rosa Mariño
Weitere ähnliche Inhalte
Was ist angesagt?
Tổ chức thực hiện kế hoạch Marketing
Tổ chức thực hiện kế hoạch Marketing
Tới Nguyễn
dự-án-sen-đá.pptx
dự-án-sen-đá.pptx
ThoHongPhng5
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
Luận Văn 1800
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
Nhận Viết Đề Tài Điểm Cao ZALO 0917193864 - LUANVANTRUST.COM
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Thanh Tu Nguyen
Tài liệu Social Media Marketing
Tài liệu Social Media Marketing
hoangnguyen_edu_vn
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
luanvantrust
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Dịch Vụ Viết Bài Trọn Gói ZALO 0917193864
Was ist angesagt?
(8)
Tổ chức thực hiện kế hoạch Marketing
Tổ chức thực hiện kế hoạch Marketing
dự-án-sen-đá.pptx
dự-án-sen-đá.pptx
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
Đề tài báo cáo thực tập Marketing thương hiệu 9 điểm
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
MÔ TẢ CÔNG VIỆC chăm sóc khách hàng - mô tả công việc THỰC TẬP PHÒNG KINH DOANH
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Đề xuất kế hoạch truyền thông ra mắt Bỉm Bibabibo
Tài liệu Social Media Marketing
Tài liệu Social Media Marketing
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
Hoàn thiện công tác quản trị marketing tại công ty Cổ phần Thƣơng mại và Sản ...
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Đề tài: Hoạt động quảng cáo thuơng mại ngoài trời tại quận Hà Đông
Andere mochten auch
自分達のサイボウズ office-を開発しよう
自分達のサイボウズ office-を開発しよう
Cybozucommunity
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
Cybozucommunity
素晴らしきメガデモの世界
素晴らしきメガデモの世界
eagle0wl
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
Tanaka Yuichi
Logcatの話
Logcatの話
Shinobu Okano
ユーザー体験設計を軸にすすめるサービスデザイン
ユーザー体験設計を軸にすすめるサービスデザイン
Noriteru Ino
コマンドなしでぼくはAndroid開発できない話
コマンドなしでぼくはAndroid開発できない話
Shinobu Okano
Dicionário de Bolso - Oswald de Andrade
Dicionário de Bolso - Oswald de Andrade
Universidade Federal de Roraima
Reportaje: Las subidas de tipos incentivan el ahorro
Reportaje: Las subidas de tipos incentivan el ahorro
Luis García Langa
Challenges for Asia’s Trade and Environment
Challenges for Asia’s Trade and Environment
Olivier Serrat
S&OP IBF-3 Core-Questions-Biel-07-07-12
S&OP IBF-3 Core-Questions-Biel-07-07-12
Jim Biel
SeNSE -first presentation-
SeNSE -first presentation-
SeNSE atNecst
The Flying Camel 1950
The Flying Camel 1950
amonyhig .
Geografía literaria: Lírica griega antigua
Geografía literaria: Lírica griega antigua
Rosa Mariño
【公開版Vol1】論理的に考えよう!ロジックツリー&ブランチ
【公開版Vol1】論理的に考えよう!ロジックツリー&ブランチ
Noriyuki Mizuno
Enfermedad hepática en el embarazo
Enfermedad hepática en el embarazo
Rodolfo G. Andérica
Swift の3大プロトコルを眺めてみる #love_swift
Swift の3大プロトコルを眺めてみる #love_swift
Tomohiro Kumagai
Exploring Las Vegas
Exploring Las Vegas
ron mader
Incubation de demandeurs d'emploi au sein d'un espace de Coworking à Lille
Incubation de demandeurs d'emploi au sein d'un espace de Coworking à Lille
Emmanuel Duvette
How do medicaid waivers expand the possibilities of whole person care 032117
How do medicaid waivers expand the possibilities of whole person care 032117
Jennifer D.
Andere mochten auch
(20)
自分達のサイボウズ office-を開発しよう
自分達のサイボウズ office-を開発しよう
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
サイボウズ Office 新機能 「カスタムアプリ」を使いこなそう
素晴らしきメガデモの世界
素晴らしきメガデモの世界
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
ApacheSparkを中心としたOSSビッグデータ活用と導入時の検討ポイント
Logcatの話
Logcatの話
ユーザー体験設計を軸にすすめるサービスデザイン
ユーザー体験設計を軸にすすめるサービスデザイン
コマンドなしでぼくはAndroid開発できない話
コマンドなしでぼくはAndroid開発できない話
Dicionário de Bolso - Oswald de Andrade
Dicionário de Bolso - Oswald de Andrade
Reportaje: Las subidas de tipos incentivan el ahorro
Reportaje: Las subidas de tipos incentivan el ahorro
Challenges for Asia’s Trade and Environment
Challenges for Asia’s Trade and Environment
S&OP IBF-3 Core-Questions-Biel-07-07-12
S&OP IBF-3 Core-Questions-Biel-07-07-12
SeNSE -first presentation-
SeNSE -first presentation-
The Flying Camel 1950
The Flying Camel 1950
Geografía literaria: Lírica griega antigua
Geografía literaria: Lírica griega antigua
【公開版Vol1】論理的に考えよう!ロジックツリー&ブランチ
【公開版Vol1】論理的に考えよう!ロジックツリー&ブランチ
Enfermedad hepática en el embarazo
Enfermedad hepática en el embarazo
Swift の3大プロトコルを眺めてみる #love_swift
Swift の3大プロトコルを眺めてみる #love_swift
Exploring Las Vegas
Exploring Las Vegas
Incubation de demandeurs d'emploi au sein d'un espace de Coworking à Lille
Incubation de demandeurs d'emploi au sein d'un espace de Coworking à Lille
How do medicaid waivers expand the possibilities of whole person care 032117
How do medicaid waivers expand the possibilities of whole person care 032117
Ähnlich wie 自分達のサイボウズ Office を開発しよう
シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26
Yu Ito
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Yasuhito Yabe
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Shohei Aoyama
Apps for office オンプレミスとクラウド
Apps for office オンプレミスとクラウド
Hirotada Watanabe
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
FLOW web planning & design
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Seiko Kuchida
Ecsとlambdaのバッチ処理
Ecsとlambdaのバッチ処理
政雄 金森
20121112 jaws-ug sapporo8
20121112 jaws-ug sapporo8
Hirokazu Ouchi
Wordpress buddypress3
Wordpress buddypress3
Shoichi Otomo
Jawsdays2021 Amazon Connect愛について語り尽くす
Jawsdays2021 Amazon Connect愛について語り尽くす
Shinya Yamada
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
Takashi Uemura
WordBench Saitama vol.6
WordBench Saitama vol.6
masaaki komori
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
Atushi Sugiyama
introduce of alfasado web integration division
introduce of alfasado web integration division
atamaitakunai
BPM As A Service (Baa S)
BPM As A Service (Baa S)
Tomoaki Sawada
AWSを会社で使ってみた
AWSを会社で使ってみた
Satoshi Ishikawa
kintone のレコード絞り込み置き換え事例の紹介
kintone のレコード絞り込み置き換え事例の紹介
Ryo Mitoma
[簡易提案書]働き方改革にMSインフラストラクチャー
[簡易提案書]働き方改革にMSインフラストラクチャー
Toshihiko Sawaki
Ähnlich wie 自分達のサイボウズ Office を開発しよう
(20)
シラサギハンズオン 2016 05-26
シラサギハンズオン 2016 05-26
Htmlコーディングの効率化 後編
Htmlコーディングの効率化 後編
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Prejob wordpress v2_1121
Apps for office オンプレミスとクラウド
Apps for office オンプレミスとクラウド
コードをさわらずにビジネスサイトを作ろう!
コードをさわらずにビジネスサイトを作ろう!
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
CSS Nite in SAPPORO x a-blog cms
CSS Nite in SAPPORO x a-blog cms
Ecsとlambdaのバッチ処理
Ecsとlambdaのバッチ処理
20121112 jaws-ug sapporo8
20121112 jaws-ug sapporo8
Wordpress buddypress3
Wordpress buddypress3
Jawsdays2021 Amazon Connect愛について語り尽くす
Jawsdays2021 Amazon Connect愛について語り尽くす
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordPressのオススメスライドとか記事とか集めました。(2012.10.13 WordBench神戸)
WordBench Saitama vol.6
WordBench Saitama vol.6
7/7 WordBench kobe dreamweaver seminar
7/7 WordBench kobe dreamweaver seminar
introduce of alfasado web integration division
introduce of alfasado web integration division
BPM As A Service (Baa S)
BPM As A Service (Baa S)
AWSを会社で使ってみた
AWSを会社で使ってみた
kintone のレコード絞り込み置き換え事例の紹介
kintone のレコード絞り込み置き換え事例の紹介
[簡易提案書]働き方改革にMSインフラストラクチャー
[簡易提案書]働き方改革にMSインフラストラクチャー
Kürzlich hochgeladen
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Hiroshi Tomioka
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
CRI Japan, Inc.
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Toru Tamaki
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
WSO2
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
CRI Japan, Inc.
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
Toru Tamaki
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
sn679259
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
atsushi061452
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
iPride Co., Ltd.
Kürzlich hochgeladen
(11)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Observabilityは従来型の監視と何が違うのか(キンドリルジャパン社内勉強会:2022年10月27日発表)
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その22024/04/26の勉強会で発表されたものです。
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
LoRaWAN スマート距離検出デバイスDS20L日本語マニュアル
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
論文紹介:Selective Structured State-Spaces for Long-Form Video Understanding
Utilizing Ballerina for Cloud Native Integrations
Utilizing Ballerina for Cloud Native Integrations
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
LoRaWANスマート距離検出センサー DS20L カタログ LiDARデバイス
新人研修 後半 2024/04/26の勉強会で発表されたものです。
新人研修 後半 2024/04/26の勉強会で発表されたものです。
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
論文紹介:Video-GroundingDINO: Towards Open-Vocabulary Spatio-Temporal Video Groun...
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
知識ゼロの営業マンでもできた!超速で初心者を脱する、悪魔的学習ステップ3選.pptx
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
論文紹介: The Surprising Effectiveness of PPO in Cooperative Multi-Agent Games
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
Amazon SES を勉強してみる その32024/04/26の勉強会で発表されたものです。
自分達のサイボウズ Office を開発しよう
1.
自分達のサイボウズ Office を開発しよう ~JavaScript
によるカスタマイズ サイボウズ株式会社 畑 慎也
2.
はじめに カスタマイズが必要な理由
カスタマイズ機能の概要 JavaScript によるカスタマイズ カスタマイズ例の紹介 さいごに Agenda
3.
サイボウズ Office
on cybozu.com の6月版で、 JavaScript ファイルの読み込みが可能となりま した。 つまり、cybozu.com のユーザー自身が、 JavaScript を使って、サイボウズ Office をカ スタマイズできるようになったということです。 はじめに
4.
カスタマイズが必要な理由
5.
本来、情報システムとは 会社の業務のあり方と密接に関わります。
情報システムの良さが競争力につながります。 サイボウズ Office のカスタマイズ 情報システムの一翼を担うサイボウズ Office 自社の業務に最適となるようにカスタマイズ できればGood 情報システムとサイボウズ Office
6.
これまでも、Firefox の
GreaseMonkey という拡張機能を使えば、 任意のWebページに対しカスタマイズを行なえました。 エンドユーザーが自分のブラウザ上で設定する必要があります。 つまり、システム管理者がエンドユーザーに対してスクリプト ファイルを配布する必要があります。 サイボウズ Office on cybozu.com の JavaScript 読み込み機能で は、システム管理者が設定画面上で設定すれば、全エンドユーザー にカスタマイズを適用できます。 全エンドユーザーへのカスタマイズ
7.
システム管理者にとって システム管理者のみが設定可能
カスタマイズ(プログラミング)は楽しい! 良いカスタマイズを行うと、エンドユーザー に喜ばれる! 注意事項 「あれもして、これもして」と言われるかも しれません。 システム管理者にとって
8.
カスタマイズ機能の概要
9.
システム設定(詳細)> カスタマイズ
> JavaScript ファイルの設定 設定場所
10.
設定画面
11.
システム設定画面 個人設定画面
運用管理画面 カスタマイズの不具合により、設定できなく なっては大変なので これら以外の画面はカスタマイズ可能 カスタマイズできない画面
12.
以下から適用する対象を選べます。 すべてのユーザー
システム管理者 適用しない 「システム管理者に適用」 エンドユーザーに適用する前に動作を確認するような場合 「適用しない」 読み込ませたJavaScriptファイルを削除はしないが、適用を一時 的に停止したいような場合 カスタマイズを適用する対象
13.
JavaScript によるカスタマイズ
14.
前提として HTML
を理解している。 ブラウザの JavaScript を理解している。 JavaScript でコードを書いたことがある。 できれば DOM操作を理解している。 jQuery ライブラリを使ったことがある。 話の前提
15.
DOMについて ページ内の情報を表すDOM(Document
Object Model)と呼ばれるものに JavaScript からアクセスで きます。 このDOMを操作することによってページの内容を書き 換えることができます。 例: var user = document.getElementById('user'); user.innerHTML = '<b>HATA</b>'; DOM操作によるカスタマイズ
16.
jQueryライブラリについて DOM操作を容易にする
JavaScript ライブラリ 10月版のサイボウズ Office on cybozu.com から、カ スタマイズ可能な画面では、あらかじめ読み込まれて います。 これから紹介するカスタマイズ例では jQuery を使い ます。 例: $('#user').html('<b>HATA</b>'); jQuery ライブラリについて
17.
カスタマイズ例の紹介
18.
問題: ワークフローを承認・決裁する際、却下するつもりが 誤って承認・決裁してしまう場合がある。
解決方法: 承認・決裁のボタンをクリックした後、念押しとして 確認ダイアログを表示し、キャンセルできるようにす る。 ワークフローの承認の前に確認ダイアログを表示
19.
$(document).ready(function () { switch(CustomizeJS.page)
{ // 現在表示中のページ名 case 'WorkFlowHandle': $('input[name="Approve"]').click(function () { var caption = $(this).val(); if (caption.indexOf('決裁') >= 0) { return confirm('決裁します。よろしいですか?'); } else { return confirm('承認します。よろしいですか?'); } }); break; } }); ワークフローの承認の前に確認ダイアログを表示
20.
jQuery を使う場合
$(document).ready(function () {...}) に記述 した内容が、ページを読み込んだ後に実行されます。 CustomizeJS.page という変数に現在表示中のページ名が格納され ています。 ブラウザで「ページのソースを表示」して確認できます。 カスタマイズに際して <script> CustomizeJS = { page: 'WorkFlowHandle', ver: '1347960687' }; </script> <script src="ag.cgi/script.js?page=OfficeJSDownload¬imecard=1&ct=1&_v=1347960687">...
21.
問題: サイボウズ
Office 内へのリンクを本文やフォローに貼り付ける ことはよくあると思います。 パッケージ版のサイボウズ Office から cybozu.com に移行した 場合、移行前に掲示板やメッセージの本文やフォローに書かれた Office 内へのリンクがリンク切れとなる。 例:http://example.jp/scripts/cb8/ag.exe?... 解決方法: http://example.jp/scripts/cb8/ag.exe で始まるURLを https://example.cybozu.com/o/ag.cgi?... に置換する。 cybozu.com 移行前の Office へのリンクを置換
22.
$(document).ready(function () { $('a[href^="http://example.jp/scripts/cb8/ag.exe"]') .each(function
() { this.href = this.href.replace( 'http://example.jp/scripts/cb8/ag.exe', 'https://example.cybozu.com/o/ag.cgi'); }); }); cybozu.com 移行前の Office へのリンクを置換 • $('a[href^="URL"']) で URL で始まる全てのリンクを取得します。 • .each(function () {...}) で、取得した全てのリンクに対する処 理を記述できます。 • this.href = this.href.replace() でURLを置換しています。
23.
問題: cybozu.com
ではユーザー情報にプロフィール画像を 登録できる。 しかし、掲示板やメッセージで表示されるプロフィー ル画像は小さくて見えずらい。 解決方法: 表示されているプロフィール画像(20x20)を32x32に 拡大する。 プロフィール画像を拡大
24.
switch(CustomizeJS.page) { //
現在表示中のページ名 : case 'BulletinView': case 'MyFolderMessageView': $('img.profileImage[src*="20x20"]').each(function () { var src = $(this).attr('src') .replace('20x20', '32x32') .replace('Width=20', 'Width=32') .replace('Height=20', 'Height=32'); $(this).attr('src',src) .css('width', '32px').css('height', '32px'); }); break; } プロフィール画像を拡大
25.
プロフィール画像のリンクには class="profileImage"
属性がつい ているため、$('img.profileImage[src*="20x20"]') で取得できま す。 掲示板・メッセージの画面で表示されているプロフィール画像の URL ag.cgi/20x20.png?page=UserImageDownload¬imecard =1&id=156&ct=1&v=1347517804&Width=20&Height=20 &ext=.png 画像サイズを指定している「20」を「32」に置換すれば、 32x32のプロフィール画像に置き換わります。 プロフィール画像を拡大
26.
要望: 掲示板やメッセージの本文やフォローに
YouTube の 動画へのリンクがあるとき、インライン表示して、画 面遷移せずに動画を再生させたい。 YouTube の動画をインライン表示
27.
switch(CustomizeJS.page) { //
現在表示中のページ名 : case 'BulletinView': case 'MyFolderMessageView': $('tt').find('a[href^="http://www.youtube.com/watch?v="],a[href^=" https://www.youtube.com/watch?v="]') .each(function () { var html = '<div><iframe width="420" height="315" src="' + htmlEscape(this.href) .replace('http://', 'https://') .replace('watch?v=', 'embed/') + '" frameborder="0" alllowfullscreen></iframe></div>'; $(this).after(html); }); break; } YouTube の動画をインライン表示
28.
$('tt') で本文やフォローの要素を取得します。
.find('a[href^="http://www.youtube.com/watch?v="], a[href^="https://www.youtube.com/watch?v="]') で YouTube へのリンクを絞り込みます。 $(this).after(html) でリンク直下に YouTube の動画 を IFRAME で埋め込みます。 YouTube の動画をインライン表示
29.
要望: 社内にある別のシステムの個人ページへのリンクを、 cybozu.com
のヘッダの個人メニューに追加したい。 ヘッダの個人メニューにリンクを追加
30.
var html = '<li
class="yuimenuitem"><a class="yuimenuitemlabel"' + ' href="http://example.jp/user">個人情報</a></li>'; $('.vr_headerPersonalSettings').parent().after(html); ヘッダの個人メニューにリンクを追加 $('.vr_headerPersonalSettings') で「個人設定」リンクを取 得します。 .parent() で「個人設定」の親となる LI 要素を取得します。 この要素の直後に LI 要素で囲ったリンクを追加します。
31.
要望: cybozu.com
のヘッダの「メニュー」とヘッダ直下の アプリケーションメニューの内容が同じなので、「メ ニュー」の方を非表示にしたい。 ヘッダの「メニュー」を非表示
32.
$('#header-menu-application').hide(); ヘッダの「メニュー」を非表示 $('#header-menu-application') で「メニュー」要素を 取得します。
.hide() を呼んで非表示にします。
33.
ソースコードのシンタックスハイライト
34.
カスタマイズ設定ダイアログ
35.
ブログ:コード置場 http://hatashinya.blogspot.com/ にてカスタマイズ例を公開しています。 本日紹介したコードは
10月版に対応しています。 6月版に対応させる場合、別途 jQuery を読み込 む必要があります。 さいごに