Webの最近の記事

2018年2月17日 22:08
category: Web
---
文字数:2819
読む目安: 5分以上

.htaccessで特定のIPアドレス以外をメンテナンスページへ302リダイレクトさせてみた

ogp.jpg

ども、どもども。
ウェブサイトの公開時、あるいはメンテナンス時に自分のIPアドレス以外をメンテンスページへリダイレクトさせて、その間にゆっくりと作業を進めたい。
この仕事をやっているとわりとよくある話だと思います。

これを実現するためのhtaccessによるメンテナンス表示(IPアドレスでのアクセス制限)は以下になります。

ErrorDocument 503 /maintenance/index.html #表示させるメンテナンスページ

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{REQUEST_URI} !=/maintenance/ #アクセスを許可したいディレクトリ
  RewriteCond %{REMOTE_ADDR} !=000.000.00.00 #アクセスを許可したいIPアドレス
  RewriteRule ^.*$ - [R=503,L]
</IfModule>

<IfModule mod_headers.c>
  Header set Retry-After "Fri, 13 February 2018 09:00:00 GMT" #メンテナンス終了予定時刻を設定
</IfModule>

これで、自分(のIPアドレス)以外がアクセスを試みた際、メンテナンスページが表示されます。
503エラーで表示させるためどのURLへのアクセスであっても同じ内容(メンテナンス)が表示され、そのサービス(サーバー)が一時的に利用できない状態であることを意味するため、例えばGoogleボットなどが訪れても最後に書いてあるRetry-Afterを拾ってメンテナンスが終わる頃に再訪問してくれるという感じになります。( 参照:Wikipedia HTTP 503

こちらの方法がいわゆるお作法に基づく正解なのですが、今回の場合はちょっと事情が違いました。

今回構築したのはいわゆるLP(ランディングページ)だったので、HTML+フォームのページ以外には表示するコンテンツが無く、ドキュメントルートにindex.phpだけを設置、テンプレートHTML類も公開ディレクトリ以外に設置していました。
また、今回が初公開となることからすでにindex.htmlを設置し、その中で公開日についてアナウンスしていました。そのため今回のメンテナンス作業(公開作業)はBASIC認証などを用いるのではなく、公開日をアナウンスしているindex.htmlをルートに設置したまま実施しなければならない状況でした。

例えば、index.htmlとindex.phpがルートにある状況なら、通常、https://www.example.com/ にアクセスした際はindex.htmlが優先表示されます(Apacheの設定による)し、また今回はフォームの画面遷移URLがすべて https://www.example.com/#confirm のような感じで遷移するように構築していたため、ルートにindex.htmlを置いてメンテナンスすることはできませんでした。(index.html#confirmなどになってしまう)

それで上記のhtaccessによるメンテナンス表示をしようとしたのですが、今回はここで問題が生じました。
503エラーだとURLが変化しないため、実体がある/maitenance/index.htmlにはアクセスできるのですが、https://www.example.com/ へアクセスした時は、htaccessで実体のないファイルへのアクセスを遮断していたためか500エラーになってしまいました。

でもこのまま作業が進められないのは困ってしまいます。
そこで、これ以外の方法でなんとか自分以外のアクセスをメンテナンスページへ誘導する方法を考えることにしました。

続きを読む: .htaccessで特定のIPアドレス以外をメンテナンスページへ302リダイレクトさせてみた
2018年2月10日 15:23
category: Web
---
文字数:2174
読む目安: 5分

クロネコWebコレクト利用時に「お支払い手続きエラー」になる原因とその対策がわかった。

HIRAyamatoneko_TP_V.jpg

ども、どもども。

弊社ではSKELETON CARTという自社開発のショッピングカートシステムを販売しています。
もちろん販売しているだけじゃなくって、複数の自社クライアントのECサイトにも導入しているのですが、たまにそのクライアントから「お客さん(購入者)がクレジットカード決済できなかったらしい」と連絡を受けることがありました。

ところが、何度確認しても特に問題が見つけられず、これまで原因特定には至っていませんでした。
本当であればそのお客さんに、エラーになってしまったその状況をもっと色々聞ければいいのですがそうも行かず...。
悶々としていたところ、あるクライアントから有力情報(スクリーンショット)が届きました。

続きを読む: クロネコWebコレクト利用時に「お支払い手続きエラー」になる原因とその対策がわかった。
2017年12月13日 18:06
category: Web
---
文字数:1064
読む目安: 3分

MovableType.net Dashboard Utilityのバージョンアップ

ども、どもども、西山です。
この記事はMovable Type Advent Calendar 2017の13日目の記事です。
昨年のこの企画で、MovableType.netのダッシュボードを使いやすくするChromeエクステンションを公開しました。

それから1年、今年はこのエクステンションをぷちバージョンアップし、version 0.3.0をリリースしました!
MovableType.netをご利用の方、特にウェブサイト制作会社さんなど、クライアントのウェブサイトを多数管理している方にご利用いただきたいエクステンションです。

続きを読む: MovableType.net Dashboard Utilityのバージョンアップ
2017年12月 3日 14:31
category: Web,ネタ
---
文字数:1119
読む目安: 3分

札幌ウェブ屋だらけの忘年会 Vol.5

ども、どもども、西山です。
前回のブログ記事公開からはや2ヶ月...その間もいろいろあったのですが、なかなかブログ記事を書けずにいました。
お仕事いっぱいいただけて嬉しい限りです。

さて、そんな最近ですが、一昨日の12月1日(金)にここ数年恒例となった「札幌ウェブ屋だらけの忘年会」を開催しました。
今年で5回目の開催で、今回も多くの方に集まっていただきましたー!

一昨年に第3回を30名以上で開催するも、初めての大人数(それまでは10〜20名ほど)での開催を甘く見ていた幹事4名。
当日は大混乱の中での開催となりました...
それを反省して開催した昨年の第4回、原点回帰と銘打って少人数開催するも、今度は「行きたかったのに募集人数少なすぎ!」という大変多くの反響を...(汗)
そこで今回は再び40名規模での開催となりました。

続きを読む: 札幌ウェブ屋だらけの忘年会 Vol.5
2017年10月10日 19:36
category: Web
---
文字数:1792
読む目安: 4分

MTDDC2017の参加レポートが続々と公開されていますが...

2017年5月18日 11:43
category: Web
---
文字数:1243
読む目安: 3分

CMSMix Sapporo Vol.1に参加してきた。

ども、どもども。
先週土曜日にCMSMix Sapporo Vol.1が開催され、そちらに参加してきました。
今日はそちらのレポートを。

CMSMix Sapporoは、今から1年と少し前、札幌に5つのCMSコミュニティが集まって開催されたイベントの名前です。
弊社(ジャクスタポジション)の主催で、a-blog cms、concrete5、Drupal、Movable Type、WordPressの各コミュティがセッションを行うセミナーイベントでした。

この時は50名近くの参加者にお集まりいただき大変盛況となりました。
その後、Drupalさっぽろの白根さんと、a-sapの口田さんから「合同勉強会」のお誘いをいただき、その名称としてCMSMix Sapporoを利用することになったのです。

イベントは基本的に「もくもく会」のスタイルとして、参加者が自由にやりたいことをやるという緩い感じではありますが、毎回各CMSをテーマに掲げ、他のCMSコミュニティの人もテーマに沿った「普段とは違うCMSをやってみる」というイベントにしました。
当日は20名以上の方にお集まりいただき、これまた予想よりもずっと盛況なイベントになりました。

IMG_0488.jpg

さらにこの日は、テーマにもなっていたa-blog cmsの生みの親、アップルップル 山本さんにもご参加いただきました。
名古屋から日帰りで参加いただけるとは、いやはやありがたい限りです。
また、会場の片隅で直接ハンズオンを行うなど、ある意味すごく贅沢なもくもく会になったのでした。

続きを読む: CMSMix Sapporo Vol.1に参加してきた。
2017年5月10日 17:30
category: Web
---
文字数:3602
読む目安: 5分以上

instafeed.jsとAPIを使用してウェブサイトにInstagramの画像を表示させてみた

スクリーンショット 2017-05-10 16.07.21.png

ども、どもども。
非常に今更感がありますが、ちょっと必要な事情があってinstafeed.jsを使ってみました。
ただ、ウェブ上に載っている情報にバージョン差異と思われるばらつきがあって、ちょっと時間がかかったので記事にまとめておこうと思います。
(ブログ記事に日付が入ってないってのが結構あって...まぁそれはまた別の話)

この記事は2017年5月10日の時点で書いています。
本日の目次はこちら

  1. Instagramにアクセスして、API取得用クライアントを作る
  2. InstagramのユーザーIDを取得する
  3. アクセストークンを取得する
  4. instafeed.jsを使用してウェブサイトに埋め込む

では早速参りましょうー。

続きを読む: instafeed.jsとAPIを使用してウェブサイトにInstagramの画像を表示させてみた
2017年4月25日 16:54
category: Web
---
文字数:1679
読む目安: 4分

MTLive Sapporo を開催しましたー!

ども、どもども、西山です。
去る4月22日(土)、コワーキングスペース カンテさんでMTLive Sapporoを開催してきましたー。

IMG_0320.jpg

MTLive Sapporo とは

それまでMTCafeSapporoとして開催してきたMovable Typeユーザーオフ会のことです。
Movable Type(以降MT)を利用しているユーザーさん、ウェブ系開発者さんなどが集まり、情報交換したりもくもくと作業をしたりという「みんなで集まってMovable Typeを楽しむ会」という感じのイベントです。
主宰はMT蝦夷(Movable Typeユーザーグループ北海道)で、30〜40名のセミナーイベントを開催することもありますが、不定期でこのような小規模イベントも開催しています。
2016年は様々な都合で開催できなかったのですが、2015年8月以来およそ1年半ぶりの開催となりました。
名称については、ここ数年、東京で開催されている同イベントが名称をCafeからLiveに変更したこともあり、今回の復活にあわせ北海道でもLiveの名称を使用することにしました。

コワーキングスペース カンテさんについて

IMG_0167.jpg

今回、会場となったのは昨年10月にオープンしたコワーキングスペース カンテさん。
英会話教室やカフェ、本屋さんなどが併設されたおしゃれスペースであるばかりでなく、札幌駅からも近く、IT/Web業の方に限らず多くのお客さんが連日訪れているコワーキングスペースです。
運営の方に友人がいて、MTLive Sapporoの会場を探している旨を相談したところ、快く受け入れてくれました。
これまでIT/Web系のイベントは開かれたことがなかったらしく、「なかなか新鮮な光景で楽しいです(笑)」と言っていただけたので、たぶん今後もこちらを利用させて頂くことになりそうな、そんな快適空間でした!(参加者からの評判もすこぶる良かったです!)

続きを読む: MTLive Sapporo を開催しましたー!
2017年4月 6日 12:04
category: Web
---
文字数:2117
読む目安: 5分

Movable Type 7リリースと同時に発表されたMTの新ライセンス体系についてシックス・アパートさんに聞いてみた。

20170406120800-3412ca5a1a74ad43ac26bb1f0602168007eb243c.pngのサムネイル画像

ども、どもども。

私が経営するジャクスタポジションは、シックス・アパート株式会社さんのPro Netに加盟しており、ウェブサイト構築時の多くでMovable Type及び関連製品を導入しています。

そんなMovable Typeですが、先日(4月3日)、ソフトウェア版の次期メジャーバージョンアップとなるMT7とそれに伴い改定されるライセンス体系についてリリースがありました。

このリリースを読んで、弊社クライアントさんや開発パートナーさんから質問が寄せられたり、Twitter上などでもライセンス体系に関する話題が出ていたので、シックス・アパートさんにメールで問い合わせてみました。
ブログ記事への掲載許可をいただきましたので、こちらにそれを転載させていただきます。

※4月7日、質問とその回答を2件追加しました。

続きを読む: Movable Type 7リリースと同時に発表されたMTの新ライセンス体系についてシックス・アパートさんに聞いてみた。
2017年3月 8日 19:22
category: Web
---
文字数:1938
読む目安: 4分

SaCSS Special 09:Direction Specialに登壇してきました。

ども、どもども。
3月4日(土)に開催されたSaCSS Special 09:Direction Specialにスピーカーとして参加してきました。

SaCSSで登壇させていただくのは、これで3回目。
前回は2014年9月に同じくディレクションの内容で登壇していました。
その際はウェブディレクション全般に関する内容だったのですが、今回は「見積もり」にフォーカスした内容でお話してきました。
ここ数年、ディレクションに関するセミナーなどでお話させていただく機会が多かったのですが、その際にいつもご質問いただくのが見積もり方法に関するものだったんですよね。
昨年8月の2回めの参加でその見積もりに関する部分をお話したのですが、そちらが好評だったようで今回の登壇となりました。

続きを読む: SaCSS Special 09:Direction Specialに登壇してきました。