JP_Stripes 札幌Vol.3を開催したよ!

2019年4月13日 15:10 | category: レポート | 文字数:1817 | 読む目安: 4分

ども、どもども。
昨日、第3回目となるStripeユーザーコミュニティ「JP_Stripes 札幌」を開催しました。
先月末に開催されたJPSC2019のre:Cap版と題して、スピーカー5名で実施。
いつにもまして振れ幅の大きいユニークなイベントになりました。

しかも開催したのはさっぽろ創世スクエアにあるHTBさんの会議室。
イベント前には局内見学ツアーも開催され、残念ながら私は参加できなかったのだけれど、イベント本編には20名以上の参加者が集まり、大いに盛り上がりました!

イベント本編

IMG_1054.jpeg

1つ目のセッションは、小島さんの「JP_Stripesキックオフ &Stripeアップデート」
初めて参加した人にもわかりやすいStripeの紹介と、最新情報まとめ。
Terminal、早く使ってみたいなぁ。

IMG_1074.jpeg

2つ目のセッションは私から。
昨年7月、今年3月と続いた話の完結編(?)
セッション終了後、質問も多くいただき、反響が良くてよかった!

当日のスライドはこちら(過去のまとめみたいな感じです)

続きを読む: JP_Stripes 札幌Vol.3を開催したよ!

JP_Stripes Connect 2019にスピーカーとして参加してきました!

2019年3月23日 16:15 | category: レポート | 文字数:2325 | 読む目安: 5分

design_stripe_1_1.jpg

ども、どもども。西山です。
前回のブログ記事更新からはや3ヵ月、ご無沙汰しておりました。
弊社(ジャクスタポジション)はウェブサイト・システムの構築をメインとしていて、年末から3月いっぱいくらいまではいわゆる繁忙期というやつでうんぬんと言い訳しなくてもいいですね(笑)
とにかくブログ記事から遠ざかってしまってました(汗)

この間もいろいろとあったわけですが、今回は3月21日(木・祝日)に大阪で開催されたイベント「JP_Stripes Connect 2019」の参加レポートを残しておこうと思います。

続きを読む: JP_Stripes Connect 2019にスピーカーとして参加してきました!

MovableType.net Dashboard Utility ver0.4.50リリース!

2018年12月12日 09:40 | category: Web | 文字数:1416 | 読む目安: 3分

ども、どもども。西山です。
今年も残すところあと2週間ちょっととなりましたね。
1年があっという間です...。

というわけでこの記事は、Movable Type Advent Calendar 2018の12日目の記事になります。

またかと思われる方もいるかも知れませんが、今年もMovableType.net Dashboard Utilityをバージョンアップさせましたよ!(3年連続!)
今年11月、MovableType.netの新サービス「MovableType.net フォーム」がリリースされていた際も少しバージョンアップしていたのですが、その際は特にリリースなどを書かなかったので、今回まとめてご紹介しちゃいます!

MovableType.net Dashboard Utilityはウェブブラウザ「Chrome」の拡張機能で、MovableType.netで複数(それも割と多く)のウェブサイトを管理されている方にぴったりなエクステンションです。
Chromeストアから無料でダウンロードできるので、気になる方はぜひ使ってみてくださいね。

続きを読む: MovableType.net Dashboard Utility ver0.4.50リリース!

MTDDC Meetup TOKYO 2018に参加してきました!

2018年11月10日 12:06 | category: レポート | 文字数:1702 | 読む目安: 4分

IMG_4218.jpg

ども、どもども。
1週間前になりますが、MTDDC Meetup TOKYO 2018に参加してきました!

全5会場、30ほどのセッションが用意された一大イベントで、参加者は270名ほどだったようです。
会場となったのは、Yahoo!Japanセミナールーム。
なんどかYahoo!LODGEには行ったことがありましたが、セミナールームも非常にキレイで設備もよく、気持ちよく参加することができました。

続きを読む: MTDDC Meetup TOKYO 2018に参加してきました!

【Movable Type】ブログ記事へのYoutube 動画埋め込みをレスポンシブ対応してみる

2018年9月15日 16:09 | category: Web | 文字数:2637 | 読む目安: 5分以上

ども、どもども。
今日はMovable Typeの記事の中に含まれるYouTube動画をレスポンシブ対応する方法について、書いてみようと思います。

mt_x_youtube.jpg

ご存知の方も多いと思いますが、弊社(ウェブサイト制作会社)ではMovable Typeをプラットフォームにしてウェブサイトを構築することが多いです。
クライアントはMovable Typeを使用してブログ記事を書いたり、自社商品などの紹介ページを作成したりするわけです。

そんなウェブサイト、今はスマートフォンなどに対応する「レスポンシブ」対応を行うのが一般的になっているわけですが、先日、あるクライアントから「商品紹介に複数のYouTube動画を掲載したい」という相談を受けました。
YouTube動画を掲載することはなんら問題ないのですが、レスポンシブ対応するとなるとちょっと考えなければなりません。

  1. YouTubeの埋め込みコードに対応するCSSを追加してレスポンシブ対応する
  2. 1記事(1ウェブページ)に1つの動画を掲載できるようカスタムフィールドを用意する
    複数のYouTube動画を載せたい場合は、その分のカスタムフィールドを用意するか、あるいはプラグイン(MTAppjQueryなど)を使用して、任意の数のカスタムフィールドを追加できるようにカスタマイズする
  3. テンプレート上でそのカスタムフィールドの出力部分を任意のブロック(例:<div class="youtbe">iframeのコード</div>)で囲み、レスポンシブ用のCSSが適用されるようにする

ワタシが勉強不足かもしれませんが、一般的にはこんな感じかなと思います。
ただ、今回相談をいただいたクライアントが利用する予定だったのはMovableType.netというサービスで、カスタムフィールドを規定数用意しておくことは可能ながら、プラグインを利用して任意の数を掲載できるようにすることはできませんでした。

よって、無制限にYouTube動画を掲載できるようにするためには、ブログ記事本文欄にYouTubeの埋め込みコード(iframe)をコピペで貼り付けていく必要があります。
ただ、そうなるとYouTube埋め込みコードを設置するたびにそのHTMLソースコードを編集して、iframeを<div class="youtube">〜</div>などで囲むようにしなければなりません。

我々のように慣れている人にとってもこれはちょっと面倒。
そこで今回はJavaScriptを使用してそれを自動化する方法を取りました。
非常に簡単な方法ではあるのですが、そのような解説をしているブログ記事等が見当たらなかったので、この記事を残して置こうと思ったわけです。

では、さっそく進めていきましょうー

続きを読む: 【Movable Type】ブログ記事へのYoutube 動画埋め込みをレスポンシブ対応してみる

話題の決済サービス Stripe を使ってみた

2018年9月10日 12:00 | category: Web | 文字数:7761 | 読む目安: 5分以上

ども、どもども。
ここ数年、話題の決済サービスStripeを使ってみました。

スクリーンショット 2018-09-09 15.56.56.png

これまで、クレジットカード決済代行サービスはいくつか利用してきましたが、ちょっとした「かゆいところ」がありました。

  • 決済手数料の問題(月額維持費的なものも含む)
  • 購入者アカウント登録の必要性
  • アカウント審査時間(利用開始までの時間)の問題
  • ダウンロード販売への対応可否(ドキュメント不足あるいは難読問題含む)
  • テスト環境の利用しやすさ
  • 別ウィンドウ問題( https://www.ni4.jp/2018/02/post_97.html

これらを一挙に解決できそうなサービスがStripeでした。
決済手数料などを他の決済サービスと比較した結果などは他のブログ記事さんでも紹介されているのでそちらにお任せします(笑)
アカウント登録も無料ですし、利用開始までの流れなども特にマニュアルなどなくてもサクサクと進められると思うので、まずは触ってみると良いんじゃないでしょうか。
最初、私も英語のドキュメントがとっつきにくいと思ったのですが、わかりやすい英語でしたし、難しいところはGoogle翻訳などを使用してもクリアできる感じだったので大丈夫と思います。

というわけでこのブログでは、プログラマーではない私の目線で「うまく行ったところ/うまく行かなかったところ」など、これまでの経緯をまとめてみようと思います。

  1. Stripeを導入してみる
  2. ダウンロード販売に挑戦してみる
  3. ユーザーグループに参加してみた
  4. 問題発生...!でもサポートに問い合わせて解決できた
  5. まとめ:ウェブディレクターがStripeを使ってみた感想

こんな感じで行ってみましょうー!

続きを読む: 話題の決済サービス Stripe を使ってみた

MTDDC Meetup HOKKAIDO 2018、やりきった!

2018年6月30日 17:18 | category: レポート | 文字数:2061 | 読む目安: 5分

ども、どもども、西山です。

もうすっかり時間が経ってしまいましたが、2018年6月9日(土)にMTDDC Meetup HOKKAIDO 2018を開催しました!
私はMT蝦夷(Movable Type ユーザーグループ 北海道)の主宰として、2013年に続き実行委員長を務めさせていただきました。

DSC_2722.JPG

当日は一般参加者・関係者を含め、210名ほどの方々が集まり、盛大に開催することができました。
いろんな場所で、もう何度も感謝を伝えてきましたが、あえてもう1度、ありがとうございました!

ブログ書くまでがMTDDCというわけで、終了後やっと時間が作れたのでブログ更新です!
前回のブログ更新からもう3ヶ月も経ってたんですね...いやはや(汗)

今まで経験したことのない規模での企画

実行委員会を立ち上げたのが2017年10月19日(木)のこと。
集まったのは、株式会社HAMWORKSのハムさん、関口さん、株式会社インセンブルの濱内さん、そして弊社(株式会社ジャクスタポジション)から私と淺田の5名。
ここからすべてが始まったのですが、ここ札幌ではこれまでにないイベントにしたいという私のワガママをみんなが叶えてくれました。

前回の2013年開催時以降、東京方面との繋がりも増え、東京のセミナーイベントなどにたびたび足を運ぶようになって思っていた事がありました。
それは「北海道にいるとなかなか最新情報を得られる機会がない」ということ。
弊社のように比較的参加できる環境であればよいのですが、会社さんによってはなかなかそうも行かないという事情を聞くたびにすこし残念な気持ちになっていました。

そこで今回、最初に実行委員会で伝えたのが「東京のセミナーに行くのが難しいのであれば、そのスピーカーたちを北海道に集めてしまえばいいじゃん」というもの。
札幌での開催なら、普段東京へ行けない人たちだって参加しやすくなるし、そんなイベントに触れることができれば、もしかしたらもっと積極的に東京などへ情報収集に行こうと思えるんじゃないだろうか、そうすれば結果的に北海道の業界がまた1つ良い方向へ向かえるんじゃないだろうか、ということでした。
そんなわけで、「行けないなら呼べばいい」をコンセプトに今回のイベントを企画したのでした。

ハムさんの協力を得て、ほんとに豪華なスピーカー陣を揃えることができた今回。
集客目標を200名として、ここ札幌では過去最大級のウェブ系イベントにしよう!とスタートしたのでした。

続きを読む: MTDDC Meetup HOKKAIDO 2018、やりきった!

映画「ラーメン食いてぇ!」を観てきた!

2018年3月24日 14:30 | category: 旅行記 | 文字数:1323 | 読む目安: 3分

どもども。
先々週、MT東京のイベント参加のために東京へ行った際、映画「ラーメン食いてぇ!」を観てきました。
結論から言うと、これはもう観て大正解な映画でした!

原作は、2015年2月から3月にかけウェブ上で公開されていた漫画。
今は第1話がこちらのサイトで引き続き無料公開されているほか、Amazonで単行本・電子書籍が購入できます。

当時、この漫画を読んですっかり大ファンになったのですが、その実写版が3年の時を経て公開された、というわけです。
映画公開のことを知ったときは大興奮だったのですが、なんと上映予定に私の住む札幌がない...。公式ウェブサイトには順次公開とあるので、いずれ公開されるのかもですが、残念な気持ちでいっぱいでした。

そんな中、先々週の出張のことを思い出し、「東京で観られる!」というわけで時間を作って行ってきたのです。

続きを読む: 映画「ラーメン食いてぇ!」を観てきた!

MT東京-45でセッションを担当してきました!

2018年3月17日 21:48 | category: レポート | 文字数:1523 | 読む目安: 4分

ども、どもども。
去る3月10日、渋谷のロフトワークCOOOP10で開催された「【MT東京-45】進化するMovableType.net事例特集&なかなか聞けないお金事情」にて、セッションを担当してきました。

DSC02487.jpg

数ヶ月前になりますが、MT東京の藤さんにイベント登壇依頼をいただき、今回のテーマがMovableType.netで、ワタシも普段からよく利用しているサービスだったこともあってもちろん承諾。
どんな内容がいいですかねーって感じで相談している中で、「おそらくMovableType.netを利用してウェブサイト構築を請け負っている制作会社さんの参加が多くなるだろう」「他の制作会社がどんな感じ(費用感・利用ケース)で請け負っているのか知りたいのでは」ということにクローズアップして構成しようという話になりました。

続きを読む: MT東京-45でセッションを担当してきました!

ブログ再開して4年で100記事になりました。

2018年3月12日 17:57 | category: ネタ | 文字数:548 | 読む目安: 2分

cover_20180312.png

ども、どもども。
このブログ、書き始めてから4年が経ちました。
正確には3月21日でまる4周年、そしてこの記事でめでたく100記事めになります!

このブログの最初の記事はこちら

上にもある通り、このブログの以前にも個人ブログは存在していて、さらにその前の日記CGIと合わせると来年の2019年末には20周年になるのですね...(遠い目)
昔の記事は過去に葬ってしまったのでわかりませんが、通算どれくらいの記事(日記)を書いてきたのだろう...懐かしくも恥ずかしい、そんな記憶です。

100記事めだからと特に感傷にふけることもないのですが、せっかくなのでブログは今後も続けていきたいなと思っております。
オウンドメディア...とまでは言わないまでも、このブログを通して、ワタシがどんなことを考えているのかなどが伝わることもあるでしょうし、アウトプットしていく場というのはオンライン/オフラインに関係なく、今後も増やしていきたいですしね。

ここ最近はすっかりSNSでの投稿が増えてしまいましたが、"We♥Blog"の気持ちで今後ともよろしくです!
(会社ブログもたまーに更新してます...が、もう少し頻度上げていかなきゃ汗)