“その他” カテゴリの記事（13件）

Mac の MAMP（Pro ではない）に設定している複数のバーチャルホストで開発している WordPress のサイトを他のデバイスで表示したい場合、同じネットワークにある Windows であれば Mac 側の Wi-Fi の IP アドレスを確認して、Windows の hosts ファイルに 192.168.1.23 local.example.com のように書けば Mac と同じく http://local.example.com/ で閲覧できます。
一方、iPhone や iPad で確認しようとする場合、iOS では hosts ファイルを書き換えることができません（“脱獄”すればできるのかもしれませんが）。

一つの方法として、Xcode に含まれている「Simulator」アプリを利用することで代用することができます。Simulator を使うメリットとしては、特に設定することなく母艦の Mac と同じ URL でアクセスすることができることと、様々な大きさのデバイスと iOS バージョンで試すことができる点ですが、デメリットは何と言っても画面の操作がおぼつかないことです。少なくとも macOS Sequoia 15 で搭載された「iPhoneミラーリング」アプリのような操作感であればよいのですが、Simulator は画面スクロールさえもぎこちないです。

で、なんとか実機の iPhone で表示させることができないか調べたところ、Web Design Leaves さんの記事「MAMP のローカルサイト（WordPress など）を iPhone などで表示」と Kureai.info さんの記事「MAMPローカル環境WordPressをiPhone他のデバイスで確認する」の2つの方法が見つかりました。
これらを参考に試してみて、私なりに確率できた方法を記録しておきます。

これまで MAMP 6.9 を使用していましたが、7月頃から PHP のバージョンが 7.4.33 の場合、WordPress のダッシュボードに「PHP の更新を推奨」という警告メッセージが表示されるようになりました。WordPress 6.8 の推奨の PHP バージョンが 8.3 以上になったためです。
MAMP 6.9 では PHP 8.2 までしか選べない（8.1 以上に設定するとダッシュボードには警告は出ないが、サイトヘルスには「おすすめの改善」として表示される）ので、最新の MAMP 7.2 にアップデートすることにしました。

実は、MAMP 7 は1年以上前にリリースされていて一度アップデートを試みたことがあるのですが、Apache が起動できず、MAMP が使えないと業務に差し支えるので元に戻したのでした。
今回少し余裕ができたので、一つ一つ手順を追ってアップデートしましたが、MAMP 7 はいろいろと初期設定が変わってるようで、MAMP 6 系のアップデート（MAMP のアップデートと再設定（Dropbox 共有、バーチャルホスト、etc.）のようにすんなりとはいきませんでした。

先般、NASのリプレイスを実施しました。NASを丸ごと入れ替える場合に大変な作業がデータの移行です。弊社のNASのデータ量は1TBにも満たないほどなのですが、それでもそれなりの時間を確保しなければならないと考えていました。

実際にそれなりの時間を確保して挑んだのですがデータ移行が完了できず、ふとバックアップを利用すればいけるんじゃないか？と思いつき、試したらいとも簡単にNASのリプレイスが完了したのでした。

私はWebサイトを制作する際、まずは Mac にインストールした MAMP（PRO版ではない）で構築したローカルサーバ内で制作しています。

そのローカルサーバ内に複数のサイトを構築するためにバーチャルホストを設定したり、ドキュメントを格納している「htdocs」ディレクトリとデータベースを Dropbox に格納しているのですが、PHP の新しいバージョンに対応するためには MAMP をアップデートする必要があり、アップデートの度に設定をやり直す必要があります。最近のバージョンはトラブルなくアップデートできるようになってきましたが、それでも毎回設定をやり直す必要があるため、その覚え書きです。

2022年6月16日、 ついに Internet Explorer（以下、IE）のサポートが終了しましたね。私たち Web 制作者はこれまで長年 IE に苦しめられてきましたが、これでやっと解放されました。思えば、IE のバージョンごとに CSS ハックを使って調整したり、CSS3 などの技術が使えずヤキモキしたり、過去には Mac 版の IE なんてものもありました。

複数のバージョンの IE がサポート対象だった頃は、Parallels Desktop の仮想マシンにこれまた異なる複数のバージョンの Windows を入れ、それぞれの IE でWebページの表示確認を行なっていた時期もありました。IE5.5 ～ IE10 までの動作確認ができる “IETester” というツールもありましたが。

近年はサポート対象バージョンが IE11 だけとなったので、Parallels Desktop の仮想マシンも Windows 10 のみとしていましたが、このたび Windows 11 にアップグレードしました、というかアップグレードすることができず、新規にインストールすることになりました。

かなり久々の投稿となりました。前回の投稿が2017年の9月6日なので、ちょうど1年9ヶ月。2年弱もの間更新を怠っていたことになります。

実はこのままフェードアウトしようかと思っていたのですが、未だに日々このブログの過去記事へのアクセスがあり、情報を求めてアクセスしていただいているのだなと。私も日々の業務の中で、わからないことがあると情報を求めて色々なブログ等の記事を参考にしています。

そこで、当初2015年1月にこのブログを始めた意味、フロントエンド技術の共有という原点に立ち返り、この度の弊社のサイトをリニューアルを機に、重い腰を上げて再開することにしました。

いざ記事を書こうとすると構えてしまい、なかなか筆が進まないことが停滞した要因の一つでもあるのですが、私自身の備忘録と考えて、あまり構えずに少しずつでも書いていこうと思います。

これまで、サイトを構築する前のサイトマップ（構成図）や画面のワイヤーフレームを作成する際、Cacoo というオンラインドローツールを使っていました。

Illustrator や PowerPoint などの Office アプリでも作れるのですが、専用ツールを使うことで効率よく作成することができます。幾つかのサイト制作や提案のためのサイトマップやワイヤーフレームのほか、昨年、オフィスの配置を変更する際のレイアウト図も Cacoo を使って作りました。

ちなみに、Cacoo の編集画面は Flash が使われていますが、HTML5 に全面移行することが6月22日に発表されています。
Good-Bye Flash ~ CacooはHTML5で生まれ変わります – ヌーラボ [Nulab Inc.]

ただ、Cacoo は無料で作成できるシートは25枚まで。さらに PDF や SVG に書き出そうとすると月額490円の有料プランに加入しなければなりません。そのため、普段は無料プランで利用し、PDF に書き出す必要がある時にだけ、一時的に1ヶ月間だけ有料プランを契約していました。

“オンラインドローツールを Cacoo から draw.io に乗り換え” の続きを読む »

Word や Excel などの Office ファイルを開くと、“~$ファイル名.xlsx” といった “~$” から始まる名前の一時ファイルが作られます。通常はファイルを閉じるとこの一時ファイルは消えるのですが、外部のサーバに保存してあるファイルを開いた場合などに、一時ファイルが残ったままになることがあります。

これは、Office 2010 以降の「保護されたビュー」が標準で有効になっていることが影響しているようですが、これを無効にすると当然セキュリティが甘くなってしまいます。

今回、WebDAV 機能が使えるレンタルサーバを使って複数人でファイルを共有する案件があり、それぞれに WebDAV アカウンントを作成して、Windows エクスプローラーのネットワークの場所に各自の共有フォルダへのアクセスを設定してもらいました。

そして、運用してみると案の定上記の一時ファイルが残ったままになってしまいました。少しなら都度削除してもらうなどしてもらえばよいのですが、同じファイルを開くたびに “~$~$ファイル名.xlsx” のように一時ファイルが増えていき、非常に邪魔な存在になります。

クライアントからも「何か解決法はないですかね？」といった相談を受けていたので、一時ファイルを一括削除するプログラムを PHP で作り、cron を使って定期的に実行するようにしてみました。

“ディレクトリ配下の MS Office の一時ファイルを一括削除” の続きを読む »

WordPress の投稿には、公開状態に “この投稿を先頭に固定表示” というオプションがあり、チェックした投稿は、メインページなどの投稿の一覧で常に先頭に表示されます。

一方、Movable Type にはこのような機能はありませんので、同様のことをしようとするなら、カスタムフィールド等を使って実装する必要があります。

チェックボックス型のカスタムフィールドを使って先頭に固定表示のフィールドを追加し、メインページテンプレート等で、記事の一覧を出力する前にチェックされた記事の一覧を出力すればよいわけですが、単に出力しただけでは1ページに表示する記事の件数がチェックした記事の件数分増えてしまいます。

そこで、チェックされた記事が複数あっても、一覧に表示される記事の総件数が変わらないようにしてみます。

“Movable Type で記事を先頭に固定表示” の続きを読む »

昨日導入した、jquery.neosmart.fb.wall ですが、2点ほど問題がありました。その1つはセキュリティ上の問題でもあります。

1つ目は、25人を超える「いいね！」がある投稿に対して、「いいね！」数が25までしか表示されないことです。これは、Graph API がデフォルトで25しか「いいね！」した人を表示しないのが原因とのことで、jquery.neosmart.fb.wall.js の61行目を、

url: graphURL+o.id+'/'+type+'?limit='+o.max+'&likes.limit=200&access_token='+o.accessToken',

のように、likes.limit=いいね！の上限数 というパラメータを追加することで解決しました。（参考：永遠少年症候群 | fb.wallメモ最終版）

2つ目は、Facebook のアクセストークンを取得してこのスクリプトに設定するのですが、このアクセストークンを HTML か JavaScript に記述するため、誰にでもアクセストークンが見えてしまうこと。アクセストークンがあれば Facebook ページの非公開にしている情報までもが取得できてしまいます。

開発を終了した fb.wall のサイトにも「安全な方法でアクセストークンを提供することができなかった」といった内容の記述があります。これが開発終了の理由なんですね。

Since 2010 Facebook changed their Graph API a lot of times, they added server request limits and the need of access tokens. With a pure JavaScript solution it was not possible to provide access tokens in a safe way. Therefore we developed neosmart STREAM.

“続・jquery.neosmart.fb.wall を導入しました” の続きを読む »