Share The Notebook

【FileMaker】WebビューアにJavaScriptでチャートグラフを表示するカスタムApp【Chart.js】

2022-11-03T07:32:00.011+09:00

Chart.js

本家サイトはこちら。Chart.js ライセンスはMITライセンス。

※今気づいたのですが、カスタムAppに著作権表示していませんでしたね。修正バージョンを差し替えしたいのですが、既にClaris社のサンプルサイトは一般の受付を打ち切っているので致し方ありません。

メモに付けたタグ別の件数をグラフ化したものです。

表示するだけでは面白くないので、インタラクティブに動作させてみました。

クリックしたタグを検索することができます。

グラフの種類やカラースキーマを変更すると即時に反映されます。

今見るとテーブルオカレンスの設計や、スクリプトの書き方、命名規則がなっていませんね。

また作成した当時は、JavaScriptのコードを直接URL参照する書き方をしていました。ここはそれぞれのライセンスのルールを守った上でローカルに保存すればよいかと。

そういえば巷のサンプルを改変してchart.jsの機能を自作メモ帳に追加したことある。
この時はまだURLで参照してた。 #FileMaker https://t.co/1U70LDctxH pic.twitter.com/G1YD1cnfWu
— TAKESHI NAKANO (@takeshi0206x) November 2, 2022

【FileMaker】WebビューアにJavaScriptでスプレッドシートを表示するテスト【Jspreadsheet CE】

2022-10-29T17:51:00.005+09:00

Jspreadsheet CE

github: Jspreadsheet CE v4: JavaScript スプレッドシート

※Jexcel CEは Jspreadsheet CE に名前が変更されたとのこと。

「JS 配列、JSON、CSV、または XSLX ファイルからオンラインスプレッドシートテーブルを作成できます。Excel からコピーして直接 Jspreadsheet CE スプレッドシートに貼り付けることができ、その逆も可能です。」（Google翻訳）

githubページのスクリーンショットで簡単なデモが見れます。

行の入れ替えもできるみたい。

MITライセンス

【追記】2022/10/29

CSS カスタマイズのメモ

ヘッダー／行　の背景色（backgroud-color）、文字色変更（color）

.jexcel > thead > tr > td
{
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #1e88e5;
    padding: 2px;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index:2;
    color: #fff;
}

ヘッダー／列　の背景色（backgroud-color）、文字色変更（color）

.jexcel > tbody > tr > td:first-child
{
    position:relative;
    background-color:#1e88e5;
    color: #fff ;
    text-align:center;
}

【FileMaker】WebビューアにJavaScriptでスプレッドシートを表示するテスト【sheetjs】

2022-10-29T11:56:00.002+09:00

sheetjs

HTMLのテーブルタグをスプレッドシートに変換する jQuery plugin です。

Convert HTML Table Into Spreadsheet - jQuery sheetjs

MITライセンス

サンプルHTMLをただ貼り付けただけです。

JSONではないんですよね。

「無」の書き方をリクエストしたら答えてもらった

2022-10-22T16:25:00.007+09:00

皆さん、「無」の字って意外と難しくないですか？

書道家・静芳（せいほう）さんのYouTubeチャンネルで、「無」の書き方をリクエストしたら答えてもらいました。

「7万人記念企画」みなさんからのリクエストにお答えします！より

7分7秒ぐらいからです。

私が練習する前の字は、こんな感じ。

BEFORE

教えてもらった書き方で練習したあとはこんな感じ。

AFTER

満足満足。

自分の字を自分で見て、これでいいやと納得できる程度にはなりました。

人から教わる。自分で練習する。よきことだなと思います。

まだまだ一進一退ですが、毎日少しでも練習したいと思います。

ちなみに使っているノートは、120字詰の漢字ドリル用ノート(KYOKUTO)。

ペンは、SARASA DRY 黒 0.5mm の替芯をSARASA NANOに換装して使っています。

FileMakerの自動テストにSeleniumIDEを使ってみた

2022-10-19T23:37:00.041+09:00

FileMaker に一般的なテスティングフレームワークが使えないかと思って色々と試しています。今回は、Selenium ( SeleniumIDE ) を試してみました。

前提条件として、FileMaker が WebDirect で完全に機能しないといけないのですが、私の場合はいつも、 WebDirect での運用をメインに考えているので、この前提はクリアしています。

テストの自動化やってみた。動かすことはできるけどかなり力技。折角レイアウトモードでオブジェクトにオブジェクト名付けてるのに、WebDirectのソースには全く現れない。やっぱり特化したテスティングフレームワーク欲しいな。 #FileMaker #Selenium #SeleniumIDE pic.twitter.com/SRCZicCLT7
— TAKESHI NAKANO (@takeshi0206x) October 15, 2022

ここまで動かすにも色々とコツはあるのですが、まず最初のうちは「操作を記録した時のテストケースをそのまま実行させても動かない」と思っていたほうが無難です。

操作の記録では、ボタンをダイレクトにクリックしたり、フィールドをダイレクトにクリックして記録しますが、出来上がったテストケースの記録には、例えば「idが xxxxxxxx というオブジェクトをクリックした」という記録だけが残ります。

しかし、このテストケースをリプレイしたとき、「id xxxxxxxx というオブジェクトが見つかりません」と表示されて中断する場合があります。その場合私は、「現在アクティブなウィンドウには、そういうidを持つオブジェクトが見当たらない」という意味だと解釈しています。（スコープに存在しない的なイメージ）

このことから、ボタンをクリックしたり、フィールドに入力する場合は、まずボタンやフィールドが乗っている親ウィンドウをクリックしてアクティブにしてからボタンをクリックするようにしました。

また、SeleniumIDEでは、一つ一つのアクションにおける、ターゲットを設定しますが、このターゲットのタイプを3種類（ css:finder , xpath:idRelative , xpath:position ）から選択できるので、アクションのステップがうまく動作しない時に、別のターゲットのタイプを簡単に試すことができます。

WebDirectの場合、というか、私が作ったカスタムAppでは、xpath:idRelative でうまくいくケースが多いです。

WebDirect + SeleniumIDE に戻る。SleniumIDEだとターゲットのタイプを選択できる。 pic.twitter.com/16raDwKEX6
— TAKESHI NAKANO (@takeshi0206x) 2022年10月19日

誰かの参考になれば。

仕様を局所化する＝あちこちに依存関係のある実装をしない

2022-09-30T12:40:00.007+09:00

スクリプト、カスタム関数、フィールド設定、スクリプトトリガー、条件付き書式などなど。

あちこちに依存関係の強い実装をすると、メンテナンスに苦労します。

ということで、カスタム関数に処理機能だけでなく、使用者へのポップオーバーメッセージ用のテキストも持たせることにしました。

カスタム関数の返り値でボタンを非アクティブにすることにしたけど、ヘルプのテキストも関数側に持たせることにした。仕様を局所化して保守の安全性と効率を高める。 #FileMaker に限らず。 pic.twitter.com/Amnx6u3qzi
— TAKESHI NAKANO (@takeshi0206x) August 16, 2022

ワークフローをD.I.Yしてみる

2022-09-29T23:06:00.006+09:00

ログインユーザーによって、選択できる値一覧の値を限定したい場合の実装例です。

#FileMaker でワークフローを実装してみた。例えば「申請中」というステータスは、管理者権限を持った人が、「審査中」か「差戻し」にしか変更できないようにするとか。
ポップオーバーで値一覧をチェックボックス表示して選択させるUI。 pic.twitter.com/wgFFppYjJA
— 中野岳史 (@takeshi0206x) August 12, 2022

これをマルチユーザーで実現するには、ユーザー別のスコープとなるグローバルフィールドを使用します。

リアルタイムに前方一致検索のサンプル

2022-09-29T20:03:00.002+09:00

文字を一文字入力するごとに検索しなおします。

【SwitchBot】家電をSiriで操作・こたつの電源編

2021-02-13T12:36:00.005+09:00

私のつぶやき(Twitterより )

SwitchBotもらったので悩んだあげくコンセントに装着。いや、これやるならコンセント型使うのが正解なのはわかってます。Siriショートカット使うにはhubが必要なのな。センサーも欲しい。#IoT

Siriに登録して声で操作

【bitnami】【Redmine】【OSX】cannot calculate MAC address: signal: killed

2021-02-07T12:44:00.006+09:00

OSXをBig Surにバージョンアップしたらbitnami Redmineが、 "cannot calculate MAC address: signal: killed" で立ち上がらず。仮想環境をディレクトリごと削除したら初期化から走って起動。当たり前か。データ1件しかないテスト環境だったからいいけど...

データ復旧できなかったのか？

Redmineではないけど、bitnamiの仮想だからWordpressでも同じだろうということで、こちらのQAを参考に修復を試みたが不発だった。

bitnamiWordpressアプリケーションを起動するときの問題

qemu-img check -r all ./wordpress/vm/machine.qcow2

これを実行しても状況は改善しませんでした。原因を追求していません。

【注意】仮想環境の初期化（データも初期化）

同じくRedmineではないけど、XAMPPで同様の報告を見つけたので、こちらを参考にディレクトリごとバッサリ削除してから起動したところ成功しました。

Como resolver o erro "cannot calculate MAC address: signal killed" com servidor XAMPP no MAC OS?

今のところ情報はこれだけなのですが、データが消えるのでバックアップなどデータ保全に注意してください。（と言ってもどうレストアすればいいのか。）

【Redmine】【REST】【FileMaker】【cURL】FileMakerからRedmineのチケット登録

2020-09-16T00:18:00.022+09:00

スクリプトステップ: "URLから挿入" の指定の方法

ターゲット:

変数やフィールドなどレスポンスを格納するものを指定する。

URLを指定:

例:

[ベースURL] & "/issues.json"

cURLオプションの指定:

例:

  "-X POST -H \"Content-Type:application/json\" -H \"X-Redmine-API-Key: " & [APIアクセスキー] & "\" --data @$データ部"

説明:

APIアクセスキーは、Redmineの個人設定画面で生成します。

変数: $データ部には、JSON形式でチケットで登録する情報を設定します。
変数: $データ部の例です。プロジェクトIDやトラッカー，優先度などの情報は、ブラウザで実際に下記のように入力して表示されたチケット情報から該当するものを分析して設定しました。

[ベースURL]/issues.json

実際には、以下の文字列をフィールドに設定しておいて、 "変数を設定" スクリプトで $データ部に下記のフィールドの値を設定しました。ダブルクォーテーションの前にエスケープ文字（バックスラッシュ）を置く必要はありません。@$データ部という記述によって、文字列の中にJSON構造のテキストデータが設定されます。

    {
        "issue": {
            "project_id": 1,
            "subject": "本文テスト",
            "tracker_id": 3,
            "priority_id": 2,
            "status_id": 1,
            "description": "ここに本文を記載する。"
        }
    }

取り敢えずはここまで。JSON関数を使った編集はこれからです。まずは基本的な構文の記述の仕方の確認でした。

参考にした皆さんの情報（Qiita）

ありがとうございました！

【要注意】Rails 6 + Bootstrap 4 + FileMaker Server 18 + Rfm/ginjo 3

2020-08-08T23:14:00.012+09:00

Why?

　なぜ今さら Rfm？と思うでしょうが、今回は、FileMakerのカスタムWeb公開機能でデータベース単体として使えば（トラフィック制限はあるけど）接続クライアント数のライセンス費用はかからないので、Railsとの組み合わせはどんなもんなのか、この眼で確かめてみたかったというのが目的でした。RESTでやってみたかったけれど、Railsに匹敵するようなフレームワークを探せなかった。

　コメント欄参照していただきたいのですが、HAZIさんより情報いただきました。Rfm/ginjo はプルリクに反応なく、ruby2.6以降で警告多発し、FileMakerServer19で不安定とのことです。私もこの記事での動作確認までで、これ以上のことはしていません。

画面サンプル

　何の特徴もない画面ですが、自分には動いたということがまずささやかな実績。

一覧画面（デフォルト表示画面）

詳細画面（一覧でタイトルをクリックした後の画面）

編集画面（詳細画面で編集ボタンをクリックした後の画面）

編集（スクロール後の状態）

検索結果（一覧画面で検索ボタンをクリックした後の画面）

Rails

　Railsは初だったのでこの本で勉強。

「現場で使えるRuby on Rails 5／速習実践ガイド」株式会社万葉[監修] by マイナビ

　※リンクは正誤表などが掲載されているサポートサイトです。

　Rails5.2対応とあり、実際はRails6でやろうとしてたのでパスかなと思いましたが、本を手にとって見ると、共通化やチーム作業などに触れられており、全体のバランスが良さそうだったのでこれに決めました。Bootstrap もこの本の手順に沿って入れました。

　Rails 6.0.2.2

Rfm/ginjo

　ginjo/rfm 3.08

　github https://github.com/ginjo/rfm

　"Latest commit on 16 Dec 2017 " とあるので、2年ほど前が最後のコミットですね。

issueが20件あります。私も1件あげました。検索の結果が0件の場合に割り込みが発生しないという報告と改善案です。（ginjoさん見てくれるだろうか。）

　Download & Installationの通りに実行してインストール。

　gem install 'ginjo-rfm'

FileMaker Server

　FileMaker Server 18.0.4

　もう19が出てしまいましたが。

　ポート3000番をFileMakerServerで使っているので、Railsはポート変えて立ち上げる必要があります。

　ここではFileMaker Serverについてのインストール解説はしません。知ってる前提。

　カスタム Web 公開機能（ with XML ）を有効にします。CLI(コマンドラインインターフェイス)でしか有効にできないので注意。

　FileMakerServer18ヘルプ　PHP および XML Web公開設定

AdminConsoleの例

データベースの例

ディレクトリ構造

viewsのみ

ソース

environment.rb

# Load the Rails application.
require_relative 'application'

# Initialize the Rails application.
Rails.application.initialize!

# FileMaker Server Object config
FM_CONFIG = {
:host => "127.0.0.1",
# :port => 16014,
:port => 16020,
:account_name => "admin",
:password => "XXXXXXXXXX",
:database => "FMServer_Sample",
:raise_on_401 => true,
:ssl => false
}

models

art.rb

require 'active_model'

class Art < Rfm::Base
  config :layout => 'English_Form_View',
   :host => "127.0.0.1",
   :port => 16020,
   :account_name => "admin",
   :password => "XXXXXXXXXX",
   :database => "FMServer_Sample",
   :raise_401 => true,
   :ssl => false,
   :FMSdomain => "http://localhost"
end

views

list.html.slim

h1 一覧

.mb-3
  .nav.justify-content-end
    = form_tag(:action => :search, :id => params[:id]) do
      .form-inline
        .div.form-row           
            = text_field_tag "words[Search]", "", {class: 'form-control'}
            | &nbsp;
            = submit_tag "検索", class: 'btn btn-primary'
.mb-3
 = link_to '新規登録', {:action => :new} , class: 'btn btn-primary'

.mb-3
table.table.table-hover
  thread.thead-default
    tr
      th= "Title"
      th= "Cover Photo Credit"
      th= "Status"
      th[align="right"]= "Quantity in Stock"
  tbody
    - @records.each_with_index do |record,i|
      tr
        td= link_to((record["Title"]), :action => :show, :id => record.record_id)
        td= record["Cover Photo Credit"]
        td= record["Status"]
        td[align="right"]= record["Quantity in Stock"].to_i

show.html.slim

h1 詳細

.mb-3
.nav.justify-content-end
  = link_to '一覧', {:action => :list}, class: 'btn btn-primary'

.mb-3
table.table.table-hover
  tbody
    tr
      th= "Img"
      td= image_tag @record["Img"] ,:width => '256' if @record["Img"] 
    tr
      th= "Title"
      td= h @record["Title"]
    tr
      th= "Status"
      td= h @record["Status"]
    tr
      th= "Author"
      td= h @record["Author"]
    tr
      th= "Publisher"
      td= h @record["Publisher"]
    tr
      th= "Photo Credit"
      td= h @record["Cover Photo Credit"]
    tr  
      th= "Quantity in Stock"
      td= h @record["Quantity in Stock"].to_i
    tr
      th= "Number of Pages"
      td= h @record["Number of Pages"].to_i
    tr
      th= "Description"
      td= simple_format(h(@record["Description"]), {}, sanitize: false, wrapper_tag: "div")

= link_to '編集', {:action => :detail, :id => @record.record_id}, class: "btn btn-primary mr-3"

detail.html.slim

h1 編集

.nav.justify-content-end
  = link_to "一覧", {:action => :list}, class: "btn btn-primary"

.mb-3
table.table.table-hover
  tbody
  tr
    th= "Img"
    td= image_tag @record["Img"] ,:width => '256' if @record["Img"] 

= form_with  model: @art, url: {controller: 'art', action: 'save', :id => params[:id] } do |f|
  .form-group
    = f.label :Title
    = f.text_field :Title, class: 'form-control', id: 'art_Title', value: "#{h @record["Title"]}"
  .form-group
    = f.label :Status
    = f.text_field :Status, class: 'form-control', id: 'art_Status', value: "#{h @record["Status"]}"
  .form-group
    = f.label :Author
    = f.text_field :Author, class: 'form-control', id: 'art_Author', value: "#{h @record["Author"]}"
  .form-group
    = f.label :Publisher
    = f.text_field :Publisher, class: 'form-control', id: 'art_Publisher', value: "#{h @record["Publisher"]}"
  .form-group
    = f.label :'Cover Photo Credit'
    = f.text_field :'Cover Photo Credit', class: 'form-control', id: 'art_Cover Photo Credit', value: "#{h @record["Cover Photo Credit"]}"
  .form-group
    = f.label :'Quantity in Stock'
    = f.text_field :'Quantity in Stock', class: 'form-control', id: 'art_Quantity in Stock', value: "#{h @record["Quantity in Stock"]}"
  .form-group
    = f.label :'Number of Pages'
    = f.text_field :'Number of Pages', class: 'form-control', id: 'art_Number of Pages', value: "#{h @record["Number of Pages"]}"
  .form-group
    = f.label :'Description'
    = f.text_area :'Description', class: 'form-control', id: 'art_Description', value: "#{h @record["Description"]}"
  = f.submit nil, class: 'btn btn-primary'
  |  
  = link_to 'キャンセル', {:action => :list }, class: 'btn btn-secondary'
  | &nbsp;
  = link_to "削除",  {:action => :destroy ,:id => params[:id]}, class: "btn btn-danger",data: {confirm: "削除しますか？"}

search.html.slim

h1 一覧

.mb-3
  .nav.justify-content-end
    = form_tag(:action => :search, :id => params[:id]) do
      .form-inline
        .div.form-row           
            = text_field_tag "rec[Title]", "", {class: 'form-control'}
            | &nbsp;
            = submit_tag "検索", class: 'btn btn-primary'
.mb-3
 = link_to '新規登録', {:action => :new} , class: 'btn btn-primary'

.mb-3
table.table.table-hover
  thread.thead-default
    tr
      th= "Title"
      th= "Cover Photo Credit"
      th= "Status"
      th[align="right"]= "Quantity in Stock"
  tbody
    - @records.each_with_index do |record,i|
      tr
        td= link_to((record["Title"]), :action => :show, :id => record.record_id)
        td= record["Cover Photo Credit"]
        td= record["Status"]
        td[align="right"]= record["Quantity in Stock"].to_i

new.html.slim

h1 新規作成

.nav.justify-content-end
  = link_to '一覧', {:action => :list}, class: 'btn btn-primary'

= form_with  model: @art, url: {controller: 'art', action: 'create' } do |f|
  .form-group
    = f.label :Title
    = f.text_field :Title, class: 'form-control', id: 'art_Title', value: 'タイトル'
  .form-group
    = f.label :Status
    = f.text_field :Status, class: 'form-control', id: 'art_Status', value: '状況'
  .form-group
    = f.label :Author
    = f.text_field :Author, class: 'form-control', id: 'art_Author', value: '作者'
  .form-group
    = f.label :Publisher
    = f.text_field :Publisher, class: 'form-control', id: 'art_Publisher', value: '提供者'
  .form-group
    = f.label :'Cover Photo Credit'
    = f.text_field :'Cover Photo Credit', class: 'form-control', id: 'art_Cover Photo Credit', value: '提供'
  .form-group
    = f.label :'Quantity in Stock'
    = f.text_field :'Quantity in Stock', class: 'form-control', id: 'art_Quantity in Stock', value: '在庫'
  .form-group
    = f.label :'Number of Pages'
    = f.text_field :'Number of Pages', class: 'form-control', id: 'art_Number of Pages', value: 'ページ数'
  .form-group
    = f.label :'Description'
    = f.text_area :'Description', class: 'form-control', id: 'art_Description', value: '詳細'
  = f.submit nil, class: 'btn btn-primary'
  |  
  = link_to 'キャンセル', {:action => :list }, class: 'btn btn-secondary'

controllers

art_controller.rb

require "rfm"

class ArtController < ApplicationController

  def list
    begin
      # flash[:notice] = ""
      if params[:id] == nil && ( params[:Search] == nil || params[:Search] == "")
        @records = Art.all
      elsif params[:id] != nil && ( params[:Search] == nil || params[:Search] == "")
        @records = Art.all :sort_field => params[:id]
      elsif params[:Search]  != ""
        @records = Art.find "TextForSearch" => params[:Search]
        flash[:notice] = "'#{params[:Search]}' で検索しました。"
      end
    rescue Rfm::Error::NoRecordsFoundError
      flash[:notice] = "'#{params[:Search]}' で検索しましたが、対象は０件でした。"
      @records = Art.all
    end
  end

  def search
    redirect_to :action => :list, :words["Search"] =>  search_params
  end

  def new
    @art = Art.new
  end

  def create
   begin
      Art.create( edit_params.to_h )
      flash[:notice] = "レコードを作成しました。"
      @records = Art.all
      redirect_to :action => :list
    rescue Rfm::Error::ValidationError
      render_text "A record with id '#{params[:id]}' ValidationError.", :status => 0
    end
  end

  def show
    begin
      @record = Art.find params[:id]
      @record["Img"] = Art.config[:FMSdomain].to_s + ":" + Art.config[:port].to_s +  "#{@record["Img"]}"
      if @record == nil
        flash[:notice] = "該当レコードがありません。"
        @records = Art.all
        redirect_to :action => :list  
      end
    rescue Rfm::Error::NoRecordsFoundError
      render_text "A record with id '#{params[:id]}' could not be found.", :status => 401
    end
  end

  def detail
    begin
      @art = Art.new      
      @record = Art.find(params[:id])
      @record["Img"] = Art.config[:FMSdomain].to_s + ":" + Art.config[:port].to_s +  "#{@record["Img"]}"
    rescue Rfm::Error::RecordMissingError
      render_text "A record with id '#{params[:id]}' could not be found.", :status => 404
    end
  end
  
  def save
    Art.edit params[:id], edit_params
    flash[:notice] = "更新しました。"   
    redirect_to(:action => :detail, :id => params[:id])
  end

  def destroy
    begin
      @record = Art.find params[:id]
      Art.delete params[:id]
      flash[:notice] = "レコードを削除しました。"      
    rescue Rfm::Error::RecordMissingError
      flash[:notice] = "レコードを削除できませんでした。"
    end
    redirect_to :action => :list
  end

  private

  def edit_params
    params.require(:art).permit(:"Title", :"Status", :"Author", :"Publisher", :"Cover Photo Credit", :"Quantity in Stock", :"Number of Pages", :"Description", :"Img")
  end

  def search_params
    params.require(:words).permit(:"Search")
  end

end

感想

　初めてのRails体験は率直に面白かった。MVCの思想はシステムの構成だけでなく，開発者のチーム編成、役割分担にもシンクロするだろう。

　FileMakerの使い方としては、データ参照のみの人がたくさんいる場合にブラウズはRailsで、データ入力、加工、運用する人がごく一部ならFileMakerのクライアントまたはユーザーライセンスを使う形態といったところでしょうか。

　しかし、これだけの基本的な動きも、FileMakerをそのまま使うならもっと簡単ですね。改めてFileMakerの強力な機能を思い知りました。

参考にした情報

Rfm

Quiita：FileMaker API for Ruby (ginjo-rfm) を初めて触る人のために
Quiita：FileMaker API for Ruby (Rfm) について

@corselia 様
やはり動いたという実績はありがたいです。

Hatena：Rfm 1.4をインストールするには

matsuo_atsushi 様
lardawge版Rfmですが比較できてありがたかったです。

ありがとうございました！！！

以上

【ライフハック】幅広セロハンテープ・切り口を探しやすくする（折り方・切り方）

2020-03-19T23:02:00.001+09:00

大きめのセロハンテープライフハック

既に誰か考えてるかもですが、切り口がわからなくなると扱いにくい大判セロハンテープ。90°に折り曲げて、ハサミで三角に切ってつまみを作ると扱いやすくなります。

①長めに引き出して

②９０°に折り曲げる

③４５°でカット

④つまみができる

【タイヤ交換】【ホイール・インチダウン】ホイールのインチダウンでバランスウェイトが干渉

2019-11-17T23:18:00.001+09:00

誰かのためにと、自分のトラブルをメモしておく。

　標準では17インチのホイール装備。仕様上は16インチまでが記載されていたので、冬タイヤ＋ホイールを買う際にネットで16インチを選んだ。理由は正規ディーラー品よりも安いから。

　ところが届いたものを装着して走り出したら、「シャリン、シャリン、シャリン」と窓の外から音が。前輪のブレーキとバランスウェイトが干渉していた。

　購入店にタイヤ＋ホイール４セットを送り返しているうちに雪が降って来るので返品していられない。バランスウェイト貼り直してくれるタイヤ店を探すが、この忙しい時期に（車の取り扱い説明書にあった）「スタティックバランス」を取ってくれる店はなかった。

　結局正規ディーラーに頼むことに。これで無事にホイールのバランスウェイトはブレーキに干渉しなくなった。

　ここまでが去年。

　そして今年のタイヤ交換。タイヤのローテーションで後輪だったタイヤを前輪に。しかし走り出したら、また「シャリン、シャリン、シャリン」と窓の外から音が。どうも去年のバランスの取り直し、前輪だけしかしなかったらしい。後輪のバランスウェイトはそのままだったことが判明。というか、「後輪はどうしますか？」と聞かれたような気もしたが...。気を取り直して前輪と後輪を去年と同じにして終了。

【AppleWatch】夕陽を撮りたい人にお薦めのウォッチフェイス・ソーラー

2019-10-31T21:02:00.000+09:00

ウォッチフェイス／ソーラー。最初見た時は何がいいのか全然わからなかった。

しかし朝、この画面を見て気がついた。

日の出だ。6時半ごろ。ということは、右側が日没か。

あ〜そろそろ日没。デジタルクラウンを回すと『日の入』の時間が示される。

ん？あと1時間ほどで日の入か。やっぱりこの季節になると日の入早いな。

もっとクラウンを回すと『夕暮』の時刻が。夕焼け撮れるだろうか？

こんなふうに一日が過ぎるので、夕陽を撮るタイミングが取りやすくなる。

ちなみに、こちらは私が撮り溜めたほぼ定点での写真です。

『あなたはすでに Apple Musicのメンバーです』

2019-10-18T21:28:00.000+09:00

Apple Musicのファミリープランに入ったのですが、iPhoneのミュージックアプリでForYouをタップしたところ、『あなたはすでに Apple Musicのメンバーです』と表示され、それ以上先に進めませんでした。その後色々試して、結局無料トライアルをキャンセルして有料プランに入り直したら進めました。

憶測ですが、恐らく過去に無料トライアルを試していたので、３ヶ月無料でスタートできる権利が無いという状態になっていたのかも。（正しい挙動かどうかは不明）

ということで、以下の方法を試す場合は、サブスクリプション（課金）が発生するので注意してください。

iPhone/iOS13.1.3

設定App＞Apple ID、iCloud、iTunes Storeと...＞サブスクリプション＞Apple Musicメンバーシップ＞無料トライアルをキャンセル

一旦無料トライアルをキャンセルしたのち、ファミリープラン（1,480円/月）を選択し直ししました。
３ヶ月無料のつもりでいたので、すぐキャンセルしましたが...

【FileMaker】【無料・フリー・テンプレート】【カスタムAPP】Hypermemo ハイパーなメモ・iPhoneのメモ帳への不満から生まれたカスタムAPPにありったけの機能を盛り込んでみた

2019-05-27T17:34:00.000+09:00

まだ『ハイパー』が死語でないことを祈りつつ。

Hypermemo ／ハイパーメモ

FileMaker社のサンプルダウンロードサイトに掲載してもらいました。
https://fmgo.jp/detail.php?recid=665

サポートサイトも作成中
https://hypermemo-blogger.blogspot.com/

iOSでの使用が前提です。

メモを取る。
メモにタグを付けて分類する。
メモに画像を添付する。
現在地を記録する。
メールで送付する。
メモをリストに変換してチェックボックスを付ける。
ホームページのログインに必要なアカウント情報（ID，パスワード、メールアドレス）をメモしておき、誰かに引き継げるよう印刷（PDF）する。
Markdownプレビュー（github利用）。
アプリの背景色をカスタマイズ。気分に合わせて切替が可能。
iOSのショートカットアプリの任意のスクリプトと連携させる。

ショートカットアプリとの連携例：

ブラウザで閲覧しているページのURLと記事をメモとして残す。
カレンダー（iOS標準,Googleカレンダー）にメモを登録。
リマインダーに登録。
URLのセキュリティ診断（Googleサイト）。
画像に手書きで加筆（iOS標準マークアップ）。

【iOS】【shortcut】メールに書かれたURLをセーフブラウジングでチェックする

2019-02-21T01:07:00.004+09:00

メールに書かれたURLを簡単にセキュリティチェックできないものか考えていた。作成したショートカットは、『URLSecCheck』。このショートカットを使って、フィッシングメールをチェックしてみた。使うメールアプリは『 Spark』。
【注意】この後の手順には、ひとつ間違うと悪意のあるサイトを開いてしまう操作が含まれています。操作は自己責任でお願いします。

『Spark』での操作

ここからは、メールアプリ『Spark』の画面です。とある怪しいメールでうまく動作するか確かめてみました。

いかにも危ないメールです。中央のリンクが画像（ボタン）になっており、表記とは異なるURLへ飛ばされる。ここでこの画像ボタンを敢えて長押しします。

【注意】リンクはタップしないでください。タップするとすぐにサイトが開きます。タップではなく長押ししてください。

リンクを長押しして下から出てきたウィンドウ。ここで、『その他』をタップします。
これが『Spark』の特徴です。

『ショートカット』をタップ。

『URLSecCheck』での操作

あらかじめダウンロードしておいた『URLSecCheck』をタップします。

『URLSecCheck』のダウンロードは最後に記載しています。

渡されたテキストにURLが複数ある場合も考慮し、リンクのURL一覧が表示される。チェックしたURLがチェック対象となる。『完了』をタップ。

『Safari』での操作

Googleセーフブラウジングのページが表示されます。下にスクロールして診断結果を確認。

やはりフィッシングメールの類でした。しかし、この診断が安全だったとしても過信してはいけません。開いたURLに危険なコンテンツがなかったとしても、そこに表示されているリンク先に罠があるかも知れません。

このページで確認したら、左上の『Spark』をタップして戻ります。

『URLSecCheck』の操作

OKで終了です。

まとめ

Apple純正のメールアプリだと、他のアプリに本文を引き渡す機能がなく、コピー＆ペーストするか、URLを長押しして出てくる『共有』からショートカットを実行するしかありません。この操作の際、思わずリンクが開いてしまうことがありました。
しかし、『Spark』というメールアプリは、リンクを長押しした場合、必ずユーザーに次の操作を確認してくるのウィンドウが表示されるので安心感があります。

『Spark』のダウンロードは、AppStoreから。

ショートカット『URLSecCheck』のダウンロードはこちらから。このショートカットを使用したことで、もしも不利益なことが起きたとしても私には責任が取れません。自己責任でお使いください。

『URLSecCheck』：https://www.icloud.com/shortcuts/fd9a9534588f4526a0aecbc066708a57<

『URLSecCheck』は、テキストをインプットデータとしているので、他のアプリとの連携にも使えます。例えば、Safariでブラウズ中にリンク先をちょっと調べてみたい時などに使えます。また、『URLSecCheck』をカスタマイズして、他のセキュリティチェックサイトで、より詳細な分析をすることも可能と考えます。

以上

【Filemaker】ファイルメーカーにURLスキームでJSONデータを登録（ショートカット編）

2019-02-15T01:15:00.000+09:00

iPhoneやiPadで動くFileMakerGoカスタムAppは、インポートスクリプトがサポートされていないので、JSON関数を使ったデータ取り込みに挑戦してました。

例えば、メールアプリで受信したメールのひとつの記事の本文を『すべて選択』し、共有メニューからショートカット（Appleの純正iOSアプリ）経由で、所定のフィールドにインポートするという処理フローです。

最初考えたフロー

メールアプリでどれか一つ受信メールを開き、本文をすべて選択する。
共有メニューでショートカットを選択する。

　以下、ショートカットでのステップ

『辞書』ショートカットの入力を値として、キーと値を設定する。
『URL』fmp://$/カスタムApp名?script=データ追加スクリプト&パラメータ=『辞書』
『URLを開く』

　以下、FileMakerProカスタムAppでのデータ追加スクリプト

$変数 = GET ( スクリプト引数 )
$値 = JSONGetElement ( $変数 ; "キー" )
フィールド設定 ( テキストフィールド ; $値 )

これだと、メール本文の文字によって、JSONGetElement がエラーとなる場合があることがわかりました。どうもショートカットの『URL』でのURLエンコードがJSONのデータに配慮してくれていないようです。
そこで、以下のフローにしたところ、エラーが発生しなくなりました。

修正後のフロー

　以下、ショートカットでのステップ

『辞書』ショートカットの入力を値として、キーと値を設定する。
『テキスト』前のステップで生成した『辞書』をテキストに変換する。
『URLエンコード：エンコード』
『URL』fmp://$/カスタムApp名?script=データ追加スクリプト&パラメータ=
『テキスト』上記の『URL』と『URLエンコード』結果を文字列結合する。
『URLを開く』

つまり、URLスキームの文字列を前半と後半（JSON）に分けてURLエンコードしてみたらうまくいったというわけです。

ちなみに、引っかかった（URLスキームの文字列として適切に変換してくれなかった）文字は、"="でした。

修正後のフロー（サンプル）

【FileMaker】【IISAテクニカルカンファレンス2018】FileMakerでノーコード開発・Web入力自動化ツールを作ってみた

2018-11-14T02:10:00.002+09:00

岩手県情報サービス産業協会（IISA）主催のテクニカルカンファレンス2018でプレゼンしました。
『FileMakerでノーコード開発・Web入力自動化ツールを作ってみた』
SlideShareでプレゼン資料を公開。（※デモ動画は容量の関係で埋め込みしていません。）

FileMakerでノーコード開発：Web入力自動化ツールを作ってみた from Takeshi Nakano

IISAによるYoutube公開動画もあります。

【Filemaker】ファイルメーカーにURLスキームでJSONデータを登録（ブックマークレット編）

2018-03-24T00:21:00.000+09:00

ファイルメーカー側のスクリプト（抜粋）

スクリプトの引数でJSONが渡される想定。関数は、JSONGetElement() を使用。

変数を設定 [ $引数 ; 値: Get ( スクリプト引数 ) ]
変数を設定 [ $タイトル ; 値: JSONGetElement ( $引数 ; "title" ) ]
変数を設定 [ $ＵＲＬ ; 値: JSONGetElement ( $引数 ; “url” ) ]

ブックマークレット側

WebページからタイトルとURLを取得して、JSONにして、（起動中の）ファイルメーカーのスクリプト（newbox）に引数として渡す。

javascript:(function(){var box_param = {"title": document.title ,"url": location.href } ; var redirect_url = "fmp://$/AgentBox?script=newbox&param=" + JSON.stringify(box_param);document.location=redirect_url; })();

Webページのブックマークをファイルメーカー側に登録するというイメージです。

【Filemaker】マウスを使わずに操作できるようにしてみた（解説編）その２

2018-03-23T23:15:00.000+09:00

ファイルメーカーでキーボードだけで操作する件（解決編・その１）の続き。
標準でフォーカスを移動させるにはタブ（tab）、エンター（enter）キー。
しかし、リストやポータルで上下のレコードにフォーカスを移動させるにはタブ、エンターでは不可能。リストではコントロール（control）＋上（↑）または下（↓）。
これを、タブと上下左右だけでフォーカスを移動させたかった。

しかし、全てのオブジェクトにトリガーキーの設定をするのはキツイ。

例えばタブキーで標準で移動するフィールド、矢印キーで標準で移動するボタンバーの挙動はそのまま使いたい。この、標準の挙動とカスタマイズした挙動を共存させる方法を考えてみた。

＜例＞

レイアウトのリスト（レコード一覧）で、矢印キーなどでレコード間の移動やボタン間の移動といった挙動をさせるには、レイアウト設定のOnLayoutKeystrokeイベントで引っ掛ける。
さらに、レイアウト上にあるポップオーバー上のボタンバーには、標準の動き（矢印キー）をさせたいので、ボタンバーにはOnLayoutKeystrokeイベントは定義しない。
しかしこれだと、ポップオーバー上のボタンバーで矢印キーを押すと、レイアウトに定義したOnLayoutKeystrokeイベントに引っかかってしまう。つまり標準の動きができない。
これを解決するには、キーが押された時にフォーカスが当たった（標準の動きをさせたい）オブジェクトにオブジェクト名を付けておき、OnLayoutKeystrokeイベントの先頭で、Get(アクティブレイアウトオブジェクト名) を実行して、値が設定されていたら、（標準の動きをさせるために）OnLayoutKeystrokeイベントのスクリプトを終了する。

【Filemaker】マウスを使わずに操作できるようにしてみた（解説編）その１

2018-02-02T02:11:00.003+09:00

ずっと使いづらいと感じていたのは、リストレイアウトやポータルでのレコード間の移動が直感的ではないこと。
例えば、矢印キーで上下のレコードに移動したり、左右に配置されたボタン間の移動をしたり。これをやるにはイベント処理が必要。

まず単純な例。
リストレイアウトでのフォーカス移動。

レイアウト設定／スクリプトトリガ／OnLayoutKeystrokeイベントにスクリプトを割り当てる。

通常は、以下のように、Get ( トリガキー入力 ) 、Get ( トリガ修飾キー ) でキーボード入力を引っ掛けて、特定の処理を振り分ける。

このスクリプトは、レイアウト全体の設定なので、このレイアウト上の他の部品（ポップオーバー、ポータル、ボタン）に割り当てているキーストロークイベント（OnLayoutKeystrokeイベント)があったとしても、最終的にはこのイベントに飛んでくる仕組みとなっている。
このレイアウト上の部品のキーストロークイベント処理で、すべてのキーイベントを引っ掛けて、全スクリプト終了とできれば良いが、そうはいかない場合もある。
例えば、ボタンバーなどのフォーカスの移動は、矢印キーでのフォーカス移動が標準なので、いちいち設定せずに、キーストロークイベント処理はスルーして、標準の動きをさせたい場合などである。
では、そのように、レイアウト上の部品（ポップオーバー、ポータル、ボタン）のキーストロークイベント処理で指定せず、レイアウト全体のキーストロークイベント処理もスルーさせて、標準の動きをさせたい時はどうするかは、次回に種明かししたい。

つづく

解説編・その２へ

【Filemaker】マウスを使わずに操作できるようにしてみた（概要編）

2018-01-29T02:18:00.001+09:00

最近マウスの操作が嫌になってきた。指が痛い。
ということで、FileMakerのカスタムAPPで、どこまでマウスを使わずに操作できるかやってみた。

【動画】デモ・マウスを使わずに操作できるようにしてみた

矢印キーでレコード間のフォーカス移動（リストレイアウト）

矢印キーでレコード間のフォーカス移動（ポータル）

矢印キーでボタン間のフォーカス移動（ボタン）

矢印キーでボタン間のフォーカス移動（ボタン、ボタンバー、ボータル上のボタン）

設定の仕方は別の回で説明します。

【Filemaker】【iOS】Filemaker Go からリマインダー登録

2018-01-20T13:57:00.001+09:00

FilemakerGo で、設定した時間が来たら、画面で通知するタイマー機能を作成していましたが、他のアプリに切り替えてしまうと通知されたことがわかりませんでした。

強制的にFilemakerGoに切り替える方法があるのかも知れませんが、私はリマインダーに登録する方法で実現しました。

FilemakerGo側で、「URLを開く」ステップを使って、WorkFlowアプリに引数を渡します。WorkFlowアプリ側では、リマインダーに登録する雛形を使いました。

結局、URLスキーマの実装がわかれば、WorkFlow を介さなくても、直接リマインダーに登録できそうですが、WorkFlowと連携することがわかったので、この方法だと他にも色々な連携をしたいとなった時、Filemaker側の実装が楽になりそうです。

WorkFlowのスクリプトはこちらで公開しています。
Add2reminder https://workflow.is/workflows/741d6459a6454383886e665be9fa7a92