連携 on qwerty.work

【Kintone】ExcelからVBAでAPI連携してシートに直接データを取得する方法

Thu, 26 Jan 2023 00:00:00 +0000

キントーンにある標準の帳票の書き出し機能はデザイン性に乏しく使い物になりません。エクセルやPDFで帳票出力ができるプラグインは存在していますが、高額な料金がかかるものが多くてハードルが高いです。そこで、あらかじめ計算式が組み込まれてレイアウトが整ったエクセルからキントーンのデータを直接読み込むことができればな～と、方法をいろいろ探したらあったのでメモ。

Excelに読み込む方法の参考ページ

キントーンとエクセルを連携させるプラグインが存在しますが、無料かつ自力で読み込む方法をメモ。

https://qiita.com/t0ru/items/e11c5508cca9abb8fd4b https://qiita.com/t0ru/items/e11c5508cca9abb8fd4b

https://caryncolabo.com/kintonedatareaderforvba/ https://caryncolabo.com/kintonedatareaderforvba/

Amazonの本（キンドル）

https://www.amazon.co.jp/dp/B00UV83GPM https://www.amazon.co.jp/dp/B00UV83GPM

試してみたら簡単にできた

上記の「kintoneとExcelを連携するためのVBAクラスを作りました！｜かりんこラボ」にあった方法を試したところ、簡単にキントーンの情報をエクセルのシートに読み込むことができました。

まずは必要な物をダウンロード

以下の3つをそれぞれのページからダウンロード。

モジュールをインポート

Dictionary.clsとJsonConverter.basはエクセルにインポートする必要があります。インポート方法はエクセルの**「開発」タブにある「Visual Basic」**から行います。

エディタが起動したら**[ファイル]-[ファイルのインポート]**からそれぞれのファイルを読み込めばOKです。

データを読み込む

あとはexample.xlsmの**「データ取得」**ボタンを押してキントーンのID/パスワードを入力すれば、新しいシートにレコード読み込まれます。

レコード数が全部で2500あったのですが、きれいに全部読み込むことができました。かりんこラボさんありがとうございます。

Googleアナリティクスとの連携でアクセスランキングが作れる『Ranklet』

Mon, 13 Dec 2021 22:11:12 +0900

ブログにアクセスランキングを設置

どんなブログでもGoogleアナリティクスのアクセス数を利用して、アクセスランキングを埋め込める『Ranklet』というサービスを見つけました。現時点でMovableTypeを使用しているこのブログに埋め込みたいと思います。

https://ranklet.com/ https://ranklet.com/

使い方はとても簡単です。

Googleアカウントでログオン
ランキングに使用するGoogleアナリティクスのプロファイルを選択
表示されたコードをコピペ

これだけで簡単にブログに埋め込むことができます。

HTML、CSS、Javascriptを編集する画面があるので、カスタマイズの自由度はとても高いです。ランキングの集計期も直近の期間から長期までいろいろ選べます。

デフォルトのソース

デフォルトで表示されるHTMLソースは、なぜか****が使用されています。

html

<div class="ranklet ranklet-reset">
    <table class="ranklet-table">
        <tbody class="ranklet-pages">
            {{#context.pages}}
            <tr class="ranklet-page">
                <td class="ranklet-rank">
                    {{rank}}
                </td>
                <td class="ranklet-image">
                    {{#image}}
                    <a href="{{url}}" class="ranklet-link">
                        <img class="ranklet-img" src="{{image}}" />
                    </a>
                    {{/image}}
                </td>
                <td class="ranklet-meta">
                    <div class="ranklet-title">
                        <a href="{{url}}" class="ranklet-link">
                            {{title}}
                        </a>
                    </div>
                    {{#description}}
                    <div class="ranklet-description">
                        <a href="{{url}}" class="ranklet-link">
                            {{description}}
                        </a>
                    </div>
                    {{/description}}
                </td>
            </tr>
            {{/context.pages}}
        </tbody>
    </table>
</div>

CSS

#ranklet-{{context.id}} {
    .ranklet-reset { // リセット
        table, tr, td, div, span {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline;
            line-height: 1;
            box-sizing: border-box;
        }
    }

    .ranklet-table {
        border-collapse: separate;
        border-spacing: 8px 24px;
        width: 100%;

        td {
            vertical-align: middle;
        }

        .ranklet-rank {
            text-align: center;
            font-size: 120%;
        }

        .ranklet-image {
            text-align: center;
            img {
                max-width: 64px;
                max-height: 64px;
            }
        }

        .ranklet-meta {
            .ranklet-title {
                font-size: 120%;
                line-height: 125%;
            }

            .ranklet-description {
                margin-top: 8px;
                line-height: 125%;
            }
        }
    }

}

MovableType用に書き換えたテンプレート

デフォルトので組まれているソース嫌なのと、デフォルトのまま使用するとデザインがおかしくなるので、以下のようにリスト形式にカスタマイズしました。デフォルトのソースにあるページの概要は不要なので{{description}}を省きました。

HTML

<aside >
<section id="side-recentpost" class="side-entrylist">
<nav>
<h2 class="widget-header"><i class="far fa-file-alt" aria-hidden="true"></i>週間アクセスランキング</h2>
<div class="widget-content">
	<ol class="entryList ranklet-list">
		{{#context.pages}}
        <li class="ranklet-list-item">
				  <span class="ranklet-image">
					  {{#image}}
						  <a href="{{url}}" class="ranklet-link"><img class="ranklet-img" src="{{image}}" loading="lazy" /></a>
					  {{/image}}
				  </span>
				  <span class="ranklet-title">
              <a href="{{url}}" class="ranklet-link">{{title}}</a>
          </span>
        </li>
		{{/context.pages}}
  </oll>
</div>
</nav>
</section>
</aside>

CSS

ol.ranklet-list {
list-style-position: inside;
}
.ranklet-image, .ranklet-title {
display: table-cell;
}
span.ranklet-image {
width: 25%;
}
img.ranklet-img {
width: 100%;
}

他にもMovableTypeのCSSに合わせスタイルをいじっていますが、最終的に見た目は以下の通りになりました。

参考サイト

https://mbdb.jp/web-technical/html/ranklet-template.html https://mbdb.jp/web-technical/html/ranklet-template.html

【NoCode】SheetDBを使用してAdaloとGoogleスプレッドシートを連携する

Wed, 16 Jun 2021 11:49:39 +0900

AdaloのデータベースにGoogleスプレッドシートを使いたい

スマホのネイティブサプリがノーコードで作成できるAdalo（アダロ）でタイムカードのアプリを試作しているのですが、最終的にユーザーがアプリから登録したデータを加工しやすいように、Adaroの内部データベースではなく、外部のGooogleスプレッドシートと連携できたらいいなといろいろ調べていました。

しかし、これがなかなかいい情報に辿り着けません。

AdaloからJSONを使用するREST APIが使えるAPIなら連携できるというのを見つけ、それをヒントに調べていました。Googleスプレッドシートと連携はできるみたいなのですが、Google Cloud PlatformでのAPI登録が難しそうで、手に負えませんでした。

他に方法がないかな？と調べていると、いくつかGoogleスプレッドシートと連携するJSON APIを簡単に作成できるCloudサービスを見つけました。使用量が少なければ無料で使えるものが多く。試しにSheetDBを使ってみうことにしました。結果的に成功したので、その手順をメモ。

見つけた似たようなサービス

調べて今のところわかった同様のサービス。

手順

SheetDBにGoogleスプレッドシートを登録

SheetDBにアクセス

以下のSheetDBのページを開き、画面右上のログインボタンをクリック。ログインにはGoogleアカウントを使用しします。

https://sheetdb.io/ https://sheetdb.io/

Googleアカウントを選択

SheetDBのログインに使用したいGoogleアカウントを選択します。私の場合、Chrome上でいくつか複数のGoogleアカウントを使用しているので、選択するアカウントの候補が2つ表示されました。

[CREATE NEW]をクリック

Adaloの外部コレクションの登録に必要な**APIキー（API ID）**を作成します。

GoogleスプレッドシートのURLをコピー

予めAdaloから連携したいGoogleスプレッドシートを用意しておき、以下のようなURLをコピーします。ここでは『Adalo Time Card』という名前のスプレッドシートを用意しました。

https://docs.google.com/spreadsheets/d/*********************************/

連携できるのは1枚目のシートのみ（URLの最後にある#gid=0と表示される最初のシート）。2枚目以降のgid=123456など、0以外のシートIDは登録できなさそうなので、1ファイルに複数のシートがあっても、最初のシート以外は連携できないみたいなので、連携したい複数のシートが1ファイルにある場合は、別のファイルに分割する必要があるようです。

SheetDBの画面にURLを貼り付ける

SheetDBの画面に戻り、GoogleスプレッドシートのURLをフォームに貼り付け、**[CREATE API]**ボタンをクリック。

APIキー（API ID）作成完了

ここに表示された以下のURLをAdaloに登録しますのでコピーしてください。SheeDBでの作業はこれで完了です。

https://sheetdb.io/api/v1/***API*ID***

Adaloの外部コレクションにSheetDBのURLを登録

[START INTEGRATION TRIAL]をクリック

AdaloのDatabaseのメニューにある**[START INTEGRATION TRIAL]**をクリックします。この機能は14日間無料で使えますが、それ以降は有料プランでないと使えません。

[START INTEGRATION PACK TRIAL]をクリック

次に表示された画面の**[START INTEGRATION PACK TRIAL]**をクリックして次に進みます。

[+ADD COLLECTION]をクリック

Databaseのメニューに**『Connect APIs』のメニューが表示されるようになっているので、ここにある[+ADD COLLECTION]** をクリックして外部コレクション（External Collection）の登録に進みます。

API IDを貼り付け

**『API Base URL』**の欄に、SheetDBで取得したURLを貼り付けます。

https://sheetdb.io/api/v1/***API*ID***

Collection Nameは適当に入れてください。後から変更もできます。この2つを入力したら**[NEXT]**ボタンをクリックして次に進みます。

[NEXT]ボタンをクリック

この画面では特に設定することがないので、無視して**[NEXT]**ボタンをクリックして次に進みます。

接続テスト

**[RUN TEST]**ボタンを押して、Googleスプレッドシートに接続できるかテストします。

接続テスト成功！

接続に成功すると以下の画面が表示されますので、**[CREATE COLLECTION]**ボタンをクリックします。

接続先のGoogleスプレッドシートがタイトルのみの1行しかない場合はエラーになりましたので、2行目に何らかダミーでもレコードを入力しておいてください。それでもエラーになる場合、SheetDBでAPIキー（API ID）を取得し直すところからやり直してみてください。

外部コレクションに表示が増えた！

Databaseのメニューに『Adalo Time Card』が表示されました。

これで無事に外部コレクションの登録作業が終わりました。あとはアプリに組み込んでいくだけです。

AdaloからGoogleスプレッドシートを操作できた

外部コレクションに登録が終わり、試作しているタイムカードアプリのプレビューで、入力フォームの内容を登録してみたところ、ちゃんと登録できました！Googleスプレッドシートを開くと、ちゃんとレコードが増えていました。

SheetDB無しでも、ちゃんと設定ができれば、Googleスプレッドシートを直接Adaloの外部コレクションに登録できるとは思うのですが、何度チャレンジしても難しかったので、解決策が見つかるまでは当面、SheetDBを使ってみようと思います。

【NoCode】ノーコードアプリと外部のスプレッドシートのAPI連携についてのメモ

Fri, 11 Jun 2021 14:37:59 +0900

ノーコードアプリで情報を収集したデータを２次加工したり、別のアプリケーションにCSVで流し込んだりしたいときにどうすればよいか？と考えたときに調べたことのメモ。

Adaloと外部DBとの連携

ネイティブアプリでアプリを作るならAdalo。Adaloの外部コレクション機能を使用すれば連携できそう。

Adaloとの外部連携はREST APIを使用したサービスと連携できるらしい。REST APIとはJSONでやりとりする類のAPIのようです。

https://andd.live/7559/adalo-resource%E3%83%BBadalo%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%EF%BC%9F/#API https://andd.live/7559/adalo-resource%E3%83%BBadalo%E3%81%A7%E4%BD%95%E3%81%8C%E3%81%A7%E3%81%8D%E3%82%8B%EF%BC%9F/#API

例えば、Googleスプレッドシートと連携することもできるみたいなのですが、GoogleのAPI登録が私には難しそうです。しかし、それを簡単にしてくれるクラウドサービスがあるようで、Zapier（月間100回のタスクまでなら無料）など、いろいろなクラウドサービスを組み合わせて自動化するサービスを使用すればできそうです。

https://www.nocodeforum.org/t/topic/252 https://www.nocodeforum.org/t/topic/252

AdaloのフォーラムにGoogleスプレッドシートとの連携についての書き込みを見つけましたが、AdaloからGoogleスプレッドシートに直接接続はできなさそうですね。Zapierと同様に何らかのサービスを間にかませないとダメっぽいです。

https://forum.adalo.com/t/google-sheets-api-external-collection/2079 https://forum.adalo.com/t/google-sheets-api-external-collection/2079

ちなみに、上記に記載があったのは、sheetdb（Googleアカウントでログインできて、月間リクエスト500回までなら無料で使えるっぽい）で、これが使えそうな気がします。これ以外にもAirtableやIntegromatというのもありました。同じようなサービスが他にもありそうです。

WEBアプリで良いならGlideかAppSheet

Googleスプレッドシートをデータ元のデータベースとしてアプリを作るならGoogleのノーコードアプリのGlideが使えそう。

同じく、Googleが買収したAppSheetもGlide同様のことができて、以下のページによるとデータ元はGoogleスプレッドシート以外に、Excel（Office365、DropBox、Box）やSmartSheet、SQLも使えるようです。

https://solutions.appsheet.com/how-to-create-an-app https://solutions.appsheet.com/how-to-create-an-app

https://solutions.appsheet.com/pricing https://solutions.appsheet.com/pricing

Facebook、Twitter、Google+、mixiの連携について

Wed, 14 Dec 2011 16:39:59 +0900

とりあえずソーシャルネットワークに参加してますが、どれか一つに絞れません。

すべてをまめに使いこなせないので、理想は1つ投稿したら全部に投稿されて欲しいです。

いまのところ使えそうなツールをまとめてみました。

※とりあえずのメモなので、設定方法は適当に検索してみてください。

TwitterからFacebookに投稿

Smart Tweets for Pages（Facebookのアプリ）

FacebookからTwitterに投稿

Twitter（Facebookのアプリ）

Google+からTwitterとFacebookに投稿

[dlvr.it

](http://dlvr.it/)フィードを読みこませてTwiter、Facebook、LinkedInに投稿するウェブサービス。ちなみにGoogle+のフィードはGoogle+のフィードを取得する方法を参照してください。

Twitterからmixiへ（相互連携）

mixi内で設定

その他ツール

[Google+Facebook

](http://crossrider.com/install/519-google-facebook)IE,Firefox,Chromeのブラウザ拡張機能で、Google+の画面内でFacebookのニュースフィードが見れるスグレものです。

いまのところ、Google+に投稿 → dlvr.it → Facebook → Twitter→ mixiと連動しています。

できればFacebookを最初の投稿先にしたいのですが、ツールが見当たらないのが現状です。