Web制作でgif画像のアニメの作成が必要になったので、アドビ社のフラッシュで制作してみます。

はじめの

最初の手順としては、まずフラッシュでタイムラインにアニメーションを制作します。

その次に

タイムラインに制作したアニメーションを、[ファイル]⇒[書き出し]⇒[ムービーの書き出し]⇒[ファイルの種類]⇒[PNG シーケンス(*.png)]または[JPG シーケンス(*.jpg)]で書き出しをします。

最後の手順としては

Photoshopで、[ファイル]⇒[開く]ダイアログ⇒[画像シーケンス]をチェック。画像がすべて読み込まれたら[ファイル]⇒[Webおよびデバイス用に保存]でGIFを選択することで今回は完了です。

 

この工程の流れで気を付けたい事が、FlashタイムラインのActionScriptや入れ子のムービークリップは無効になることについて注意する必要があります。

改善したいWebサイトのアクセスの流入元を見てみると、意外とBingからの流入が多かった。

 

これは多分、Bing経由でのアクセスが多いのではなく、そもそもGoogleとかYahooからのアクセスが少ないことが原因のようです。

 

ほとんどのキーワードの競合が高く、費用や手間がかかるGoogleやYahooのSEOは捨てて、BingやSNSに特化したSEOを試してみる価値があると思いました。
ところがこのBingに対するSEOは調べてみると、いわゆるリンク切れやmetaタグなどの記述をはじめとする割合一般的な内部施策と、

 

“Bingウェブマスターツール”に登録する。

 

のみでした。
シンプルでいい。
本質的にはこれでいいんだと思う。
これで順位が上位にこないなら、内容と有益性を見直せばよい。

 

もはやGoogleの検索結果は広告収入による利害関係がものすごく大きく関与しているように見受けられるし、ウェブマスターツールをはじめ、専制君主的なサービス群は理解や運用にかなり手間がかかりすぎる。いったい何のためのSEOなのだ?
広告費用もかけなければいけないけど、売り上げを逼迫するのは本末転倒になってしまう。

そもそも、過密度の高い競争では、継続的な労力のわりには得るものが少ない場合が多いという判断材料もあります。

 

このような経緯から、『マンチェスター弱者のSEO』として検索エンジン利用者が全体の2~3%とされるBingの施策を実施してみることにしました。

鶏口牛後のメリットについて経験のあるひとだとピンとくるかもしれません。

 

結果は別の記事で。

Webの制作過程でサクラエディタ折り返しデフォルトの右端折り返し起動設定が必要になったので、テキスト編集ソフトウェアのSAKURAエディタで『右端折り返し』デフォルト設定してみます。

 

はじめに

最初の手順としては、まずサクラエディタを起動して空のファイルを表示します。

 

その次に、

メインメニューを、[設定]⇒[タイプ別設定]⇒[スクリーン]タブ、レイアウト項目・折り返し方法のプルダウン[右端で折り返す]と変更をします。

 

最後の手順

としてはダイアログで、[OK]⇒プログラムの再起動することで今回は完了です。

 

この工程の流れで気を付けたい事が、設定から直接折り返し方法を設定した場合は、再起動後に元に戻るという点について注意する必要があります。

cssによる背景色や背景画像の透過指定方法は、主に2種類の指定方法があり希望するビジュアル効果による指定方法
の解決方法である。

単純に要素透過させたい場合

opacity:0.5;

とすることでレイヤー自体を透過させることができる。
ただこの場合は、子レイヤーすべてと背景とともに文字が含まれていた場合、文字も透過されてしまうので、
背景色のみを透過させる場合は、

background: rgba(255, 255, 255, 1.0);と指定
とする。

解決方法の補足として、背景画像のみを透過させたい場合は、background:rgbaプロパティで値を指定するか、
背景色のみを透過させるレイヤーを内部に制作して、背景色を透過させることで疑似的に背景画像を透過させる方法のいずれかとなる
があり、backgroundについての特性です。

問題解決カテゴリーとしては、背景画像と背景色についてのCSS背景の透過に分類される。

今回のシステム開発で取り扱うテーマは『メールフォームプロ(古いバージョン)でテキストエリアやテキストボックスがいくらCSSで指定してもサイズ変更できない場合の対処』の解決方法である。

mailform.js内にJavaScriptでフォーム部品の大きさ制御など指定する関数があったのでコメントアウトして回避
とする。

解決方法の補足として、メールフォームプロでCSSセレクタで調整できない場合、オリジナルのカスタマイズをJavaScriptで指定している場合がありJavaScriptをカスタマイズしないとスマホ表示などで期待するビジュアルに変更できない場合があるがあり、CSSカスタマイズについて今回のテーマの補足知識となります。

問題解決カテゴリーとしては、レスポンシブ対応についてのメールフォームプロに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
スマホ メールフォーム 無料
レスポンシブ メールフォーム フリー
レスポンシブ メールフォーム テンプレート
responsive mailform
メールフォーム html
メールフォーム デザイン
メールフォーム php
mailformpro
php工房
フォームズ

今回は、WordPressのECカートプラグインWelcartの新規会員登録時のフォーム内の必須項目を任意項目に変更する方法です。

カスタマイズはダッシュボードではできないようなので、プラグインファイルの直接編集が必要になる様子。

会員登録フォームの必須チェックは、フックで制御されているとのことで、必須チェックはusces_filter_customer_check、必須マークはusces_action_essential_markをフックとしている。

必須チェックはusces_action_essential_checkをコメントすれば通りそうなので、作業はすべて自己責任になるが、usceshop.class.phpなどを編集してみる。

何個か該当箇所が見つかったが、すべてオンライン上でのやり取りを考慮していたため、住所関連の必須項目をすべてコメントアウトしてみる。結果、任意項目にすることが成功。

次に必須項目に表示される※マーク、アスタリスクの除去。

多分、このままだと任意項目は非表示にしてしまえば問題ないだろうが、それだと主旨がことなるので、アスタリスクの除去を試みる。

usces_action_essential_markはusc-e-shop\functions\function.php内に記述があるのでそちらを手掛かりに、こちらも自己責任のもと編集してみる。

$usces_essential_markをカスタマイズして、修正ファイルをアップ。

あ、できた。

backgroundで指定した背景画像のサイズ変更の指定方法と記述の解決方法である。

背景画像サイズを変更したいCSSセレクタのbackground-sizeプロパティで値を指定しますとする。background-size:50px 100px;background-size:50% 100%;

解決方法の補足として、値は通常の指定方法、widthやheightautoやパーセンテージ、pxなどが指定可能
があり、backgroundについての特性です。

問題解決カテゴリーとしては、サイズ変更についてのCSS背景画像のサイズを変更するに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
css background-size
webkit-background-size
background-size cover
background-size:contain
background-size ie
background-size ie8
background-size android
background-size ie9
background-position 右から
background-size 効かない

今回のシステム開発で取り扱うテーマは『mb_send_mailでメール送信者情報の日本語が文字化けしてしまう』の解決方法である。

$header= From:送信者名.$mail;
などとしてそのまま、mb_send_mailの引数として変数を放り込むと文字化けするので、
$from_name=送信者名;
$header= From:.mb_encode_mimeheader($from_name).$mail;
として一度エンコードする処理を入れる
とする。

解決方法の補足として、あわせて以下のように文字コード指定をしておく必要があるようだ
mb_language(uni);
mb_internal_encoding(utf-8);
mb_http_input(auto);
mb_http_output(utf-8);があり、メール送信時の差出人文字化けについて今回のテーマの補足知識となります。

問題解決カテゴリーとしては、mb_send_mailについてのPHPに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
mb_send_mail 文字化けに関連する検索キーワード
mb_send_mail 文字化け utf-8
mb send mail文字化け
php mb send mail文字化け
send mail文字化け
mb send mail header文字化け
mb send mail文字化け機種依存文字
mail文字化け
mac mail文字化け
apple mail文字化け
live mail文字化け

iPhoneについてのソリューションです。
いままでACアダプタ充電できていたのに、iPhone5や6で急に充電できなくなったについてのソリューションです。
まず機器本体やケーブルの破損を疑いがちですが、さっきまでできていて急にできなくなった場合は、
iPhoneへのケーブルの差し込み先の上下を逆に入れなおして、充電中マークが正常にでてくることがある
である。

記事の内容としては、スマホについてのACアダプタ充電に関わるソリューションとされる。

iPhoneの記事について関連性がある語彙の組み合わせには、
iphone 5se
au iphone
find iphone
iphone 6s plus
itunes
itunes iphone
docomo iphone
softbank iphone
というような内容が列挙される。
iPhoneの記事について関連検索で記事を探す場合は以上のような語彙の組み合わせが表示される。

ブラウザなどで急にIMEが無効になり日本語入力できなくなる。
なんらかのプラグインやウェブサイトなどの問題で、IMEが無効にされる
の解決方法である。

コントロールパネルから[言語]、IMEの[詳細設定]をクリック、[使用可能な場合にデスクトップ言語バーを使用する]にチェックを入れ[オプション]をクリック。

[デスクトップ上でフロート表示する]か[タスクバーに固定する]のどちらかを選択して、[言語バーアイコンをタスクバーで表示する]にチェックし、[OK]をクリック。最後にブラウザのキャッシュをクリア
とする。

解決方法の補足として、再起動などで修復するが、そのままの状態での日本語入力をできるようにする
があり、IMEについての特性です。

問題解決カテゴリーとしては、キーボード入力についてのパソコントラブルに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
ime が無効です windows8
ime が無効です win10
ime が無効です windows10
imeが無効です 直し方
imeが無効です 意味
imeが無効です windows7
google ime
imeが無効です 8
imeが無効です win7
imeが無効です win8

Office Excelで登録された住所リストを年賀状や暑中見舞いのハガキの宛名印刷をする手順
の解決方法である。

▼エクセル住所リストデータ作成

1.新しいエクセルシートに住所リストのひな形を作成
1行目に[郵便番号][住所][氏名]のように3列のセル分けて項目名を入れる

2.2行目以降にそれぞれの項目に必要な情報を入力。〒マークは入れない。

3.リストが完成したら、エクセルシートを保存して閉じる。この例では[住所リスト.xls]とします。

▼Wordはがき印刷ウィザードからひな形作成と住所リストの印刷

1.Wordを起動して[差し込み文書]タブをクリック、[作成]グループにある[はがき印刷]をクリック、ドロップダウンリストから[宛名面の作成]を選択します。

2.[はがき宛名印刷ウィザード]ウィンドウが表示されるので、この例では[年賀/暑中見舞い]を選択して、ウィザードに従って進める。[背景にはがきを表示する]にチェックを入れるとわかりやすい。

3.ウィザードの最後に[宛名の印刷に差し込み機能を使用しますか?]の設定画面がでるので、[他の住所録ファイルを差し込む]にチェックを入れ、先ほど作成したエクセルの[住所リスト.xls]を読み込む。

4.ウィザード完了ボタンを押すと、エクセル住所リストの最初の項目が指定した形式で表示されていれば、あとは[差し込み印刷]から[差し込み印刷の開始]から印刷をすれば住所リストが順番に印刷されるようになる
とする。

解決方法の補足として、注意点としては、PDFファイルでリスト通り印刷されるかを確認して、作成したWordファイルは名前を付けて保存しておけば、毎年の印刷などが失敗なくかなり簡便化される
があり、Excel住所リストについての特性です。

問題解決カテゴリーとしては、Word印刷についてのハガキ宛名印刷に分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
word2013 宛名印刷
word 宛名印刷 mac
word 宛名印刷 封筒
word2010 宛名印刷
word 宛名印刷 封筒 縦書き
word 宛名印刷 ラベル
word 差し込み印刷
word 宛名シール印刷
word 宛名 連名
宛名 印刷 エクセル

Youtubeなどの動画mp4ファイルをmp3ファイルに変換して音声のみ抽出する方法の解決方法である。

1.iTunesを起動

2.Mac=コンピュータ画面上部のメニューバー>[iTunes]>[環境設定]の順に選択。
Windows=iTunes ウインドウ上部のメニューバー>[編集]>[設定]の順に選択。

3.[一般]ボタンをクリック、ウインドウ下方[読み込み設定]ボタン(Mac)または[インポート設定]ボタン (Windows) をクリック。

4.[読み込み方法] (Mac) または[インポート方法] (Windows) 横のメニューをクリック、曲の変換先エンコード形式を選択。
この場合はMP3を選択。

5.[OK]をクリック、設定保存する。

6.変換したいmp4ファイルの拡張子をm4aに変更。

7.拡張子を変換したファイルをフォルダごとライブラリに追加。

8.ミュージックライブラリに追加されたファイルを全選択して、右クリック、[MP3バージョンを作成]を選択

9.エンコードが開始され、完了するとiTunesの保存フォルダに変換されたmp3ファイルが作成される。とする。

解決方法の補足として、変換されたmp3ファイルの保存先は左上のiTunesメニューから[設定]>[詳細]で確認できる。[iTunes Media]フォルダの場所は、Windowsの場合デフォルトでC:\Users\ユーザ名\Music\iTunes\iTunes Media\Music以下にフォルダが作成されているがあり、mp4をiTunesでmp3に変換についての特性です。

問題解決カテゴリーとしては、mp3についてのエンコード・変換に分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
mp4 mp3 変換 mac
mp4 mp3 変換 フリーソフト
m4a mp3 変換 itunes
itunes m4p mp3 変換
mp3 mp4 変換 フリー
mp4 mp3 変換 無料
itunes mp4からmp3変換
mp4ビデオ mp3 変換 itunes
itunes mp4 動画 mp3 変換
itunes mp4 mp3 変換 windows

テンプレートタグ
についての情報。

使用頻度の高いワードプレスでのPHPテンプレートタグである。

その他の情報としては、固定ページや投稿記事ページでも使用できるが、プラグインなどの設置が別途必要があり、特性としては・テーマディレクトリ参照
<?php echo get_template_directory_uri(); ?>
・ルートディレクトリ参照
<?php echo esc_url( home_url( ‘/’ ) ); ?>
・ページ判別
<?php if(is_page(‘123’)): ?>
<?php endif; ?>
・カテゴリー判別
<?php if(in_category(array(‘1′,’2′,’3’))): ?>
<?php endif; ?>ことです。

情報カテゴリーとしては、PHPについてのWordPress
に分類される。

情報について、検索エンジンでは
wordpress テンプレート
wordpress テーマ
ワード プレス
ワード プレス テンプレート
ワード プレス テーマ
wordpress テーマ 作成
wp テンプレート
wordpress カスタマイズ
wordpress テンプレート 作成
ワード プレス テンプレート 無料
wordpress テンプレート 無料
wordpress テーマ 無料
wp テーマ
ワード プレス テーマ 無料
wordpress 無料 テーマ
wordpress デザイン
wordpress 日本 語 テーマ
ワード プレス カスタマイズ
wordpress テーマ おすすめ
wordpress テンプレート カスタマイズ
ワード プレス テーマ 日本 語
ワード プレス 無料 テンプレート
無料 ワード プレス テンプレート
テンプレート wordpress
wordpress 無料 テンプレート
wordpress サイト
ワード プレス テンプレート 日本 語
wordpress ブログ テンプレート
ワード プレス ブログ テンプレート
wordpress テンプレ
などがインデックスされている。

応答なしでフリーズすることが多発するようになったので、Firefoxをリフレッシュする。あわせてIDパスワード履歴も消えてしまった時の解決方法である。

1.Firefoxメニューボタンをクリックし、ヘルプマークボタンをクリック、トラブルシューティング情報を選択。トラブルシューティング情報のタブを開く。
2.プロファイルフォルダ項目の[フォルダを表示]ボタンをクリックし、プロファイルのファイルが含まれるウィンドウ が開く
3.デスクトップ上Old Firefox Dataというフォルダが自動で作成されているので、二つしたのフォルダを開き設定情報の一覧をの中から、[logins.json][key3.db]をコピペして、プロファイルフォルダにペーストとする。

解決方法の補足として、Old Firefox DataはFirefoxリフレッシュ時に自動的に作成されるバックアップフォルダで、それまでのFirefoxの各種設定情報が保存されているがあり、Old Firefox Dataについての特性です。

問題解決カテゴリーとしては、IDパスワードについてのFirefoxに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
old firefox data 復元方法
old firefox data復元
firefox old firefox data復元
old firefox data 削除
old firefox data フォルダ
old firefox data 戻す
old firefox data使い方
old firefox data アドオン
old firefox data 復旧
old firefox data デスクトップ

急に外部呼出しのjsファイル内の関数が読み込めなくなっていた。

ファイルの読み込み順をconsol.logでも確認するが読み込みのタイミングは順番通りで、なぜ参照できなくなったのかがわからなくなってしまった。

同一HTMLファイル内に関数を記述すると問題なく読み込まれるのになぜ?

外部jsファイルの実行も問題なく、JQueryの読み込み順番も一見問題ない。

プログラムの仕組みが良く理解できていないけど、やはり関数が読み込まれるようにするとかグローバル化しないといけないとの結論に達するが方法がわからない。

ちなみにhtaccessなどの制限も疑ってみるが、ローカルでもサーバー上でもファイル読み込みはされているので除外する。

JavaScriptなのですべてをローカル環境にして再度トライする。

外部jsファイルに記述したfunctionなども実行するがうまくいかなかったため、別の関数を新規に作成してテストするも同じく
uncaught referenceerror function is not defined

キャッシュなどは何度もクリアしながら、console.logも書き換えながら、最新ファイルを参照しているはずなのに。

どうやっても理由がわからなので初心に戻り、外部ファイルをすべて綺麗にして、グローバルスコープで別の関数を設置すると、うまくconsole.logが表示。

以前の関数をコピペすると動作できる。

・・・どうも記述部になんらかの欠陥があった模様。コメントアウトや記述などの編集も頻度があったので、なんとなく府に落ちないながらもトラブル回避。

cssセレクタなどでもごくまれに起こる、リドルクラッシュ(riddle crash)と全く似た現象かと。
ちなみにcssセレクタのリドルクラッシュは、正しい記述なのに値を変更したりすることで急に正常に反映されなくなり、同じセレクタ最初から記述しなおすと治る現象のこと。

ところが、再表示を試みたところ、やはり表示できない。他のブラウザでは表示できるから、ブラウザ特有のものであるかと考えるが、どうも狭い視野でしか思考が動かないので、その日は放置。

後日、やはり同じ現象が発生しているため、別種のブラウザで見てみるとどうやら表示されているので、ブラウザ限定の要因に絞り込みする。

再度テスト用のファイルを別途作成してトライするも、やっぱり同じエラーに悩まされる。

『あ!アドオンだ!』

GhosteryかAdblock Plus。怪しいのはどちらかだ。

結局、Adblock Plusが外部JSの読み込み制限をかけていたため、許可をするとすんなり表示。

冷静な思考を失うと、時間も労力も失う。

HTMLのヘッダ部分、メタタグでの記述。

robots=検索エンジン(Googleなど対応している検索エンジン全般)
に対して、

noindex=登録させない(インデクサに登録させない)

nofollow=発リンクを無効化(ページからのリンクジュースを付与しない)

noarchive=クローラがページを記憶しない(検索エンジンにキャッシュ情報を登録させない)

をまとめて記述することで、ページが検索結果やページキャッシュとしてインターネット上から検索できないようにしておくことができる。発リンクも無効にすることで被リンクなどからサイトをたどることを防ぐことができる。

<meta name=”robots” content=”noindex,nofollow,noarchive” />

基本的には検索エンジンを通して公開したくないページなどのheadタグ内に記述する。
ただし、インターネット上に公開されていないというわけではないので注意が必要。

応答なしが頻発するようになったので、Firefoxをリフレッシュする。あわせてブックマークなども消えてしまった場合の解決方法である。

デスクトップにOld Firefox Dataというフォルダが自動で作成されているので、Firefoxの[インポートとバックアップ]→[復元]→[ファイルを選択][Old Firefox Data→任意のフォルダ名→bookmarkbackups→bookmarks-20xx-xx-xx_xxxx_xxxxxxxxx==.jsonlz4]を選択して開くこととする。

解決方法の補足として、Old Firefox DataはFirefoxリフレッシュ時に自動的に作成されるバックアップフォルダで、それまでのFirefoxの各種設定情報が保存されているがあり、Old Firefox Dataについての特性です。

問題解決カテゴリーとしては、ブックマークについてのFirefoxに分類される。

情報について、検索エンジンでは下記の関連情報での組み合わせでインデックスされている。
old firefox data 削除
old firefox data 復元方法
old firefox data フォルダ
old firefox data 戻す
old firefox data使い方
old firefox data アドオン
old firefox data復元
old firefox data 復旧
old firefox data デスクトップ
firefox old firefox data復元