サイボウズのフロントエンド開発現在とこれからの挑戦

Mar 1, 201715 likes20,616 views

This document summarizes a Cybozu Meetup event focused on frontend technologies. It discusses Cybozu's transition from traditional server-rendered web applications to single-page applications built with React. It also covers Cybozu's use of Closure Compiler, TypeScript, JSDoc, and other tools for JavaScript development. Best practices are shared around testing, linting, and integrating third-party code. Accessibility standards and strategies for securely embedding third-party code are also mentioned.

Hello!
• a.k.a. @teppeis
• 2007
• Garoon
• kintone
• 2016

JavaScript
https://gihyo.jp/dp/ebook/2015/978-4-7741-7477-8

• 700
• cybozu.com: 65
• : 1,000
• : 1.6
• : 600
• : 200

• :
• kintone JavaScript: 45
• :
• Web  
• :
•

• kintone Google Closure Compiler  
2010
•
• TypeScript, Flow
•

https://www.slideshare.net/ama-ch/google-closure-toolsreact

http://blog.cybozu.io/entry/2015/11/04/080000

• karma
•
• Lint : ﬁxclosure
• : grunt-parallelize
• Grasp
• Yeoman Generator scaffolding

• kintone
• 3rd party
• JavaScript
• JavaScript API
• JS
•

https://cybozudev.zendesk.com/hc/ja/articles/202640890- -TEL-

JS API
https://cybozudev.zendesk.com/hc/ja/articles/202640890- -TEL-

https://kintone.cybozu.com/jp/feature/plugin.html

https://www.slideshare.net/ama-ch/kintone-61942444

• React
• ES2015+
• npm (Artifactory)
• CI with
•

• OpenSocial / Caja
•
• Salesforce Lightning / LockerService
• Secure DOM
: Web Sandbox LockerService - Qiita

: iframe
• sandbox
• URL OAuth
•
• (postMessage)
• UI : iframe
•
• ES Realms API ?
• https://github.com/tc39/proposal-realms

Jenkins Blue Ocean (React )
https://jenkins.io/projects/blueocean/

•
• CSS
• 3rd party API React  
• Web Components?

Web Components  
UI
http://blog.anatoo.jp/entry/2016/12/09/201511

https://cybozu.co.jp/efforts/accessibility/

アクセシビリティ基準に基づいたコントラストの設定
3.33 : 1 10.98:1
https://www.slideshare.net/KobayashiDaisuke1/web-59111913

Frontend Weekly Lunch
https://twitter.com/teppeis/status/730704571849269248

ECMAScript
http://azu.github.io/slide/2016/jser5years/sc22-ecmascript-ahodc.html

FAQ
• Closure Compiler
• TypeScript ES2015
•
Vanilla Flowtype
• React Angular TypeScript
•
• React

This document discusses the process of service development, beginning with planning what to provide, then providing it, and measuring whether it was valuable. It provides an example where the presenter pays someone 1000 yen to give them a gift, and the recipient considers different gift options like food items. They emphasize importance of testing ideas quickly through MVPs and getting feedback to improve future plans through measurement and analysis of results.

大企業アジャイルの勘所 #devlovex #devlovexdItsuki Kuroda

MagicOnion～C#でゲームサーバを開発しよう～torisoup

シリコンバレーの「何が」凄いのかAtsushi Nakada

シリコンバレーのスタートアップを数多く取材する中で気付いた「シリコンバレーにおけるディシプリン（規律）の存在」や「General Electric（GE）やIBM、SAPといった老舗企業が必死になってシリコンバレーのスタートアップを真似している理由」、そして「日本企業がイノベーションを実現するための処方箋」について解説します詳しく知りたい場合は「GE 巨人の復活」をご覧下さい。 http://www.nikkeibp.co.jp/atclpubmkt/book/17/P55110/ 今後の記事は「シリコンバレーNext」をご覧下さい。 http://itpro.nikkeibp.co.jp/siliconvalley/

10年以上Java屋してたおっさんが今年からフロントエンジニアやっている話takehiko yoshida

CEDEC2015_スマホゲーム開発を支えろ！〜汗と涙のQAエンジニアリング〜gree_tech

2013年に発足したスマホネイティブゲームの開発部門において、QAエンジニアとして開発プロジェクトに飛び込み日々テストを行う中で、笑いあり、涙ありの様々なナレッジが蓄積されました。発足から2年弱の間で合計7つの開発チームにQAエンジニアが参加し、各チームの開発手法に沿って品質保証を行う中で、QAエンジニアが居ても品質保証が困難だった事例や、逆にQAエンジニアが居たからこそ上手く行った事例などを時間の許す限りご紹介致します。

良いプレゼン良いスライド京大マイコンクラブ

【 Unity道場 1月 ~LWRPとシェーダー~】軽量レンダーパイプライン、Light Weight Renderer Pipeline…とはUnity Technologies Japan K.K.

Unityアニメーションシステムの今と未来の話Unity Technologies Japan K.K.

Animation（Legacy）やMecanim、TimelineやSimple Animationといった機能の考え方や使い所、そしてPlayable APIやAnimation C# Jobs、Kinematicaなどの新機能が"どういった機能"で"何ができるようになるのか"といった情報を整理して紹介します。このスライドは、TECH x GAME COLLEGE #5で紹介したスライドを少し手直ししたものとなります。 https://techxgamecollege.connpass.com/event/99824/

C#とILとネイティブと信之岩永

GPU最適化入門Takahiro KOGUCHI

JavaScript使いのためのTypeScript実践入門Shumpei Shiraishi

JavaScript書ける人向けの、実践的なTypeScript入門です。「書いて学ぶ」をコンセプトとして、TypeScriptの文法全般学べる内容にしてみました。スライド通りコピペで進めて頂ければ、10分くらいでTypeScriptの全容を知ることができると思います。 TechFeed (https://techfeed.io) 開発を行う上で得た知見 (エディタは何を使うか、WebpackやTSのメリット・デメリットなど) も盛り込んであります。 2016/8/26 html5jビギナー部主宰の勉強会で話した内容です。

非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術div Inc

ゲームデザイナーのためのキャラクター表現＆コンセプトメイキング：抜粋版小林信行

2015/10/10 13:30 〜【岡山】ゲームデザイナー向けキャラクターイメージ・ディレクション　～イメージコンセプトのまとめ方と発注の仕方～（専門学校岡山情報ビジネス学院）で使用した公開用スライドを一般公開用に抜粋したものです。 https://kenjin.unity3d.jp/events/show/277 本スライドでは、シナリオ制作の話は振れていませんが、シナリオ関連のお話に関しては以下の資料を参照してみるといいかもしれません。『ゲームシナリオ構成論 The Method for the game sinario writings for multi-ending adventure games』 http://www.slideshare.net/nyaakobayashi/ss-12559078

文脈を操る美しきZenjectプロジェクトからの眺め〜Contextの扱い方と活用方法〜Mikito Yoshiya

UnityのクラッシュをBacktraceでデバッグしよう！Unity Technologies Japan K.K.

Backtraceは、ゲーム開発者がゲーム内のクラッシュを解決するために必要な情報を提供するために設計された、クラッシュおよびエラーレポートシステムです。ネイティブPCから、モバイル、コンソールまで、複数のプラットフォームに対応しています。様々な言語でのネイティブクラッシュレポートも提供しています。ビジュアライゼーションツールを利用することで、バグレポートを深く理解することができます。アナリティクスツールを使うことで問題点とその原因を素早く見つけることができます。本動画では、Backtraceのクラッシュレポート機能の説明、UnityへのBacktrace統合のエンド・ツー・エンドのデモ、そしてBacktraceがUnity Engine内で検出・分析できるクラッシュの種類について詳しくご紹介します。

エンジニアという仕事を楽しみ続けるためのキャリア戦略Shuichi Tsutsumi

Unity道場08「絵づくりの基礎」ライティング虎の巻小林信行

Android向けUnity製ゲーム最適化のためのCI/CDと連携した自動プロファイリングシステムKLab Inc. / Tech

今まで学び実践してきたことDaisuke Yamazaki

メトリクスを用いたソフトウェア品質定量評価・改善 (GQM, Metrics, ET2013)Hironori Washizaki

ウォーターフォールとアジャイルを考える #ita_wsYusuke Suzuki

GoによるWebアプリ開発のキホンAkihiko Horiuchi

ノンデザイナーのための配色理論tsukasa obara

WCAG 2.2で追加される達成基準Mitsue-Links Co.,Ltd. Accessibility Department

WebRTC SFU Mediasoup Sample updatemganeko

プログラマが欲しい仕様書とはKatsutoshi Makino

DeNA TechCon2019 How to implement live streaming client using UnityTakeyuki Ogura

ゲームエンジンはゲームクリエーター以外のクリエーターにとっても良い制作環境だと思います。スマホアプリから、配信者側のスマホ画面全体だけでなく、ユーザーに見せたいものを描いて直接スマホからライブ配信することができます。いろんなものが常時ストリーミングになるかもしれない時代のアプリを考えつつゲームエンジンをライブ配信アプリ開発ツールとして再評価してみたいと思います。 I think the game engine is a good production environment for creators other than game creators. From the smartphone it is possible to draw not only the whole smartphone screen on the distributor side but also the live distribution directly from the smartphone, drawing what you want to show to the user. I would like to reevaluate the game engine as a live distribution application development tool while thinking about the application of the era where various things may become constant streaming. DeNA TechCon2019 https://techcon.dena.com/2019/

サイボウズのサービスを支えるログ基盤Shin'ya Ueoka

遅いクエリと向き合う仕組み #CybozuMeetupS Akai

More Related Content

What's hot (20)

Unityアニメーションシステムの今と未来の話Unity Technologies Japan K.K.

C#とILとネイティブと信之岩永

GPU最適化入門Takahiro KOGUCHI

JavaScript使いのためのTypeScript実践入門Shumpei Shiraishi

非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術div Inc

ゲームデザイナーのためのキャラクター表現＆コンセプトメイキング：抜粋版小林信行

文脈を操る美しきZenjectプロジェクトからの眺め〜Contextの扱い方と活用方法〜Mikito Yoshiya

UnityのクラッシュをBacktraceでデバッグしよう！Unity Technologies Japan K.K.

エンジニアという仕事を楽しみ続けるためのキャリア戦略Shuichi Tsutsumi

Unity道場08「絵づくりの基礎」ライティング虎の巻小林信行

Android向けUnity製ゲーム最適化のためのCI/CDと連携した自動プロファイリングシステムKLab Inc. / Tech

今まで学び実践してきたことDaisuke Yamazaki

メトリクスを用いたソフトウェア品質定量評価・改善 (GQM, Metrics, ET2013)Hironori Washizaki

ウォーターフォールとアジャイルを考える #ita_wsYusuke Suzuki

GoによるWebアプリ開発のキホンAkihiko Horiuchi

ノンデザイナーのための配色理論tsukasa obara

WCAG 2.2で追加される達成基準Mitsue-Links Co.,Ltd. Accessibility Department

WebRTC SFU Mediasoup Sample updatemganeko

プログラマが欲しい仕様書とはKatsutoshi Makino

DeNA TechCon2019 How to implement live streaming client using UnityTakeyuki Ogura

Unityアニメーションシステムの今と未来の話Unity Technologies Japan K.K.

C#とILとネイティブと信之岩永

GPU最適化入門Takahiro KOGUCHI

JavaScript使いのためのTypeScript実践入門Shumpei Shiraishi

非エンジニアのためのこれだけは押さえておきたいWEBサービスの基礎技術div Inc

ゲームデザイナーのためのキャラクター表現＆コンセプトメイキング：抜粋版小林信行

文脈を操る美しきZenjectプロジェクトからの眺め〜Contextの扱い方と活用方法〜Mikito Yoshiya

UnityのクラッシュをBacktraceでデバッグしよう！Unity Technologies Japan K.K.

エンジニアという仕事を楽しみ続けるためのキャリア戦略Shuichi Tsutsumi

Unity道場08「絵づくりの基礎」ライティング虎の巻小林信行

Android向けUnity製ゲーム最適化のためのCI/CDと連携した自動プロファイリングシステムKLab Inc. / Tech

今まで学び実践してきたことDaisuke Yamazaki

メトリクスを用いたソフトウェア品質定量評価・改善 (GQM, Metrics, ET2013)Hironori Washizaki

ウォーターフォールとアジャイルを考える #ita_wsYusuke Suzuki

GoによるWebアプリ開発のキホンAkihiko Horiuchi

ノンデザイナーのための配色理論tsukasa obara

WCAG 2.2で追加される達成基準Mitsue-Links Co.,Ltd. Accessibility Department

WebRTC SFU Mediasoup Sample updatemganeko

プログラマが欲しい仕様書とはKatsutoshi Makino

DeNA TechCon2019 How to implement live streaming client using UnityTakeyuki Ogura

Viewers also liked (20)

サイボウズのサービスを支えるログ基盤Shin'ya Ueoka

遅いクエリと向き合う仕組み #CybozuMeetupS Akai

すべての人にチームワークをサイボウズのアクセシビリティKobayashi Daisuke

すべてを自動化せよ！〜生産性向上チームの挑戦〜Jumpei Miyata

This document summarizes a Cybozu Meetup presentation by Miyata Jumpei from Cybozu. Some key points include: - Miyata has worked at Cybozu since 2009 on products like Garoon and kintone. Recently he has been working on Jenkins and Selenium. - Cybozu is a Japanese company with 19,000 customers, 70 employees, and products like kintone for work management and Garoon for document management. - Miyata discussed using Jenkins for continuous integration and distributed Selenium testing on Google Cloud to test web applications across different browsers and environments.

あなたの開発チームには、チームワークがあふれていますか？Yusuke Amano

Api Strat Portland 2017 Serverless Extensibility talkGlenn Block

The document discusses the evolution of extensibility for software-as-a-service (SaaS) products. It describes how extensibility was easier when companies hosted their own software but became more challenging with the rise of cloud computing and SaaS. Webhooks revolutionized SaaS extensibility by allowing third-party code to run isolated from the SaaS, but customers still had to host and manage the code. The document introduces serverless extensibility as the next step, where SaaS products can directly invoke third-party extensions running on serverless platforms without requiring customer management. Examples of serverless extensibility include Auth0 Extend and integrations with platforms like AWS Lambda.

3000社の業務データ絞り込みを支える技術Ryo Mitoma

WalB: Real-time and Incremental Backup System for Block Devicesuchan_nos

WalB is an open-source backup system that consists of block devices, called WalB devices, and userland utilities, called WalB tools. A WalB device records write-I/Os. WalB tools extracts them to create restorable snapshots in an incremental manner. Compared with dm-snap and dm-thin, WalB is designed to achieve small I/O latency overhead and short backup time. We conducted an experiment to take an incremental backup of a volume under random write workload. The result confirms those advantages of WalB. Cybozu cloud platform, which has 500TB volumes and processes 25TB write-I/Os per day, is required to achieve (1) stable workload performance without I/O spikes which may affect application user experience and (2) short backup interval specified in our service level objective. WalB satisfies the requirements, while dm-snap is not enough to and dm-thin is not expected to.

Jenkins 2.0 最新事情〜Make Jenkins Great Again〜Jumpei Miyata

離れた場所でも最高のチームワークを実現する方法ーサイボウズ開発チームのリモートワーク事例ーTeppei Sato

Kubernetes in 30 minutes (2017/03/10)lestrrat

This document provides a high-level overview of Kubernetes in under 30 minutes. It begins with basic concepts like nodes, pods, replica sets, deployments, and services. It then covers additional concepts like secrets, config maps, ingress, daemon sets, pet sets/stateful sets and services. The document aims to explain the main components of Kubernetes and how they work together at a high level to deploy and manage container-based applications.

Atlassian Summit US 2017 #augjグロースエクスパートナーズ株式会社/Growth xPartners Incorporated.

プロジェクト管理でkintoneCybozucommunity

Kubernetesにまつわるエトセトラ（主に苦労話）Works Applications

Dockerをちゃんと使おうと考えていたらKubernetesに出会いました。ERPのシステム開発でkubernetesを使おうとして苦労した、あるいは現在進行形で苦労していることを、そもそもKubernetesが解決しようとしている課題やそのアーキテクチャそのものにも言及しながらお話します。Dockerをベースにシステム設計を行おうとしている方にノウハウ（主に苦労話）を共有します。 July 24th, 2016　July Tech Festa 2016

形態素解析Works Applications

形態素解析の技術形態素解析技術については深層学習の登場により枯れた技術だと思われている中で「本当に必要である技術なのか」と様々な議論がされています。その業界の流れの中で、なぜ徳島NLP研究所でこの技術をあえて注目し研究しているのか、着眼点・利用価値についてご紹介します。技術自体がブラックボックスとして扱われがちですが、実際に研究していく中で得られたノウハウを開示し、形態素解析の仕組みについて解説をし、内部で利用する技術の選別／処理内容／実利用での注意点をご説明します。実例として、形態素解析エンジンについても触れる予定です。

小さく始める大規模スクラムKeisuke Tsukagoshi

缶詰屋さんの課題解決にスクラムを使ってみたToshiyuki Ohtomo

君はyarn.lockをコミットしているか？Teppei Sato

This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devDependencies differently than npm, and questions whether the yarn.lock file should be committed to source control.

Next-generation Python Big Data Tools, powered by Apache ArrowWes McKinney

This document discusses Apache Arrow, a new open source project that aims to standardize in-memory columnar data representations. It will enable faster data sharing and analysis across systems by avoiding costly serialization. The document outlines how Arrow focuses on CPU efficiency through cache locality, vectorized operations, and minimal overhead. It provides examples of how Arrow could improve I/O performance for Python tools interacting with big data systems and the Feather file format developed using Arrow. Language bindings for Arrow are under development for Python, R, Java and other languages.

テストエンジニアと組織構造 @CybozuJumpei Miyata

サイボウズのサービスを支えるログ基盤Shin'ya Ueoka

遅いクエリと向き合う仕組み #CybozuMeetupS Akai

すべての人にチームワークをサイボウズのアクセシビリティKobayashi Daisuke

すべてを自動化せよ！〜生産性向上チームの挑戦〜Jumpei Miyata

あなたの開発チームには、チームワークがあふれていますか？Yusuke Amano

Api Strat Portland 2017 Serverless Extensibility talkGlenn Block

3000社の業務データ絞り込みを支える技術Ryo Mitoma

WalB: Real-time and Incremental Backup System for Block Devicesuchan_nos

Jenkins 2.0 最新事情〜Make Jenkins Great Again〜Jumpei Miyata

離れた場所でも最高のチームワークを実現する方法ーサイボウズ開発チームのリモートワーク事例ーTeppei Sato

Kubernetes in 30 minutes (2017/03/10)lestrrat

Atlassian Summit US 2017 #augjグロースエクスパートナーズ株式会社/Growth xPartners Incorporated.

プロジェクト管理でkintoneCybozucommunity

Kubernetesにまつわるエトセトラ（主に苦労話）Works Applications

形態素解析Works Applications

小さく始める大規模スクラムKeisuke Tsukagoshi

缶詰屋さんの課題解決にスクラムを使ってみたToshiyuki Ohtomo

君はyarn.lockをコミットしているか？Teppei Sato

Next-generation Python Big Data Tools, powered by Apache ArrowWes McKinney

テストエンジニアと組織構造 @CybozuJumpei Miyata

Similar to サイボウズのフロントエンド開発現在とこれからの挑戦 (20)

2017-03-26 CAMPHOR- 勉強会：エンジニア向けkintone活用術Yasuharu Sakai

This document discusses kintone, a web application platform developed by Cybozu. It provides an overview of kintone's capabilities including customizing interfaces with JavaScript and CSS, using the JavaScript API and events, the REST API, and new webhook features. It also demonstrates integrating kintone with other services like Slack, Zapier, and GitHub through APIs and webhooks. The presentation aims to help engineers understand and customize kintone to build applications and integrations.

Going mobile with RichFacesLukáš Fryč

The rise of portable devices last year shows how important is making applications compatible with mobiles. When it comes to web applications, JSF offers the same strong background for mobile development as it does for desktop applications: an extensible framework with a widely-accepted development model, allowing reuse of JSF programming skills and technologies on the mobile platform. RichFaces 4.1 goes behind concepts brought by JSF and provides developer with framework which makes your applications ready for mobile devices and offers you as rich component suite as for desktop environments. Lukas is going to show you how the RichFaces Showcase was turned into an application for portable devices, how a light-weight javascript framework was designed for making RichFaces applications mobile ready, the principles of an one-page application design and what are the necessary optimizations for making RichFaces applications run on mobile devices properly.

淺談 Startup 公司的軟體開發流程 v2Wen-Tien Chang

Agile startup company management and operationJiang Zhu

web designingBALUJAINSTITUTE

This document outlines a web design course covering HTML, CSS, JavaScript, jQuery, Photoshop, web hosting, FTP, cPanel, responsive design, PHP/ASP.NET, HTML5, and building mobile apps with PhoneGap. The 6-month course is offered by Baluja Labs and costs 15,000 INR. It provides classroom instruction, study materials, individual attention, and accommodation for out-of-town students. Key topics include HTML tags and structure, CSS layouts and styling, JavaScript functions and events, jQuery plugins and Ajax calls, and developing responsive and mobile-friendly websites.

User Interface Tips and Tricks for the Power User - Penelope CoventrySPC Adriatics

Often information workers are asked to make their SharePoint site look pretty. This session will look at what a power user should and should not do to enhance the User Interface of sites. It will include explanations of page types, master pages and Page Layouts as well as what is responsive web design. Then using no-code, Penny will amend the look and feel of page, including composed looks, adding buttons to the Ribbon and the List Item Menu. This is not a developer session and will cover both SharePoint in Office 365, and on-premises installations of SharePoint 2013.

普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方Atsushi Harada

組織横断でエンジニアを支援する生産性向上チームの役割Jumpei Miyata

Frontend Resource Intergration and Sharing - Modern Web 2016 reviewLaura Lee

This document provides an outline and information about the Modern Web 2016 conference that took place from August 24-25. It discusses some of the topics that were covered at the conference, including Angular, React, Nginx, UI, UX and workflows. It also mentions growth hacking with Google AdWords and analyzing data with Google Analytics. The document references resources for Slack, Gitter, GitHub and the official website for the Modern Web 2016 conference.

Building rich interface components with SharePointLouis-Philippe Lavoie

The document discusses building rich interfaces for SharePoint using JavaScript and other technologies. It defines a rich interface as browser-based with features similar to desktop applications. The speaker will cover tools for building rich interfaces like jQuery, frameworks, and SharePoint's REST endpoints. He demonstrates a task board application built with jQuery, jQueryUI, and KnockoutJS. The document also discusses SharePoint 2013's focus on JavaScript, REST, and HTML5/CSS3 and considerations for localizing, managing state, and browser back button behavior in rich interfaces.

DIGIT Noe 2016 - Overview of front end development todayBojan Veljanovski

This document provides an overview of front-end development approaches, including traditional server-side rendering and modern single-page applications (SPAs). It discusses the evolution from traditional to SPA approaches, characteristics of SPAs like modularity and client-side rendering, and considerations for choosing between server-side and client-side solutions. The document also showcases GitHub.com and the Azure Portal as examples of applications that take hybrid approaches, with some modules behaving as traditional sites and others as fully-fledged SPAs.

ECS19 - Katja Jokisalo - Modernize your IntranetEuropean Collaboration Summit

The document discusses strategies for modernizing SharePoint sites from classic to modern experiences. It recommends using the Modernization Scanner to assess sites for classic features no longer supported in modern. It also recommends the Page Transformation Engine to convert pages while preserving content using an XML configuration file. The key aspects of modernization are removing subsites and customizations not supported in modern, and rebuilding the information architecture using new structures like hubs and navigation.

[2010]我有一个梦想Twinsen Liang

This document discusses various web development tools for debugging and inspecting code, including FireBug, Opera Dragonfly, IE Developer Tools, and Webkit Developer Tools. It also provides tips on using breakpoints to debug JavaScript code and references browser-specific developer tools guides. Several real-world web applications are listed as examples of AJAX and HTML5 implementations. HTML Tidy is introduced as a tool for cleaning up and fixing errors in HTML markup.

A Power User's Introduction to jQuery Awesomeness in SharePointMark Rackley

This document discusses using jQuery to enhance pages in SharePoint. It begins with an introduction to jQuery and why a power user should care. It then explains how a power user can start using jQuery by uploading files to a document library and linking them to a content editor web part. The document provides best practices for power users and concludes with several demos of jQuery features like tabbed web parts, content sliders, digital signatures, and custom forms.

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)Seth Carstens

This document summarizes a presentation on developing responsive websites for smartphones, tablets, and other mobile devices. It discusses using meta tags and CSS3 media queries to create responsive designs, grid systems like 960.gs and Blueprint to plan layouts, and jQuery Mobile for cross-device development. It also recommends testing websites on emulated devices using tools like MITE and KITE and considering performance, usability, and purpose when deciding between customizing or cloning content for mobile.

Rapid development with RailsYi-Ting Cheng

This document discusses rapid development using Ruby on Rails. It covers how Rails enables rapid development through conventions, community best practices, and continuous innovation. It also provides tips for scaling Rails applications, such as client-side performance tuning, database optimization, version control, automation, and modern architectural patterns like Arel, Rack, and Bundler. The overall message is that Rails can help deliver projects quickly while maintaining quality through its principles of DRY, agile development, and an active community of developers.

10 Things You Can Do to Speed Up Your Web App TodayChris Love

Basics for front end developernamrataa0108

This document discusses the misunderstanding of the complexity of front-end development. It notes that while visual design and CSS/HTML may look easy, front-end development requires skills like communication, analyzing layouts, identifying components, abstracting behaviors, shaping appearance, and integrating different aspects. The development process takes around 9 months and involves tasks at different stages from design to deployment. It also discusses the reasons one may or may not want to pursue front-end development as a career.

U of A Web Strategy and SitecoreTim Schneider

The document discusses the University of Alberta's process of selecting and implementing a new content management system (CMS). It describes how they chose Sitecore as their new CMS after an RFP process. They rebuilt their website using Sitecore to make it more flexible, customizable, and scalable. They worked closely with users to redesign the site to make it more data-driven and user-focused. Analytics tools were integrated to track usage and conversions. The implementation took several years and involved rebranding, reorganizing content, and migrating sites over to the new CMS.

SXSW Interactive 2012 (According to Chelsey)Planned Parenthood Federation of America

This document summarizes panels and workshops, apps, and other aspects of SXSW Interactive 2012. Some of the highlighted panels discuss topics like data visualization for social change, responsible design ethics, and the history of Google's redesign. Improvisation and its benefits for collaboration are also discussed. Concerns about single sign-on systems like lack of transparency and disjointed user experiences across sites are outlined. The document also lists websites and apps showcased at the event.

2017-03-26 CAMPHOR- 勉強会：エンジニア向けkintone活用術Yasuharu Sakai

Going mobile with RichFacesLukáš Fryč

淺談 Startup 公司的軟體開發流程 v2Wen-Tien Chang

Agile startup company management and operationJiang Zhu

web designingBALUJAINSTITUTE

User Interface Tips and Tricks for the Power User - Penelope CoventrySPC Adriatics

普通のwebエンジニアでも出来る、ド素人からの機械学習のはじめ方Atsushi Harada

組織横断でエンジニアを支援する生産性向上チームの役割Jumpei Miyata

Frontend Resource Intergration and Sharing - Modern Web 2016 reviewLaura Lee

Building rich interface components with SharePointLouis-Philippe Lavoie

DIGIT Noe 2016 - Overview of front end development todayBojan Veljanovski

ECS19 - Katja Jokisalo - Modernize your IntranetEuropean Collaboration Summit

[2010]我有一个梦想Twinsen Liang

A Power User's Introduction to jQuery Awesomeness in SharePointMark Rackley

WordCamp 2012 - Seth Carstens Presentation (Responsive Width)Seth Carstens

Rapid development with RailsYi-Ting Cheng

10 Things You Can Do to Speed Up Your Web App TodayChris Love

Basics for front end developernamrataa0108

U of A Web Strategy and SitecoreTim Schneider

SXSW Interactive 2012 (According to Chelsey)Planned Parenthood Federation of America

More from Teppei Sato (20)

Node.js Native ESM への道〜最終章: Babel / TypeScript Modules との闘い〜Teppei Sato

サイボウズの給与交渉戦 - Boss Side -Teppei Sato

Recent compat-table issuesTeppei Sato

kintoneがAWSで目指すDevOpsQAな開発Teppei Sato

Automated Dependency Updates with RenovateTeppei Sato

サイボウズの現在と未来Teppei Sato

サイボウズの開発を支えるKAIZEN文化Teppei Sato

SPAと覚悟Teppei Sato

This document summarizes a presentation about single-page applications (SPAs). It discusses what SPAs are, some user experience challenges with SPAs like navigation and accessibility, and solutions to those challenges including server-side rendering and preloading resources. Links are provided to additional resources on topics like accessibility in SPAs and using service workers and prefetching to improve performance. The document concludes by thanking attendees of the presentation.

JavaScript Language Update 2016 (LLoT)Teppei Sato

You Don't Know ES ModulesTeppei Sato

Closure Compiler Updates for ES6Teppei Sato

ES6 in PracticeTeppei Sato

Our wish to FlowtypeTeppei Sato

This document summarizes a talk given about Flowtype, a static type checker for JavaScript. The talk discussed how Flowtype allows for strong type inference in React.js projects, checks propTypes statically, and is fast. While Flowtype is not a language itself and just a type checker, its type annotations use a colon instead of TypeScript's angle brackets. The speaker was eager for Flowtype's continued development, as its documentation and support for contributing were still incomplete.

Effective ES6Teppei Sato

Flowtype IntroductionTeppei Sato

Closure CompilerのES6対応あるいはES6時代のAltJS生存戦略Teppei Sato

本当のClosure Compilerをお見せしますよ。Teppei Sato

DockerがYAVAY!Teppei Sato

JavaScript Unit Test Why? What? How?Teppei Sato

Effective JavaScript Ch.1Teppei Sato

Node.js Native ESM への道〜最終章: Babel / TypeScript Modules との闘い〜Teppei Sato

サイボウズの給与交渉戦 - Boss Side -Teppei Sato

Recent compat-table issuesTeppei Sato

kintoneがAWSで目指すDevOpsQAな開発Teppei Sato

Automated Dependency Updates with RenovateTeppei Sato

サイボウズの現在と未来Teppei Sato

サイボウズの開発を支えるKAIZEN文化Teppei Sato

SPAと覚悟Teppei Sato

JavaScript Language Update 2016 (LLoT)Teppei Sato

You Don't Know ES ModulesTeppei Sato

Closure Compiler Updates for ES6Teppei Sato

ES6 in PracticeTeppei Sato

Our wish to FlowtypeTeppei Sato

Effective ES6Teppei Sato

Flowtype IntroductionTeppei Sato

Closure CompilerのES6対応あるいはES6時代のAltJS生存戦略Teppei Sato

本当のClosure Compilerをお見せしますよ。Teppei Sato

DockerがYAVAY!Teppei Sato

JavaScript Unit Test Why? What? How?Teppei Sato

Effective JavaScript Ch.1Teppei Sato

Recently uploaded (20)

tecnologias de las primeras civilizaciones.pdffjgm517

The Evolution of Meme Coins A New Era for Digital Currency ppt.pdfAbi john

Enhancing ICU Intelligence: How Our Functional Testing Enabled a Healthcare I...Impelsys Inc.

DevOpsDays Atlanta 2025 - Building 10x Development Organizations.pptxJustin Reock

Building 10x Organizations with Modern Productivity Metrics 10x developers may be a myth, but 10x organizations are very real, as proven by the influential study performed in the 1980s, ‘The Coding War Games.’ Right now, here in early 2025, we seem to be experiencing YAPP (Yet Another Productivity Philosophy), and that philosophy is converging on developer experience. It seems that with every new method we invent for the delivery of products, whether physical or virtual, we reinvent productivity philosophies to go alongside them. But which of these approaches actually work? DORA? SPACE? DevEx? What should we invest in and create urgency behind today, so that we don’t find ourselves having the same discussion again in a decade?

Special Meetup Edition - TDX Bengaluru Meetup #52.pptxshyamraj55

Cybersecurity Identity and Access Solutions using Azure ADVICTOR MAESTRE RAMIREZ

Generative Artificial Intelligence (GenAI) in BusinessDr. Tathagat Varma

Semantic Cultivators : The Critical Future Role to Enable AIartmondano

Noah Loul Shares 5 Steps to Implement AI Agents for Maximum Business Efficien...Noah Loul

Artificial intelligence is changing how businesses operate. Companies are using AI agents to automate tasks, reduce time spent on repetitive work, and focus more on high-value activities. Noah Loul, an AI strategist and entrepreneur, has helped dozens of companies streamline their operations using smart automation. He believes AI agents aren't just tools—they're workers that take on repeatable tasks so your human team can focus on what matters. If you want to reduce time waste and increase output, AI agents are the next move.

Build Your Own Copilot & Agents For DevsBrian McKeiver

Electronic_Mail_Attacks-1-35.pdf by xploitniftliyevhuseyn

How Can I use the AI Hype in my Business Context?Daniel Lehner

𝙄𝙨 𝘼𝙄 𝙟𝙪𝙨𝙩 𝙝𝙮𝙥𝙚? 𝙊𝙧 𝙞𝙨 𝙞𝙩 𝙩𝙝𝙚 𝙜𝙖𝙢𝙚 𝙘𝙝𝙖𝙣𝙜𝙚𝙧 𝙮𝙤𝙪𝙧 𝙗𝙪𝙨𝙞𝙣𝙚𝙨𝙨 𝙣𝙚𝙚𝙙𝙨? Everyone’s talking about AI but is anyone really using it to create real value? Most companies want to leverage AI. Few know 𝗵𝗼𝘄. ✅ What exactly should you ask to find real AI opportunities? ✅ Which AI techniques actually fit your business? ✅ Is your data even ready for AI? If you’re not sure, you’re not alone. This is a condensed version of the slides I presented at a Linkedin webinar for Tecnovy on 28.04.2025.

Rusty Waters: Elevating Lakehouses Beyond Sparkcarlyakerly1

Spark is a powerhouse for large datasets, but when it comes to smaller data workloads, its overhead can sometimes slow things down. What if you could achieve high performance and efficiency without the need for Spark? At S&P Global Commodity Insights, having a complete view of global energy and commodities markets enables customers to make data-driven decisions with confidence and create long-term, sustainable value. 🌍 Explore delta-rs + CDC and how these open-source innovations power lightweight, high-performance data applications beyond Spark! 🚀

How analogue intelligence complements AIPaul Rowe

Artificial Intelligence is providing benefits in many areas of work within the heritage sector, from image analysis, to ideas generation, and new research tools. However, it is more critical than ever for people, with analogue intelligence, to ensure the integrity and ethical use of AI. Including real people can improve the use of AI by identifying potential biases, cross-checking results, refining workflows, and providing contextual relevance to AI-driven results. News about the impact of AI often paints a rosy picture. In practice, there are many potential pitfalls. This presentation discusses these issues and looks at the role of analogue intelligence and analogue interfaces in providing the best results to our audiences. How do we deal with factually incorrect results? How do we get content generated that better reflects the diversity of our communities? What roles are there for physical, in-person experiences in the digital world?

Dev Dives: Automate and orchestrate your processes with UiPath MaestroUiPathCommunity

This session is designed to equip developers with the skills needed to build mission-critical, end-to-end processes that seamlessly orchestrate agents, people, and robots. 📕 Here's what you can expect: - Modeling: Build end-to-end processes using BPMN. - Implementing: Integrate agentic tasks, RPA, APIs, and advanced decisioning into processes. - Operating: Control process instances with rewind, replay, pause, and stop functions. - Monitoring: Use dashboards and embedded analytics for real-time insights into process instances. This webinar is a must-attend for developers looking to enhance their agentic automation skills and orchestrate robust, mission-critical processes. 👨‍🏫 Speaker: Andrei Vintila, Principal Product Manager @UiPath This session streamed live on April 29, 2025, 16:00 CET. Check out all our upcoming Dev Dives sessions at https://community.uipath.com/dev-dives-automation-developer-2025/.

HCL Nomad Web – Best Practices und Verwaltung von Multiuser-Umgebungenpanagenda

Webinar Recording: https://www.panagenda.com/webinars/hcl-nomad-web-best-practices-und-verwaltung-von-multiuser-umgebungen/ HCL Nomad Web wird als die nächste Generation des HCL Notes-Clients gefeiert und bietet zahlreiche Vorteile, wie die Beseitigung des Bedarfs an Paketierung, Verteilung und Installation. Nomad Web-Client-Updates werden “automatisch” im Hintergrund installiert, was den administrativen Aufwand im Vergleich zu traditionellen HCL Notes-Clients erheblich reduziert. Allerdings stellt die Fehlerbehebung in Nomad Web im Vergleich zum Notes-Client einzigartige Herausforderungen dar. Begleiten Sie Christoph und Marc, während sie demonstrieren, wie der Fehlerbehebungsprozess in HCL Nomad Web vereinfacht werden kann, um eine reibungslose und effiziente Benutzererfahrung zu gewährleisten. In diesem Webinar werden wir effektive Strategien zur Diagnose und Lösung häufiger Probleme in HCL Nomad Web untersuchen, einschließlich - Zugriff auf die Konsole - Auffinden und Interpretieren von Protokolldateien - Zugriff auf den Datenordner im Cache des Browsers (unter Verwendung von OPFS) - Verständnis der Unterschiede zwischen Einzel- und Mehrbenutzerszenarien - Nutzung der Client Clocking-Funktion

Procurement Insights Cost To Value Guide.pptxJon Hansen

#StandardsGoals for 2025: Standards & certification roundup - Tech Forum 2025BookNet Canada

Book industry standards are evolving rapidly. In the first part of this session, we’ll share an overview of key developments from 2024 and the early months of 2025. Then, BookNet’s resident standards expert, Tom Richardson, and CEO, Lauren Stewart, have a forward-looking conversation about what’s next. Link to recording, transcript, and accompanying resource: https://bnctechforum.ca/sessions/standardsgoals-for-2025-standards-certification-roundup/ Presented by BookNet Canada on May 6, 2025 with support from the Department of Canadian Heritage.

Mobile App Development Company in Saudi ArabiaSteve Jonas

EmizenTech is a globally recognized software development company, proudly serving businesses since 2013. With over 11+ years of industry experience and a team of 200+ skilled professionals, we have successfully delivered 1200+ projects across various sectors. As a leading Mobile App Development Company In Saudi Arabia we offer end-to-end solutions for iOS, Android, and cross-platform applications. Our apps are known for their user-friendly interfaces, scalability, high performance, and strong security features. We tailor each mobile application to meet the unique needs of different industries, ensuring a seamless user experience. EmizenTech is committed to turning your vision into a powerful digital product that drives growth, innovation, and long-term success in the competitive mobile landscape of Saudi Arabia.

Complete Guide to Advanced Logistics Management Software in Riyadh.pdfSoftware Company

Explore the benefits and features of advanced logistics management software for businesses in Riyadh. This guide delves into the latest technologies, from real-time tracking and route optimization to warehouse management and inventory control, helping businesses streamline their logistics operations and reduce costs. Learn how implementing the right software solution can enhance efficiency, improve customer satisfaction, and provide a competitive edge in the growing logistics sector of Riyadh.