http://connpass.com/event/30188/ kintoneのフロントエンド開発について、大規模なJavaScriptを扱うために利用している技術スタックや開発スタイルを紹介します。また、React/ReduxやES6などの最近の潮流に対して、取り入れるべきものは何か、既存プロジェクトにどのように導入するのかについて話します。Read less
こんにちは。kintone 開発チームの天野 (@ama_ch) です。すっかり春らしくなりましたね。 少し前に JS の自動レビューツール jswatchdog をオープンソースで公開しましたので、こちらで紹介させていただきます。 使い方 https://kintone.github.io/jswatchdog/ 上記の URL を開き、左側のエディタに JS コードを貼り付けるだけです。 右側に修正が必要な箇所が表示されるので、適宜修正します。 特徴 バリバリの開発者じゃなくても使いやすい一画面完結の Web インターフェース lint ツールでお馴染みの構文チェックの他、知らずに脆弱性を作り込むことを避けるため、XSS の可能性がある箇所にも警告を表示 内部的には、JS の静的構文チェックツールとして ESLint と JSHint を組み込んでいます。 さらに XSS の可能性があ
こんにちは。kintone開発チームの天野 (@ama_ch) です。 最近はJavaScriptのテストツールが著しく進歩し、日々新しいツールが登場しています。kintoneの開発もこれらのツールによって支えられています。 kintone開発チームでは、昨年末頃からテスト環境の改善に取り組み、モダンなツールセットに乗り換えました。今回は、現在のkintoneのJSユニットテスト環境について紹介します。 kintoneとJSユニットテスト 数年前からユニットテストと自動化の仕組みはあったのですが、ごく一部のユーティリティ関数に書かれているのみで、普段の開発には活用されていませんでした。 ここ1,2年ほどで テストスケルトンを生成するジェネレータスクリプトを作る テストの書き方をまとめたドキュメントを用意する MTGで「ユニットテストを書かなくていいのは小学生まで」などと煽る コードレビュー
(著者:サイボウズ kintone開発チーム 天野 祐介) kintoneはJavaScriptを使って自由にカスタマイズすることができます。 カスタマイズにより独自のリッチなUIを構築したり、新しい機能を追加したりできるようになりますが、セキュアなコーディングをしないとクロスサイトスクリプティング脆弱性を作り込んでしまう危険性があります。 この記事では、JavaScriptでセキュアなコーディングをするための基本的な点を解説します。 主な原因 脆弱性を作り込む主な原因になるコードは、要素の動的な生成です。特に、レコード情報などのユーザーが入力した値を使って要素を生成するときに脆弱性が発生しやすくなります。 対策 document.write()やelement.innerHTMLを使って要素を生成するときは、コンテンツとなる文字列をかならずHTMLエスケープするようにしましょう。 以下は
こんな僻地で退職エントリーもどうかと思うけど。 5年間勤めたサイボウズを本日2/29で退職しました。最終出社日は2/24だったけど。 この3年くらいずっとkintoneという製品を作ってきたのですが、UI設計やクライアントサイドどうするな話など、自分が初めてやりたいようにできた(というと語弊があるけど)のでとても思い入れが大きい製品です。 まだ昨年の11月に販売されたばかりで機能数も少ないですが、「誰でも早く作れる」というコンセプトにおいてはかなり自信を持って作っていましたし、お手軽でいい製品だと思います。 Excelの管理めんどくさいからWebで共有したいなーとか、5人くらいでサクッとタスクフロー回せるアプリが欲しい!という方がいらっしゃいましたらぜひお試しください(お試し1ヶ月無料です)! 毎月リリースという結構なリリースサイクルの中、毎月とんでもない量のタスクが積まれる中、それでも楽
Publickey の記事を読んで感じたこと。 jQuery を代表する従来型のデザイナ向けフレームワーク …ページドリブン。 サーバーからHTMLを出力して貰わないと、JavaScriptは動かないのだけど、フレームワークとしては、1つのページをどのように表現するかに終始してるフレームワーク。大抵の場合、ページは必ずサーバーに出力させて、そこにJavaScriptで装飾するという「フロントエンドの装飾目的」で使われることが多い。 もちろん、バックエンド的な実装も可能だが、パフォーマンス面での欠点がある。 実装されたAPIを使わずにHTMLを書き換えたりすると、アタッチされたイベント周りでメモリリークが起こりやすい。 APIを使うべきという。また、デザイナ向けであるが故に、セレクタで指定する記法を提供するため、HTML文書内に構築された要素を無駄に走査してる為遅い。 Google Clos
大規模UIをJavaScriptで実現するためのテクニック、サイボウズkintone開発の現場から。デブサミ2012 7万行規模のJavaScriptプログラムで構築されたユーザーインターフェイス。そのプログラミングで使われたテクニックとはどういうものか。 2月16日、17日の2日間、都内で開催されたイベント「デベロッパーズサミット2012」(デブサミ2012)で、サイボウズ株式会社 開発部 若原祥正氏、生駒浩隆氏が講演「kintoneの表と裏~大規模JavaScript開発と非構造データベース」を行いました。 講演では前半に大規模JavaScriptのテクニック、後半でスキーマレスデータベース構築の仕組みが解説されましたが、この記事では資料が公開された前半のJavaScriptのテクニックについて、ダイジェストで紹介します。 7万行のコード、フレームワークはClosure Library
「Developers Summit 2012 - 10年後も世界で通じるエンジニアであるために」で発表してきました。 デブサミ2012 kintoneの表と裏 - 表編 View more presentations from yo_waka イマドキのJSの話とかではなくて、UIをJSで作る際の設計ノウハウみたいな話にしたので、つまらなかったら申し訳ないなと思ってたのだけど、終わったあとも何人か質問しにきてくれた方がいたのでホッとしました。 10年後も・・というテーマとして、激しく進化するJSの最新動向に左右されず使えるネタを選んだつもりではあります。 普段からJSでもパフォーマンス意識して設計してる方には当たり前のことばかりだったかも。 jQueryは甘えってのは書いてみたかっただけですすいません。。 けど、適材適所というかSinatraで100画面近くあるようなWebアプリは作らな
The document discusses kintone's JavaScript library. It provides details on how kintone uses JavaScript for its UI components and event handling system. It also describes how kintone leverages the Closure Compiler to optimize and minify its JavaScript down to a small size for faster loading. Advanced techniques like deferred execution are used to improve performance.Read less
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く