はじめに ID一覧を取得する方法がわからなかったので、 色々調べて動いたメモ。 やりたいこと <div class="hoge" id="1"></div> <div class="hoge" id="2"></div> <li class="hoge" id="nuo"></li> <li class="hoge" id="gaa"></li> <li class="hoge" id="hua"></li> などとなっているときに、class="hoge"の id=1,2,nuo,gaa,hua といった不規則なID名をすべて取り出す。 やり方 指定したクラスのID一覧を取得 //指定したクラスの要素をcsに入れる var cs=document.getElementsByClassName("クラス名"); //csの中からIDの情報をループで取り出す for (var i=0; i< cs.length;i++){ idd=cs[i].getAttribute("id"); } こんな感じでiddにIDが入った。 応用 取得したIDをすべてクリックする もともとはこれがやりたくて調べた var cs=document.getElementsByClassName("クラス名"); for (var i=0; i< cs.length;i++){ idd=cs[i].getAttribute("id"); var clickMe = document.getElementById(idd); if( /*@cc_on ! @*/ false ) { clickMe.fireEvent("onclick"); } else { var event = document.createEvent( "MouseEvents" ); event.initEvent("click", false, true); clickMe.

#「Merge Windows Plus」作りました https://chrome.google.com/webstore/detail/merge-windows-plus/pkgfooedialkoddlhokdnfflfdbakekj機能 散らばったchromeのウインドウをボタン一つで一画面にまとめます。 他と違うの？ 同じ機能を持った拡張機能は複数ありましたが、 chromeの閲覧履歴へのアクセスを求めたりと怪しいものが多かったので、 自分で作りました。 私の作った拡張機能は不要な権限を求めません！ ←大事！ なぞのアクセス要求例 ※ウインドウを一つにするだけなのに閲覧履歴は必要ない オススメの利用者 デュアルディスプレイを使っている方々に良いかも。 インストール インストールはここから。 ChromeだったらMacでもWindows両方で動きます。

まずはダウンロード↓ chromeストア kintone extension search デモ画面 [f:id:cyamax:20160828005106g:plain] 設定方法 好きな検索フォームで「xxxx」を入力＆検索 そのときのURLをコピー kintone extension searchのオプション画面でコピーしたURLを登録 以上で設定完了 あとは好きなタイミングで拡張機能を起動して、検索。 登録したフォームで検索ワードを検索してくれます。 ※URLのxxxxを検索ワードに置換しているだけです 便利な使い方 オプション画面でコマンド設定ができます。 コマンドを使用することで、登録した好きなアプリで検索できます。 またchromeの基本機能で拡張機能をショートカットで開くことができます。 非常に便利ですので設定することをおすすめします。 その他ツール>拡張機能>キーボードショートカット コマンドの使い方 [f:id:cyamax:20160828130414g:plain] その他の機能 ブラウザ上で範囲選択中に右クリックすると 選択中の内容を検索することができます。 安全性について この拡張機能は検索時のURLを保存しているだけなので、拡張機能には大事なデータは残りません。 またkintone側のAPIキーやログインパスワードなどを設定する必要がなく安心です。 コメント kintoneってエクセルで管理しているようなデータを皆で扱うには非常に便利ですが、 アプリが増えてくると検索が非常に面倒だったので、kintone用拡張機能を作成しました。

まずはダウンロード ダウンロードはこちらから↓ chromeストア slide method for Backlog コンセプト 別サービス「esa」の良い部分（スライド）をBacklogでも使いたい！ 何ができるのか この拡張機能を使うことにより、Backlogで作成したwikiをスライドショー化できます。 [f:id:cyamax:20160822121508g:plain] 基本的な使い方 Backlogのwikiページを開いた状態で、 拡張機能のボタンを押下するとスライドが表示されます。 スライドはスペースキーか方向キー、マウスで操作できます。 ESCボタンでスライド全体を表示可能です。 スライド化について 以下タグによってスライド化（改ページ）しています。 h1タグ(#)： タグに書かれた内容をセクションの見出し（１枚スライド）にします。 h2タグ(##)： h2タグ配下をタイトルとコンテンツの１枚スライドにします。 PDF出力 スライドの最後に表示される「make pdf」を押下。 表示されたページでブラウザから「印刷」(ctrl+p)を実行。 送信先「PDFに保存」を選択し、保存。 がんばったところ BacklogのAPIを使わない 拡張機能内にユーザーのAPIキーを保存したくなかったのでブラウザのセッションのみでやり取りをしています。 APIキーを使わないので、ユーザーも私も安心。 サーバーレス 同じ理由でサーバーを挟みません。 サーバーから情報が漏れたら怖いのでサーバーレスで頑張りました。 なのでクロスドメインの壁を乗り越えるのが大変でした。 PDFを実装した 「esa」に無い機能としてスライドからPDFを作成する機能をつけました。 ここは特に頑張っていません。工夫した点ですね。 感想 バックエンドのコーディングよりも実際にユーザが触るフロントエンドの実装が気を使う。 Chrome独自のAPIもそうですが、Ajax通信やJQuery、クロスドメイン、MITライセンスなど幅広く多くのことを学べてよかった。 Chromeの拡張機能開発はJavascriptの勉強にちょうど良いね。