www.ni4.jp

ウェブサイト制作会社の
ディレクター社長が
思ったままに書くブログ

弊社Stripeアカウントでもコンビニ決済が利用できるようになった!

ども、どもども。
1ヶ月前の3月3日、オンライン決済代行サービスのStripeでコンビニ決済が導入できるようになりました。
コンビニ決済での支払い受付には申請が必要なので、その翌日、弊社アカウントでもさっそく申請をしていました。
その時のブログ記事がこちら

そして昨日4月1日、無事に審査が終わり弊社アカウントでもコンビニ決済が利用できるようになりました!

西山泰史 様、Stripe をご利用いただき、ありがとうございます。

Juxtaposition Inc. アカウントによるコンビニエンスストアでの支払いの受け付けが承認されましたので、お知らせします。
コンビニ決済の組み込み方法の詳細については、Stripe ドキュメントをご覧ください。
ご不明な点がございましたら、お気軽にお問い合わせください。

— Stripe チーム

利用できるようになったらまずは試したい!
というわけで、さっそくコンビニ決済してみた話をブログ記事にまとめようと思います!

続きを読む:
弊社Stripeアカウントでもコンビニ決済が利用できるようになった!

10年ほど使ってきたパスワード管理ツールを1PasswordからDropbox Passwordsへ変更

ども、どもども。
突然ですが皆さん、パスワードの管理ってどうしていますか?

インターネットを利用しているとパスワードを設定する機会がとにかく多いと思います。
SNSアカウントはもちろん、通販やウェブサービスを利用するにもアカウント&パスワードが必要ですよね。
しかも万が一のことを考えるなら、同じパスワードを使い回すのは避けたいところ。

とは言え、私のような仕事をしていると管理するパスワードがどんどん増えるのでかなり大変です。
自分だけのパスワード生成ルールを作って管理しているケースもありますが、ぜんぶそれで通すというのもなかなか難しいものです。
そこでワタシは10年くらい前から1Passwordというアプリを利用していました。

とても有名なアプリなので知っている方も多いと思います。
4〜5年前からサブスクリプション型(月額課金)のサービスに変わったのですが、ワタシはその少し前に買い切り版のversion6を購入していたこともあり、すぐにサブスクリプションに乗り換えることはせずにいました。
ところが先日、とうとうChromeエクステンションの1Passwordが正常に機能しなくなり…これはもういよいよサブスクリプションへの乗り換えかと考えていたんです。

と、そこで思い出したのがDropbox Passwords!
普段から利用しているDropboxが提供しているパスワード管理ツールで、私が契約してるプランであれば追加料金なしに利用できるということで、1Passwordのサブスクリプションを始める前に、こちらを試してみることにしました。

1Passwordに保存されているパスワードが200以上あることに気がついて、これをどうやって移行しようかと考えていたのですが、CSVデータのエクスポート&インポートで簡単に移行することができました。
ウェブ上にはその手順の紹介があまりなかったので、今日はその手順を記事にまとめておこうと思います。

続きを読む:
10年ほど使ってきたパスワード管理ツールを1PasswordからDropbox Passwordsへ変更

Stripeがコンビニ決済に対応してますます便利になる予感しかしない!

ども、どもども。
弊社にオンラインショップの構築などをご相談いただいた際、そのクレジットカード決済手段としてお勧めしている「Stripe」
なんと3月3日に「コンビニ決済」も利用できるようになりました!

日本のEコマース市場では、クレジットカード決済に続き2番めに利用率が高いと言われるコンビニ決済。
クレジットカードでの購入が不安な方や、例えば法人企業でクレジットカードが利用できないなどの事情により現金で支払いたいケースもあることを考えると導入しておきたいところですが、クレジットカードに比べ自前で用意するのはなかなかハードルが高く、導入できずにいたケースもあるんじゃないかと思います。

このコンビニ決済がStripeで利用できるようになったのはすごく嬉しい!
しかも…

  • 全国34,000店以上のコンビニはもちろん「セイコーマート」も利用可能(北海道民、歓喜)
  • 支払い確認がブラウザのみでOK、しかも即時反映
  • 売上の入金も最短4営業日
  • しかも手数料3.6%のみ!(最小金額120円)
  • 弊社製品SKELETON CARTでも簡単にコンビニ決済が利用できる(ようになる)

という嬉しい事だらけ。
そんなわけで、さっそく試してみました!

続きを読む:
Stripeがコンビニ決済に対応してますます便利になる予感しかしない!

MovableType.net Dashboard Utility ver0.6.0 リリースしました!

ども、どもども。
今年もアドベントカレンダーの季節がやってまいりました!
Movable Typeでは今年10年目となります。
いつも参加してくれる皆さん、そしてこの記事をご覧の皆さん、ありがとうございます!

この記事は「Movable Type Advent Calendar 2021」11日目の記事で、ここ数年恒例となっている「MovableType.net DashBoard Utility」の新バージョンリリース記事となります!

…の予定だったのですが(お詫び)

この記事を準備したのが12月9日(木)17時、その直前にChromeウェブストアに新バージョンをアップロードし、審査に入ったものの、12月11日(土)16時現在、まだ審査が終わらず公開されていません!!(汗)
そのため、以降は「近日リリースされる新バージョン」の紹介としてご覧ください…

追記)2021年12月24日(金)にリリースされました!

続きを読む:
MovableType.net Dashboard Utility ver0.6.0 リリースしました!

【MovableType.net】画像アップロード時にネイティブLazy-load対応にする

ども、どもども。
この記事は 「Movable Type Advent Calendar 2021」 3日目の記事です。

ここ数年、ウェブページの表示速度向上があらゆる場面で取り上げられています。
そんな中、手軽な対応の1つとして「画像の遅延読込」がありますが、2年ほど前にはGoogle Chrome ブラウザがJavaScriptを使用せずにこれに対応できる「ネイティブLazy-load」に対応して話題になりました。

imgタグのHTML中に loading="lazy" 記述するだけで、最近のブラウザであれば自動的に遅延読込をしてくれるのが便利ではありますが、Safariの対応がもう少し先になりそうなので、現在はJavaScriptと併用している感じが多いのかなと思います。

世界的に利用者の多いCMS「WordPress」では、画像をアップロードした際に自動的に loading="lazy" を記述してくれるようですが、すべての画像に一律で入れてしまうのはちょっと慎重になったほうが良いという話もありますね。

というわけで、私が普段から利用している MovableType.net でも画像アップロード時に loading="lazy" を任意に付与できるようにカスタムブロックを作ってみたので、この記事ではそちらをご紹介したいと思います!

続きを読む:
【MovableType.net】画像アップロード時にネイティブLazy-load対応にする

カスタムスクリプトとmt:BlockEditorBlocksの違い

ども、どもども。
昨日、2021年11月13日(土)に開催されたMTDDC Meetup TOKYO 2021で「カスタムブロック作成手順のベタープラクティス」と題してセッションを担当させていただきました。

その際のスライド資料はこちら

スライドだけではわかりにくいかと思います(汗)
参加者の方々には後日アーカイブ動画が配信されると思いますので、そちらでもご覧ください。

Movable Typeのブロックエディタは、昨年MovableType.netへ実装され、今年はソフトウェア版Movable Typeでも利用できるプラグインが提供されるなど、今とても注目されている機能の1つです。
今回のセッションではブロックエディタで利用できる「カスタムブロックの利用方法」についてお話したのですが、このカスタムブロックには2つの利用方法、カスタムスクリプトとmt:BlockEditorBlocksがあり、今回はカスタムスクリプトを中心にお話させていただきました。

まだ登場から日が浅いこともあり、それぞれの違いや利用シーンについてぼんやりした印象をお持ちの方も多いと思います。
実際、セッション後のAsk The Speaker(質疑応答)でも以下のような質問がありました。

カスタムスクリプトとmt:BlockEditorBlocksを同じプロジェクト内で使い分けることはありますか?
mt:BlockEditorBlocksを利用するシチュエーションというのはどういうときですか?

そこでこの記事では、その質問に対する回答の補足というカタチで「カスタムスクリプトとmt:BlockEditorBlocksの違い」を、私の解釈でご案内したいと思います。
間違っている部分もあるかもしれないので、詳細は公式サイトなどでもご確認くださいね。

続きを読む:
カスタムスクリプトとmt:BlockEditorBlocksの違い

WYSIWYGエディタでリストの入れ子を作る

ども、どもども。
私、Movable Typeをかれこれ18年ほど利用しております。
そんなわけで、Movable Type 5.2から標準搭載されたTinyMCE(WYSIWYGエディタ/リッチテキストエディタ)とも、かれこれ8年以上の付き合いとなります。

TinyMCEはとても機能豊富なので、Movable Type以外にもさまざまなソフトウェアで利用されており、私が愛用しているMovableType.netでももちろん利用できます。

ただ、大変便利なTinyMCEですが、「入れ子状のリストを作る方法」をつい先日まで知りませんでした!(汗)
入れ子状のリストとは、こんな感じのものです。

  • 和食メニュー
    • 寿司
    • 天ぷら
    • そば
  • 洋食メニュー
    • カレーライス
    • ハンバーグ
  • 中華メニュー
    • ラーメン
    • 餃子
    • 回鍋肉

これができることを知るまでは、恥ずかしながら「TinyMCEでは入れ子状のリストが作成できません!」と言い切っていました…ほんとごめんなさい…

やっとそれを知ったので、今日はその便利な使い方をまとめておこうと思います。

続きを読む:
WYSIWYGエディタでリストの入れ子を作る

書斎DIY第2弾!自作カーテン式グリーンバック

ども、どもども。
ここ1年ちょっとの間に、Zoomなどを使用したオンラインミーティング(WEB会議)の機会が増えましたね。
私も自宅書斎で仕事をするようになり、ほぼ毎日のようにオンラインミーティングをしています。

セミナーなどもオンラインで開催されるようになり、事前収録することも増え、私も今年6月に初めて自宅書斎で収録するという経験をしました。
その時に使用した機器やノウハウはシックス・アパートさんのブログにまとめられています。

この収録をするにあたって設置したのがグリーンバック。
Zoomなどでバーチャル背景を使う人も多いと思うので、自宅にグリーンバックを設置することも増えたと思います。
先日、私の書斎に設置したグリーンバックをシックス・アパートさんのブログでご紹介いただいたのですが、今日はもう少し詳しくご紹介しようと思います。

続きを読む:
書斎DIY第2弾!自作カーテン式グリーンバック

Movable Type 誕生から20年!

ども、どもども。
ここ最近も慌ただしくお仕事させていただいてます。
先日は法人第8期も無事に終わり、忙しくも楽しい日々。

そんな中、もう1週間前になりますが、2021年10月8日(金)に Movable Type が誕生から20周年を迎えました。
シックス・アパートさん、おめでとうございます!

この画像はシックス・アパートさんのブログから転用させていただきました。

Movabe Typeは2004年の創業当時から利用しているCMSソフトウェアで、これがなければ私の仕事もこうはなっていなかったと思えるプロダクトです。
私が利用し始めたのはversion2.661で、その後すぐにversion3がリリースされ、仕事でも利用するようになりました。
このソフトウェアでほんとにいろんなウェブサイトを作ってきましたね。

続きを読む:
Movable Type 誕生から20年!

Homebrewを使おうとしたら「Git must be installed and in your PATH!」とエラーが出てしまった

ども、どもども。
昨年12月〜今年1月にかけ、いわゆる黒い画面(ターミナル)を使ってOpenSSLのインストールやSSL証明書のCSR作成SSH接続のための鍵ペア作成など「それっぽいこと」をやっていたワタシ。

その後はあまり利用する機会が無かったのですが、今進めているウェブサイト構築で動画のHLS配信をする必要があって、そのために必要となるffmpegをインストールするため、久々に黒い画面を起動しました。
参考にしたのはこちらの記事。

Homebrewなら前回も使ったし問題ないだろう…と思ったのですが、いざやってみるとHomebrewが動きませんでした。
いったいなにが(汗)

調べた結果、最終的に上手く動かせてffmpegもインストールできたので、今回はその原因と対処方法をまとめておこうと思います。(またいつか自分が必要になりそう…)

続きを読む:
Homebrewを使おうとしたら「Git must be installed and in your PATH!」とエラーが出てしまった

アクセスの多い記事