カテゴリー別

お絵描き、デザイン

写真、動画関連ソフト

アメーバピグ専用ソフト

ホームページ関連

画像処理

スキャナー用

SEO 関連

お楽しみ

その他

過去ログ

2017年07月24日(月)

ウェブページの文字コードをシフトJIS から utf-8 に変換

今日は、ウェブページの文字コードを
シフトJIS (shift_jis) から、UTF-8
に変換する作業をしました。

ローカルでの作業はだいたい終わりましたが、
ウェブページは、まだシフトJIS です。
(まだ、アップロードしてないので)

文字コードの変換

まずは、ファイルの文字コードを変換します。

NonSoft さんの、 文字コード判定&変換ツール.NET
を使ってみました。バージョン 1.0.1.0 ということは
あまり、アップデートしていないと思われますが、
今のところ、特に不具合は見つかっていないので、
かなり優秀な気がします。すばらしい。

とはいえ、自動判定は完全じゃないだろうから、
入力文字コードは「SJIS」にして使いました。

対象拡張子は「html,css,php,js」で実行です。
あらかじめ、バックアップはとってあるので、上書きしちゃいます。

もちろん、出力文字コードは、UTF8
BOM は無い方がいいみたいなので「無し」で実行。

特に問題なく終了しましたが、英語のページは
もともと utf-8 だったので文字化けしました。
(正確には英語出力用のテンプレートHTMLで日本語あり)

ま、当然です。英語用の HTML はバックアップを
利用して、元に戻しました。

文字コードの指定を変更する

HTML には、
content="text/html;charset=shift_jis"
みたいな感じで文字コードを指定するところがあるので
content="text/html;charset=utf-8"
に変換です。

INASOFT さんの、複数行置換 を使ってみました。
これも、今のところ問題なく使えているので、優秀です。

置換内容は、コンテンツによるので何ともいえませんが、
自分の場合は、shift_jis とか Shift_JIS みたいな文字列を
utf-8 に一括変換でだいたいうまくいきました。

とはいえ、あてずっぽうに変換するわけにもいかないので、
まずは、どう変換されるかを予想してから一括変換しました。

複数行置換には、置換結果を予想する機能は無いので、
HNXgrep というツールで shift_jis を検索、結果を予想しました。
これも、なかなか優秀なうえに、多機能です。

HTML 自動生成するノの設定ファイルを書き替え

HTML 自動生成するノ のテンプレート HTML を
シフト JIS から、utf-8 に変換したので、
生成するノの設定ファイルを書き替えます。

まぁ、普通に画面で、文字コードを
「日本語 (シフトJIS)」から「utf-8」
に変更すればいいのですが、たくさんあって面倒
だったので、設定ファイルを一括変換しました。

自動生成するノの設定ファイル (拡張子 htg)
は、utf-8 BOM 無しの普通のテキストファイルなので、
複数行置換 で置換できちゃいます。

具体的には、
<TemplateCodePage>932</TemplateCodePage>

<IndexTemplateCodePage>932</IndexTemplateCodePage>
を、それぞれ
<TemplateCodePage>65001</TemplateCodePage>

<IndexTemplateCodePage>65001</IndexTemplateCodePage>
に変換すれば OK です。

<DataCodePage> はデータ用の文字コードで、
私は xls ファイルを使っているので、 932 のままで OK です。

最後に、HTML 自動生成するノ
で HTML を生成しなおして終わりです。

・・・

ふぅ。一件落着。

ご意見・ご要望連絡窓口


2017年07月21日(金)

PayPal サンドボックスで色々テスト中

今日は、PayPal の使い方を、色々調べました。

前に、仕事で PayPal を使ったことがあったので、
それほど、苦もなく、第一段階までは到達しました。

第一段階というのは、PayPal サンドボックス上で、
定期「購読」ボタンを作成し、実際に購入してみること。

購入時の通知から、ユーザー名、パスワードを確認すること。

以上です。

PayPal アカウントの用意

まずは、PayPal アカウントを用意します。
自分の場合は用意済みだったので、ココのステップはありませんでした。

たぶん、自分は「プレミア」タイプだと思うのですが
確認方法がよくわかりません。

が「アカウントのアップグレード」リンクを押すと、
「PayPalビジネスアカウント」にアップグレードするか
聞かれるので、「プレミア」なのでしょう。

ちなみに「ビジネス」は複数人で管理する機能が
追加されるので、その機能が必要ない場合は
「プレミア」がよいと思われます。

「パーソナル」は買うのみの人向けです。

サンドボックスの用意

サンドボックスというのは
コンピューター業界では一般的な単語で、
テスト環境を指します。

たぶん「砂場」では気軽に城とか作れるよ
っていうニュアンスだと思います。

でサンドボックスの用意は、 PayPal Developer
で、サンドボックス用アカウントを作成すれば OK です。

右上のドロッップダウンリストから「Dashoboard」を選択します。

Dashboard

次は、左に表示されているメニューから、
Sandbox - Accounts をクリックします。

なんとなく、自動で作成されたっぽい
サンプルアカウントが 2 つあったので、それを利用します。

facilitator って付いてるやつは売り手用、
buyer って付いてるやつは買い手のテスト用ですね。

それぞれ、メアド部分をクリックすると、
Profile リンクが表れるので、クリック。

Password: の下にある「Change password」
をクリックして適当なパスワードを入力します。

ココで入力したパスワードは後で使うので
どこかに、記録しておきましょう。

以上でサンドボックスの用意は終わりです。

サンドボックスにログイン

次はサンドボックスにログインして、
サンドボックス用の購入ボタンのコードを生成します。

サンドボックスの URL へのリンクは探してみたのですが
全然、見つかりません。

仕方がないのでサンドボックスの URL を直で打ちこみました。
https://www.sandbox.paypal.com/webapps/mpp/home です。

ちなみに、Microsoft Edge だとボタンのコード生成に失敗したので、
Chrome で再試行しました。二度手間〜。

で、サンドボックスの用意で作成した
サンドボックス用のアカウントでログインします。

ボタンを設置するのは、売り手なので、
facilitator の方でログインしましょう。

即時支払い通知(IPN) の設定

定期購読では、PayPal で購読毎に
適当な「ユーザーID」と「パスワード」
を発行する機能があります。

それを利用するボタンを作成するためには、
即時支払い通知(IPN) っていうのを先に ON にする必要があります。
(自分は、やらずに失敗したので、三度手間です〜)

まずは「マイアカウント」タブの下にある
「個人設定」をクリックです。

次に、左にある「販売ツール」をクリック。

次は、即時支払い通知の右の方にある「更新」をクリック。

ココで「設定を編集」ボタンを押して、
通知で呼び出されるウェブページの URL を設定します。

URL は自分で用意するページなので、
何でもいいのですが、https の方が望ましいです。

http の場合、購入者のパスワードのハッシュなどが
暗号化されずに転送されるため、
セキュリティ上の問題になります。

で、このウェブページは先に用意するのが
普通ですが、後からでも大丈夫でした。

とはいえ、本番では先に用意しておくべきでしょう。

結果的には、購入テスト後に用意できたのですが、
用意する前のデーターも送られてきました。
「再送」の処理が動いたんでしょう。

ボタンのコード生成

個人設定 > 販売ツール > PayPal ボタン右の更新
と押していきます。

右の方の「関連項目」にある「新しいボタンの作成」を押します。

後は、適当に設定して「ボタンを作成」すれば OK です。

自分の場合は「定期購読」をテストしてみたかったので、
ボタンタイプの選択では「購読」です。

複数の価格のテストのために、
「価格およびオプションのドロップダウンメニューの追加」
をしました。

で「PayPalが顧客の名前とパスワードを作成する」
にチェックです。

これにチェックすると「自動復帰」が使えないとのことですが
自動復帰というのは、購入終了後に、PayPal のページから
購入ページに自動的に戻ってくる機能です。

おそらく、購入後のページには、PayPal が発行した
ログインID とパスワードが表示されているので、
自動でページを閉じちゃうと不便だろうとの配慮でしょう。

最後に、ボタン用のコードを
自分のホームページのどこかに
貼り付ければ、テストページの完成です。

即時支払い通知(IPN) の作成

自分は ココのページ を参考に php で作りました。
特に、難しいところは無いです(プログラマーなら)。

ただ、画面に echo しても、IPN として呼び出されている場合は、
どこにも表示されないので、
mb_send_mail でメールしたりした方がいいでしょう。

とはいえ、メールも暗号化はされないので、
本番環境では送るべき内容を精査してくださいね。

ちなみに、PayPal が「購読」で発行した
ユーザーのパスワードはハッシュ値が
送られてくるようです。

おまけ

文字コードは、

個人設定 > 販売ツール
と押していくと一番下に表示される

「PayPalボタンの言語コード化」
リンクを押して設定します。

自分の場合は「詳細オプション」から、
エンコード方式を「UTF-8」「はい」
にして、HTML、IPN を UTF-8 で用意すれば OK でした。

UTF-8 にすると、ウェブサイトの言語が
「西欧言語 (英語を含む)」になりましたが
問題なさそうです。

・・・

久しぶりにやったけど、あいかわらず、わかりづらいわー。

ご意見・ご要望連絡窓口


2017年04月14日(金)

ローカルブラウザの使い方ページを更新しました

昨日の仕事ですが、 ローカルブラウザの使い方ページ
の情報が古かったので更新しました。

ローカルブラウザ は、パソコン内のファイルを見るためのソフトです。
mht 形式で保存した HTML なんかを閲覧するのに向いています。

例えば、スクリプトボタンとかピンボタン使い方が
載っていなかったので、加筆しました。

なんとなくじゃ使えないよ〜。
という方は読んでみてくださいね。

最新版はこちらのページから、ダウンロードできます

いつもどうり、試用は無料なので、お気軽にどうぞ !

・・・

実は、作者が一番頻繁に利用しているソフトはローカルブラウザです。
この記事を書くときにも使ってたりします。

まず、似たブログ記事をツリービューでコピー
ペーストしてから、ファイル名を変更します。

ファイル名の先頭に番号を付けることにしておくと
ブログ記事の順番で並ぶので便利です。

次に、できたファイルを右クリックして「編集」します。

自分の場合は、Emacs というテキストエディターが起動するように
設定してあるので、それでブログ記事を編集します。

で、更新するとローカルブラウザーの表示も更新されるので
出来栄えを確かめます。このとき、編集するテキストファイルは
拡張子が html にしてあって、ファイルの先頭には、ちょちょいっと
div タグの開始記号と、ブログにのるときのスタイル (css)
が指定してあるので、だいたいアップロードしたときの見た目
(改行位置) が確認できるようになってます。

で、完成したら emacs で必要な部分をコピー、
ブログの記事を追加するフォームに貼りつけて投稿です。

ブログ記事を投稿するフォームが使いずらいよー
っていう人は、こんな方法はいかがですか?

普段使いなれているテキストエディターを使えば、
編集中に全文消えちゃったよーってなことも防げますよ。

たぶんね^^。

ローカルブラウザ
ローカルブラウザのダウンロード
ローカルブラウザの更新履歴
ご意見・ご要望連絡窓口


2017年03月31日(金)

大量のファイルを FTP で一度にアップロードすると

縁取りするノ - 無料文字画像素材「価格」
みたいに、大量の画像を含むホームページを
サーバーに FTP でアップロードしようとすると、
ちょいちょい中断されて鬱陶しいですよね。

ま、ちょいちょい中断されないサーバーもあるでしょうが、
そういう場合は関係ないです。

ちなみにロリポップのエコノミーコースは中断されます。
(2017年3月末くらいの話。将来はわかりません)

FTP接続中に転送速度が遅くなる、または転送が止まります。

よくわかりませんが、大量にファイルをアップロードしていると
250 ファイル目くらいからアップロードが全て失敗するようになります。

で、一旦、中断して、再度アップロードを
開始すると成功するわけですが、面倒なこと山のごとしです。

最初は、それで頑張ってみたのですが、あまりにも面倒なので、
zip とかに圧縮して「向こう」で展開する方法を思いつきました。

でも、エコノミーじゃ、ssh とか使えないんでしょ。

・・・

調べてみると、やはり使えません。
じゃ、php で簡単に zip 展開できないかな?

・・・

↓ お、簡単にできそうじゃん。
【PHP】サーバー上でzipを解凍する方法

で、できました。

こちら には、unzip と php ライブラリーを併用するコードがありますが、
無駄に複雑なので、自分の好みではないですね。

シンプルなものを 2 つ用意して、うまくいく方を使っていた方が、
トラブルが起きたときに原因を推測しやすいからです。

ま、ちょっとした違いですけど。

で、それは置いといて、サンプルだと
ファイル名が固定だから、外から変更可能に
しようとかは思わない方がいいです。

外からっていうのは、html の & のオプション引数に
ファイル名を指定できるようにしたりするっていうことですね。

特に、unzip を呼び出す方は、かなり慎重にやらないと
重大なセキュリティーホールになりえます。

何でやねんっていう人は特にやらないように。

ご意見・ご要望連絡窓口


2017年03月30日(木)

チラシに便利な文字画像素材「チラシ用コピー」を公開しました

文字画像生成ソフト、文字に縁取りするノ
で生成した文字画像を公開しました。

続いて、チラシの作成に便利な
「チラシ用コピー」文字画像です。

「爆安」とか「セール」とか「!」
なでチラシに使われそうな文言を用意してみました。

縁取りするノ - 無料文字画像素材
チラシ用コピー - 無料文字画像素材

Word とか Excel のチラシ用テンプレートに
貼り付ければ、チラシの効果をアップできるかも?

とはいえ、しょっちゅうチラシを作成する場合は、
縁取りするノを利用した方が便利だと思います。

個性的な目立つ表現を工夫してみてくださいね!

最新版は、こちらのページからダウンロードできます

ちなみに、公開した文字画像の HTML は、 HTML 自動生成するノ
で一括生成してます。慣れれば、便利ですよ。

文字に縁取りするノ
文字に縁取りするノ - ダウンロード
文字に縁取りするノ - 更新履歴
ご意見・ご要望連絡窓口


2017年03月29日(水)

チラシに便利な文字画像素材「価格」を公開しました

文字画像生成ソフト、文字に縁取りするノ
で生成した文字画像を公開しました。

とりあえず、チラシの作成に便利な
「価格」と「数字」の文字画像です。

縁取りするノ - 無料文字画像素材
数字 - 無料文字画像素材
価格 - 無料文字画像素材

Word とか Excel のチラシ用テンプレートに
貼り付ければ、簡単にチラシが作成できるでしょう。

ま、手軽にチラシを作成するなら
十分なクォリティじゃないかな?

価格は、¥0 〜 ¥999 までしかありませんが、
3 ケタの数字とカンマを組み合わせると、
あらゆる価格を表現できると思います。

例えば、¥2 と , と 999 を並べれば、
¥ 2,999 になりますね。

そんな感じのスクリプトを書けば、
2000 枚くらいの画像であらゆる価格を表現できるので
ショッピングサイトでド派手な価格表示を
実現するにも役立つアイデアかもね。

ちなみに、円記号を別にすれば、1000 枚くらいで大丈夫だし、
数字を 1 ケタずつ用意する場合は、10 枚ちょいっすね。

まぁ、文字の修飾に凝りたい場合は、
1000 枚使用した方がよさそうだけど。

でも、しょっちゅうチラシを作成する場合は、
縁取りするノを利用した方が便利だと思います。

個性的な目立つ表現を工夫してみてくださいね!

最新版は、こちらのページからダウンロードできます

ちなみに、公開した文字画像の HTML は、 HTML 自動生成するノ
で一括生成しました。便利ですよ。

文字に縁取りするノ
文字に縁取りするノ - ダウンロード
文字に縁取りするノ - 更新履歴
ご意見・ご要望連絡窓口


2017年03月27日(月)

文字画像のサンプルを作成中

文字画像生成ソフト、文字に縁取りするノ
で生成した文字画像を配布する予定です。

縁取りするノを使った方が圧倒的に強力だと思うけど、
生成済みのやつも、文字が合えば便利かもしれません。

で、とりあえず、最初の文字カテゴリーとして、
1000 枚の PNG を現在、生成中。

高さが 120 ピクセルもあると、
1 枚の生成に 5 秒くらいかかるので、
結構、時間がかかりますね。

で、こんな枚数を生成したことなかったから
気付かなかったのですが、画面下端のプログレスバーが変ですね。
200 / 1000 で半分以上進んじゃってますわ。

次期バージョンで修正せねばなるまい。

最新版は、こちらのページからダウンロードできます

ちなみに、公開予定の HTML は、 HTML 自動生成するノ
で一括生成します。こちらも、便利ですよ。

文字に縁取りするノ
文字に縁取りするノ - ダウンロード
文字に縁取りするノ - 更新履歴
ご意見・ご要望連絡窓口


2017年03月24日(金)

文字に縁取りするノ 1.5.1 公開。EMF (Windows 拡張メタファイル) 形式で出力する機能など

文字画像生成ソフト、文字に縁取りするノ
の最新バージョン 1.5.1 を公開しました !

Microsoft 製品との親和性が高い
EMF (Windows 拡張メタファイル)
形式での出力に対応したほか、
細かい改善を施したバージョンです。

EMF (Windows 拡張メタファイル) 出力に対応

EMF 形式は、ベクター形式の画像ファイルです。

Microsoft Windows OS には、EMF 形式で保存したり、
EMF 形式の画像ファイルを表示する機能が標準で用意されているため、
特に、Windows アプリケーションとの親和性が高い特長があります。

ベクター形式なので、画像を拡縮した場合に
ギザギザしたりしにくい性質があるので、
どちらかというと印刷に適しています。

上の文字列が EMF 形式で出力した文字画像を
Excel97 に貼り付けたときの様子です。
(下の文字列は、PNG 形式で出力した文字画像)

画面だとギザギザしてるかもしれませんが、
文字画像の出力サイズに関係なく、(極端に小さいとダメですが)
きれいに印刷されると思います。

ただし、グラデーションなどには対応していないので、
その場合は、従来通り、PNG 形式で出力してください。

PNG はラスター形式の画像なので、
十分な解像度が無いと印刷時にギザギザするため、
大きめのサイズで、出力するとよいです。

だいたい、300 DPI もあれば十分ですが、
品質にこだわりたい場合は、600 DPI。
最高の品質を求めるなら 1200 DPI
くらいあればよいでしょう。

300 DPI は 300 ドット / インチのことです。
ドットはピクセルと同じ意味です。

だいたい 10 mm の高さの文字を 300 DPI で出力するなら、
1 inch = 25.4 mm なので、
10 / 25.4 * 300 = 約 118 ピクセル
の高さを指定するとよいでしょう。

600 DPI では倍、1200 DPI では 4 倍なので、
それぞれ、236、472 ピクセルですね。

ただ、文字に縁取りするノで指定する高さは、
正確には「セル」の高さなので、文字の高さ的
には少し大きめの値を指定するとよいかもしれません。

プレビュー画像のサイズを表示する機能

もともと、プレビュー画面の右下には
プレビュー画面のサイズが表示されていましたが、
新しいバージョンでは、プレビュー画像のサイズ
と画面のサイズが / 区切りで表示されます。

プレビュー画像のサイズは、厳密には、
出力画像のサイズとは違います。

プレビュー画像は入力文字が多い場合でも高速に表示するため、
画面表示に必要な分の文字しか画像化されていません。

また、保存単位も考慮していないので、文字、行、段落の
単位に関係なく、プレビュー画面に入るだけの文字画像が生成されます。

とはいえ、プレビュー画面に収まる場合には、
出力画像サイズと一致することも多いので、
出力画像サイズの目安にはなると思います。

固定幅フォントで出力幅が文字幅ずつ増えるように

固定幅フォントで入力を 1 文字増やすごとに、
固定幅ずつ出力サイズが増えるような調整をしました。

固定幅フォントは文字の横幅が等しくなるように
設計されたフォントですが、アルファベットや数字は
漢字やひらがなの半分の幅で揃えられます。
(前者は「半角」、後者は「全角」文字と呼ばれています)

装飾がある場合、行の最初と最後には余分のスペースが必要なので、
出力画像の幅は、文字幅の倍数とはなりませんが、
1 文字増やすごとに増える出力幅が等幅になるような調整をしました。

1 文字入力ごとに、新しく設置したプレビュー画像のサイズ
を見れば、文字ごとの幅が計算できます。

ただし、文字間に指定する値によっては、
等幅とならない場合もあります。

100 (%) なら問題ありません。

例えば、125 (%) でセルの高さが 30 の場合、
送り幅は 30 の 1/4 の 7.5 ピクセル
増えるため、文字幅は 1 文字おきに
1 ピクセル増えます。(0.5 の 2 倍が 1 なので)

また、150 (%) でセルの高さが 30 の場合、
送り幅は 30 の 1/2 の 15 ピクセル
増えますが、端数が無いので、等幅になります。

その他

あとは、細かい修正になりますが、SJIS で表現できないファイル名
になる場合に PDF 出力に失敗する不具合を修正したほか、
文字送り幅をより正確な値になるような修正も施しました。

最新版は、こちらのページからダウンロードできます

更新の詳細は、文字に縁取りするノ - 更新履歴 をご覧ください。

文字に縁取りするノ
文字に縁取りするノ - ダウンロード
文字に縁取りするノ - 更新履歴
ご意見・ご要望連絡窓口


2017年03月23日(木)

文字に縁取りするノ 1.5.1 のテストとデバッグ中です

文字画像生成ソフト、文字に縁取りするノ
の新しいバージョン 1.5.1 をテストしてます。

今日は、出力ファイル名に、シフトJIS に
変換できない文字が含まれていると
PDF で出力できない問題を発見! 修正しました。

他のファイル形式での出力はうまくいくみたいです。

ま、そういうわけで、
PDF で特殊な文字の画像が出力できないと
お嘆きの方は、次のバージョンにご期待ください。

公開中の最新版は、こちらのページからダウンロードできます

・・・

うー。花粉症の症状が急に来た~。

やはり、雨の日の次の日 (昨日のこと)
はひどいというが、本当ね。(昨日、外でたダメージが継続中)

自分的には、べにふうき茶が効くっぽいけど、
それでも、きついわー。目かゆー。ぼーっとするー。

文字に縁取りするノ
文字に縁取りするノ - ダウンロード
文字に縁取りするノ - 更新履歴
ご意見・ご要望連絡窓口


2017年03月13日(月)

太さ、斜体のバリエーションを含めてフォント一覧を表示するフリーウェア「フォントを一覧表示するノ」が Vector で公開されました

フォントを一覧表示するノ は、インストール済みのフォントを
「太さ」「斜体」のバリエーションを含めて一覧表示するソフトです。

フォント名だけでなく、各フォントがサポートしている
全ての太さと斜体のバリエーションを含めて一覧表示できるので、
各フォントの「太さ」や「斜体」への対応状況が、一目瞭然です。

本日、Vector 様の審査が無事に終わって
Vector 様でも、公開された模様です。

ベクター: 「フォントを一覧表示するノ」の詳細情報

Vector 様での公開にはタイムラグがあったり、
それほど、重要な更新でない場合は、最新版の公開を
申請しなかったりするので、常に最新版が
ダウンロードできるとは限りません。

ま、今日は大丈夫ですけど、
私のホームページ経由だと
必ず最新版が手に入ります。

最新版は、こちらのページからダウンロードできます

・・・

ちなみに、文字画像生成ソフト、文字に縁取りするノ
フォント一覧から選択するダイアログ を抽出して作ったソフトです。

文字に縁取りするノの広告のため
無料で配布してるので、是非活用してくださいね。

フォントを一覧表示するノ
フォントを一覧表示するノ - ダウンロード
フォントを一覧表示するノ - 更新履歴
ご意見・ご要望連絡窓口
ベクター: 「フォントを一覧表示するノ」の詳細情報


| 1/11PAGES | >>