placeholderはフォームフィールドへの入力ガイダンスに使われます。CSSで工夫すれば、フォーカス時にplaceholder文字を消さずに見出しとして代用できます。カーソルが外れたら元のplaceholderの位置に戻るので大変便利です。
別区画にインストールしたWordpressでは、本番環境のDBを読み込む事はできません。基本的にDBデータを複製して、optionsテーブルのURLを別区画にあわせる必要があります。レンタルサーバーによっては同じサーバー内にDBを新設できない場合があります。
ロリポップのWEBサイトからAmeba owndのサイトへ独自ドメインを切替しました。Ameba owndの独自ドメインはwww付きのドメインのみが設定できます。ムームーDNSでCNAMEレコードを追加する事で、サブドメイン別に別サーバーを指す事ができます。
iPnoneの標準機能の中でスマホ画面内を録画する事ができます。また、操作する人の音声も同時に録音する事ができます。ゲーム実況動画やスマホ操作の案内動画の制作などに大変便利です。
MicrosoftはBing Webmaster Toolsにてコンテンツ送信APIを公開しました。コンテンツ送信APIはURL送信APIと違い、サイトを更新したら自動でBing側が情報取得してくれるようになります。URL送信APIはURLのみですが、コンテンツ送信APIはコンテンツや画像、HTML自体も送信できます。
CSS Paint APIとは、CSSの背景や枠線の描画をjavascriptでプログラム描画する機能です。描画した図形画像をアニメーションさせたり、受け取るパラメータによって変更したりする事もできます。JSで描画するのでプログラム知識が必要になりますが、高度な演出が可能になります。
SSLには共用SSLと独自SSLとがあります。今回は専用区画へファイルを入れる独自SSLでした。共用SSLは基本無料ですが、別区画にファイルを設置するためURLが独自ドメインではなくなります。独自SSLは基本有料ですが、別区画にファイルを設置する必要がなくそのまま暗号化できます。
WEBページのtitleテキストと検索結果のタイトルが違う場合があります。これがtitle書き換えです。これはユーザー検索能力不足と管理者の技術不足を補うため、Googleの判断で実施されています。システムアップデートで頻繁に起こる様になったので、フィードバックをもらって改善に努めるとしてます。
WEBサイトのスマホ対応をさせる場合、レスポンシブルデザインとスマホ専用ページの他にもう一つあります。ユーザーエージェントを判別し条件分岐でhtmlソースコードを出し分ける方法です。URLは変わらないのですが更新の手間が2倍になり、ソース量が増えるので負荷も掛かります。
Welcartプラグインでショッピングカートを構築している場合、クレジットカード決済の導入は簡単です。様々な決済サービスのモジュールがあらかじめ用意されていて、それを有効化するだけで使える様になります。別途決済サービス会社との契約が必要です。契約手続きには1か月程度お時間が掛かります。
GoogleがWEBページをインデックスしない・するペースが遅い場合があります。内的要因は、常に高品質のページをインデックスしたいためページの品質を定めかねている場合。外的要因は、共有他社サイトのリソース超過や不正botの攻撃の影響で、WEBサーバーの処理速度が低下している場合です。
リテラシーが低いお客様はWEBサイトの良し悪しがわからないので、指摘に弱い傾向があります。トラブルが起きた原因が何かとWEBサイトつまり「制作サイド」のせいにされがちです。その場は謝る事、そして平常時にリテラシーレベルの確認および説明をしておくべきです。
廃止されたドメインを購入してWEBサイトを開設し、リダイレクトさせるSEO手法を使う人がまだいます。廃止ドメインが持つ外部リンク評価を、自分のサイトに転送させるブラックハットSEOです。結論この手法ではランキング評価は継承されませんが、ドメイン変更によるリダイレクトは別です。
ここ数年で世界の著名なジャーナリストなどのスマホがハッキングされている報告がされました。ユーザーが特定のアクションをしなくても、iMessageが届くだけで感染してしまうゼロクリック攻撃です。ソフト「Pegasus」によるもので、最新バージョンのiOSで最新モデルのiPhoneでも感染していた事がわかりました。
GoogleはURL変更による恒久リダイレクト（301）を設定したら、1年間は維持して欲しいと述べました。1年後なら、新しいURLへのリンク転送やSEOシグナル転送をGoogleは自動で行えるとしています。ただユーザーエクスペリエンスの面ではできるだけリダイレクトは永続させるべきとしています。
Googleは検索ランキングのサイトそれぞれに「about this result」の機能を導入します。そのサイトが上位ランクしている根拠となる情報を様々な角度から紹介するパネルです。検索ユーザーへランキングサイトの信頼性をPRし、SEO担当者にもランキング要因を公開していきます。
Movable Typeのサーバー移転の方法をご紹介します。まずは全構成を新サーバーにコピーし、cgiのパーミッションを必ず揃えましょう。MySQLテーブルのサーバーパス名とmt-config.cgiのDB情報を、新サーバー向けに書き換えます。
phpMyAdminはブラウザでMySQLデータベースを操作できるブラウザソフト（無料）です。今のレンタルサーバーには最初から使える様にインストールされている事が多いです。対応バージョンとログインに必要な情報を確認すれば簡単にインストールできます。
フリーランスを始める場合、最初は一人で仕事を請けると様々なメリットがあります。一人で請けれる仕事となれば大きな高額案件は望めませんが、最初は地盤を固める事が先決です。常に同時進行で複数案件を進めながら、すぐに動ける体制を作っておきましょう。
Welcartの商品詳細ページは「投稿記事」扱いなので、テンプレートはsingle.phpが軸です。plugins内の専用テンプレートをthemesのテーマフォルダ内に複製すると自動で読み込まれます。まだ優先順位はsingle.phpが先なので、single-blog.phpなどに名称変更しましょう。
同一価格のバリエーションは共通オプションとして基本設定欄で設定をしておきます。個別カスタマイズが可能です。価格が変動するバリエーションはSKU価格を追加して対応します。選択ボックスやボタンがあまり増えない様、価格が変動するバリエーションは商品登録自体を分けるべきです。
Wordpressにショッピングカート機能を付けるなら「Welcart」がおすすめです。カート機能以外に会員システムやポイント機能も有しており、オプションでクレジットカード決済も可能です。サムネイル画像のアップロードには、オプションプラグインが必要です。
送信メールは自分と相手の所在を確認しリクエストを送るなど様々な工程を経て、相手に届けられています。送信するSMTPサーバーは、利用者側で自由に選ぶ事ができます。メールを一斉送信する場合は迷惑メールとならない様に、専用のSMTPサーバーを選ぶようにしましょう。
サイトの引っ越し後、全てPOP設定だと思っていたメールが一部IMAP設定だったという事がよくあります。そんな時はhostsファイルに追記をして移転前サーバーに環境を戻しましょう。その上でIMAPメールを実物メールとしてデータファイルにバックアップしていきます。
メールのPOP・IMAP設定には一長一短がありますので、どちらが良いかはユーザーに寄ります。ただIMAPからPOPへの設定変更ができないので、一旦IMAPを削除しPOPで入れなおす事になります。IMAPを削除する前にIMAPメールを実物メールとしてデータファイル内にダウンロード保存しておく必要があります。
SSL化したWEBサイトのサーバー移転時に重要なのはSSL証明書の事前持ち込みができるかどうかです。持ち込みできない場合SSLの発行し直しが必要なので、移転直後はhttpsでは映りません。「http」状態なら移設データの事前確認できますので、その方法をご紹介します。
TELでやり取りする率よりもメール（デジタルデータ）でやり取りする率を上げる様にしましょう。メールは強力な処理サポート能力があり、同時多数のやり取りを自分のタイミングでおこなう事ができます。クライアントに対して冷静にそして常に一定のスタンスで臨む事は、サービス品質の一環です。
Bingの検索エンジンでも地図情報ビジネスを登録するためには、Bing map businessを利用します。Bing map businessではGoogleマイビジネスの登録情報をインポート・同期させる事ができます。情報を編集した場合、郵送されるPINコードの情報を入力しなければなりません。
リニューアルサイトを別サーバーで構築し、リニューアルと同時に引っ越しするケースです。移転前はhostsファイルを使わないと、同じドメインでWordpress構築ができないため、別ドメインでデータを構築する業者がいます。この場合、同サーバー内でドメイン名変更によるサーバー移転が必要になります。
劇場版「機動戦士ガンダム 閃光のハサウェイ」を鑑賞してきました。映像・音響・モビルスーツ・キャラクター、どの要素もレベルが高く作品の中に入り込めます。ぜひ劇場でその臨場感と没入感を味わってほしいと思います。
Google AdwordsなどからダウンロードできるCSV形式データはutf8である事が多いです。このCSVをそのままExcelで開くと文字化けしている事があります。>一旦Wordで開いてメモ帳で保存しておき、それをExcelで開けば文字化けが解消されます。
Wordpressにカスタム設置した画像フィールドをページ上で表示させる方法をご紹介します。要素を追加する場合は、直接追加せずにアクションフックやフィルターフックを使う事が多いです。画像の場合はidだけを保存し、同じidを持つ別配列に格納された画像URLを読み込みます。
CSSでネオンサインの様にテキストを蛍光色で発光させる方法をご紹介します。text-shadowプロパティで複数の数値設定をする事で、深みのあるリアルな蛍光色が出せます。@keyframesを使って蛍光色にちらつきや脈動などのアニメーション効果を付けるとよりリアルになります。
Youtubeの動画を保存して視聴すれば、通信環境や料金を気にせずに閲覧できます。Kingbox.アプリを使えば、アプリ内に保存したりカメラロール内に保存したりできます。ダウンロードはWi-Fi接続中にするようにしましょう。ダウンロード不可の動画もあります。
aタグのリンクが効かない場合の対処法をご紹介しています。他に考えられる原因が見つからない場合は、javascriptを疑ってみましょう。共同開発時や他人の作ったテンプレートを改変する場合はjavascriptを修正する事で解決する場合が多いです。
一つのサーバー内にある2つのWordpressの出力先をそれぞれ入れ替える移転作業の詳細です。もともとTOPの区画にあるデータは別の区画に出力するようにし、もう一つのデータはTOPディレクトリで表示するようにします。index.phpと.htaccessをきちんと落ち着いて設定していけば、バッティングせずに表示できるようになります。
iPhoneではホーム画面上に複数の壁紙を出しておく事はできません。しかしショートカットなどを使えば壁紙を専用アルバムの中からランダムに変更する事ができます。ボタンを押して変更したり、特定条件で自動で変更したりする事ができます。
Googleが6月3日に検索エンジンのコアアップデートを開始したと発表しました。今回は続けて7月にもアップデートが予定されており、いわゆる連続アップデートとなります。順位が落ちても落ち着いて分析をする必要があります。決して焦った行動は取らないようにしましょう。
Googleアカウントのパスワードが突破され、再設定用メールアドレスまで変更されてしまいました。同じパスワードを使い回ししていた事もあり、リバースブルートフォース攻撃を受けた可能性があります。パスワードは使い回さない事、それから再設定用の電話番号を必ず設定しておきましょう。
CSSのrotate()やscale()関数を使って画像などの要素を上下左右に反転させる事ができます。常時反転以外にユーザー動作時（マウスオーバー時）に反転させるとお洒落です。rotateや奥行きを出すperspective、滑らかにするtransitionを駆使して様々な回転演出が可能です。
ConohaWingサーバーの無料独自SSLが設定できずに困りました。サイトを移転したばかりだったのでプロパゲーション中だった可能性があります。Conohaはお問い合わせしたメールに返信が無いしTELもつながりません。対応がよくない可能性があります。
jquery（javascript）により要素へのCSSクラスの追加変更、プロパティ単位での追加変更ができます。プロパティは複数の追加や変更・削除が可能です。CSSファイル自体をjqueryで差替える事もできます。色合いを変えた複数のスタイルを切り替える場合に便利です。
HTMLメールは通常メールと比べてデザイン性が高く、特にスマホ端末で訴求力が高いと言われています。HTMLメールは表示の統制が取れないので一昔前のテーブルレイアウトを中心にコーディングする必要があります。しかしHTMLメールはフィッシング詐欺などのツールになりやすいので、使うべきではないという意見もあります。
いよいよIE11のサポートが2022年6月16日に終了します。それ以後は豊富な機能やセキュリティに強い新しいMicorsoft Edgeを推奨しています。Micorsoft EdgeにもIEモードがあるので、IE用に作られている社内システムなどは、このモードを利用する必要があります。
proxyサーバーはクライアントとWEBサーバーの間を中継するサーバーです。間に入って通信を全て代理するので、秘匿性の確保・表示高速化・セキュリティの面が向上します。インターネットとWEBサーバーの間を中継するリバースプロキシなどもあります。
CGIを動かすには、CGI.pmやJcode.pmなどのPerlモジュールが必要になります。open terminalやopen session in PuTTY等を使ってコマンド操作でインストールを行います。インストールにはroot権限を持つ状態での操作が必要です。sudoを入れたコマンドを使っています。
iPhoneにはGPS機能を使ってその端末利用者の行動履歴が記録されています。あなたが頻繁に訪れる場所と、過去の訪問時間の履歴が（暗号化）データで保存されているのです。行動履歴自体も削除できますし、履歴を残さない様にする事もできます。
ゼロトラスト・セキュリティとは、今までのセキュリティを一から考え直し、攻撃を前提とした対応策を講じる事を指します。これまでのVPNアクセスはキャパシティに限界があり、認証さえ通ればどんなデバイスも受け入れ、管理するにはコストが掛かるものでした。組織ネットワーク内外の垣根を取り払い、毎回ユーザーを新参者として認証に掛け、常に状態を監視する事が必要です。
Cookieが使えなくなるという事は検索ユーザーの事前情報がない事を指します。訪問ユーザーとコンテンツがマッチしているかどうかは、検索キーワードだけでは測れません。コンテンツをユーザーテストに使い測定分析する事で目的ユーザーに寄せたコンテンツへと変化させる事がSEOになります。
チェックボックスやセレクトボックスの選択条件に応じてその先の入力を制限（解放）する方法をご紹介します。タグ上のdisabledを把握し、javascriptで有効にしたり無効にしたりします。id属性なら固定の1か所、class属性なら複数個所のフィールドに制限を掛ける事ができます。
Win10でPC間でファイルやフォルダを共有する場合、まずは共有設定ができているかを確認しましょう。もし共有ができない場合、SMB設定が有効になっているかどうかをチェックしてください。共有フォルダはCドライブ直下に置いておく必要がありますので、共有フォルダへアクセスできるショートカットを作ります。
ペライチ様のサイトデータを別ドメインでロリポップサーバーに移転させる依頼がありました。ペライチ様サーバー内でないとシステムが動かないので、ペライチ様で追加契約が必要だと説明します。結果依頼は無くなりましたが、クライアントの誤解を解く事ができた事は良かったと思っています。
無料のお問い合わせフォームCGIなら「Post Mail」がおすすめです。設置が簡単でオーソドックスな構成です、必要な設定はinitファイルにまとめられています。エラー画面・内容確認画面・完了画面、メール文面、控えメール文面すべてカスタマイズできます。
:disabledはCSS疑似セレクタであり、ユーザーインターフェース欄を規制している場合に適用できるスタイルです。ユーザー操作をコントロールするため、一定条件を満たせば付け外しできる様にするのが一般的です。ユーザーに操作ができない事を視覚的に示せるデザインが用いられます。
LINEのトーク履歴は自動か手動でバックアップが取れます。それ以外はサーバーに自動で記録が残ります。iPhoneならiCloud、AndoroiならGoogleドライブへバックアップを取る様にしましょう。トーク履歴以外の画像はKeepなどに保存でき、トーク自体のスクショも保存できます。
パソコンの遠隔操作ソフトなら基本無料の「Any desk」がおすすめです。有人以外に無人アクセスも可能ですので、自宅から事務所のPCを事務所で操作している様に動かせます。1台対複数ユーザーで共有できる有料プランもあります。
パソコンなどのデバイスを使わずにiPhoneのバックアップを取る方法を3つご紹介します。iCloud・Googleドライブ・Amazon Photosのいずれも、無料枠だと5GBの限度があります。自動バックアップ機能をフル活用し、データ種類別に保存先を分けるのがお勧めです。
Google Search Consoleにサイトを登録する場合は所有者の認証（site verification）が必要になります。認証方法はドメインプロパティとURLプレフィックスプロパティの2種類があります。URLプレフィックスは認証は簡単ですが、ドメインプロパティはDNSへのTXTレコード追記が必要になります。
Wordpressの固定ページ内で投稿記事を表示させる（PHPコードを動作させる）方法をご紹介します。固定ページに投稿記事のみを出すのではなく、ページ内のHTMLソースに加えて投稿記事も追加するのが主旨です。プラグインを使う方法と、専用テンプレートとfunctions.phpへ追記する方法があります。
WEBサイトのサーバー移転・引っ越しをおこなう場合、気を付ける事はたくさんあります。自分でおこなう場合もそうですが、仕事の依頼を受けた場合は相手に案内・提案ができるくらいになる必要があります。ポイントを事前に案内する事で信頼を勝ち取る事ができるためです。
GoogleはサードパーティCookieのサポートを終了すると発表しました。サードパーティCookieを制限するのはクッキー情報もユーザーの個人情報にあたるので保護が必要なためです。アドテク系の会社が大打撃を受けますので、クッキー情報に頼らない新しい仕組みの構築が急がれます。
相手のメールがGmailの迷惑メールに入るのは、相手メールが迷惑メールと判定されているためです。Gmail側で迷惑メールに入らないようにする方法が３つあります。判定された側も自身のメールが迷惑メールと認定されない様にSPFレコードを設定するべきです。
SEOの手法には効果がないのに信じられているものがたくさんあります。実際に検証する時間とコストが無いために、噂だけが飛び交ってしまう事が原因です。もともとSEO対策は何一つ保証できません。あまり信じ過ぎずに検証する事が大切です。
Gmailの受信メールに対しccやBccにアドレスを追加した状態で返信や転送を掛ける方法をご紹介します。返信や転送のメール画面には、最初からccやBccのアドレスを入れる欄は表示されません。ポイントは返信の宛先メールアドレス自体を押す事です。それによりccやBcc欄（リンク）が表示されます。
ゼロクリックサーチとは、ユーザーが検索結果上のサイトタイトルを一切押さずに終了してしまう事を指します。知りたい情報が検索結果画面上に直接出る事で、解決してしまう事が原因です。WEBサイトへの流入が減少してしまうので、検索結果画面上でいかにアピールするかが重要です。
CSSのdisplayプロパティには主に、block、inline、inline-blockの値があります。blockは余白やサイズの指定ができ、縦に並びます。inlineは余白やサイズ指定はできませんが横並びします。サイズや余白の指定が自由でありつつ横並びするのがinline-blockです。
FIDとはGoogleが推奨する新しいSEOランキング基準（Core web vitals）要素の一つです。WEBページのレンダリング処理が終了しユーザー操作を受け付けるようになるまでの時間を指します。FIDスコアはユーザーの性格によって変わりますが、レンダリングの邪魔をしない様、ソースを最適化する事で改善できます。
Gmailで送信や返信メールが受信トレイに入る理由は、スレッド表示が主な原因です。メールが迷惑メールに入らない様にするフィルタ設定の仕方によっても同様の事が起きます。スレッド表示は自分と相手のどちらが最後に送ったかに関わらず、受信メール1件を確認するだけで済むメリットがあります。
srcset属性で画面幅ごとに表示する画像を選択でき、sizes属性で画面幅ごとに表示する画像のサイズを選択できます。記述子を「w」指定する場合、解像度は「1x」で計算されるので、Retinaディスプレイ向けの2x時の画像指定をするべきです。割合指定は全て画像の幅に対してではなく画面の幅を100％とした場合の割合である事に注意しましょう。
背景画像の枠部分をCSSでぼかすデザインの作り方をご紹介。ポイントは土台画像の下にbefore画像を敷いて、それぞれのbackgound-clipを土台はpadding-boxに、before画像はborder-boxにする事。土台画像のborderを透過させれば、下のぼかし画像が領域差分だけ見えるのでぼかし枠になります。
画像がぼやけるのは作成サイズより表示サイズが大きくなっているためです。レスポンシブルデザインやリキッドレイアウトが主流のため、作成サイズ通りに画像を表示しにくいです。画像を使い回すなら大き目の画像を作りPCで等倍縮小させ、でなければ端末ごとに画像を準備しましょう。
画像検索はユーザーの興味を誘導しやすくなっている。検索上位に来なくとも、画像とテキスト文章のインパクトがSEOになり得る。画像検索は画像が主役であり、掲載ページ全体がその引き立て役になる事が大切。
処理オーバーによる一時的なサーバー停止やメンテナンス中などの場合は、503エラーを返しましょう。ユーザーにはメンテナンスページを表示させ、検索エンジン側には一時的な事態であると示す必要があります。メンテナンスページを準備するだけだとステータスコードが200のままとなり、その状態をインデックスされてしまいます。
GoogleAdsenceの広告が制限され、表示されなくなりました。原因は「無効なトラフィックの問題」で通常とは違うバナークリックのアクションがあったと判断されています。今回は10日程で自動解除になりましたが、怪しい動きがないか分析をしておいた方がよさそうです。
cssのbox-sizingでborder-boxが設定されているとテキスト系の画像がぼやける場合がある。content-boxの場合、要素のpaddingやborderはwidth・heightに含まれないので、画像はサイズ通り映る。border-boxの場合、要素のpaddingやborderはwidth・heightに含まれるので、その分画像サイズが小さくなりぼやける。
Instagram Graph APIは、Facebook管理者ページの中で使えるAPIツールです。Instagram情報へのアクセス許可設定やアクセストークン、ビジネスアカウントIDなどを発行できます。設定するためには、InstagramのプロアカウントとFacebookページへの連携が必要です。
インスタグラムのアカウントをプロアカウント（旧ビジネスアカウント）に変更する方法をご紹介します。プロアカウントはカテゴリによってクリエイターアカウントかビジネスアカウントに分けられます。アクセス解析などの機能が利用でき、InstagramをWEBページに埋め込むAPIも使える様になります。
iPhoneでWEBサイトの画像イメージが見えない場合は、画像の遅延読み込み設定を許可していない可能性があります。Safariの設定メニューからExperimental Features（英語）の設定を確認してください。「Lazy Image Loading」をONにすると画像が見えるようになる場合があります。
モーダルウィンドウ（modal window）を実装する方法をご紹介しています。javascriptによるモーダルウィンドウはオリジナルjsやJqueryを使ったものがあります。CSSのみで実装する場合はウィンドウボックスにid属性を付け、指定された属性の:targetのスタイルでコントロールします。
一度送った送信済みメールは未送信にするなどその状態を変更する事ができません。メールソフトには送信済みメールを再送する機能がありますのでそれを使って再送しましょう。Gmailには送信済みメールを再送する機能がありません。
transparentは要素を透明にするプロパティです。部分的に透明にする事で下の要素を表示させる事ができます。非表示ではないため、marginやpaddingなどの余白も含めて常に存在します。<背景色を透明にしたりテキストやborderを透明にする事で、様々なデザインを作る事ができます。
メーラーデーモンが大量に届く様になったら、それはメールが乗っ取られた事を示します。そのままにしているとメールの送信もできなくなるので、一刻も早くメールパスワードを変更して下さい！そして共通パスワードを使っているログイン情報も全て変更して下さい。他のツールが乗っ取りに遭う場合もあります。
clip-pathプロパティはベースとなる要素を切り取る事ができ、切り取り範囲に沿ってテキストの回り込みが発生します。外周や円形、楕円形、多角形以外にもSVG画像を使えば複雑な形に切り取る事ができます。基本的にリンク範囲も切り取りされた箇所に変化します。
tableデータの量が多い場合、th見出しタグを固定すればスクロール時にデータを把握しやすくなります。thタグは縦方向・横方向・複数見出しの固定が可能です。一般的にはposition: sticly;が使われますが、flexboxを使った固定方法もあります。
ロリポップレンタルサーバーならスタンダードプランやハイスピードプランがお勧めです。月額500円でLightspeedによる高速サーバーを実現できるところは他にそうありません。無料SSLやプラン変更、Wordpress簡単移行の機能も備えてありコストパフォーマンスが高いサーバーです。
Googlemapにおいて特定の地点間の距離を測る事ができます。パソコン版では自分の場所に関係なく、複数地点間の合計距離が測れます。iPhoneの場合地点間の固定ライン＋MAPの中央までの追随ラインが距離に含まれます。
混合コンテンツの原因は.htaccess上のエラーページURLが「http」通信だった事。Google Chromeのコンソールでは画像リンク切れ時に404エラーを読み込まないが、新EdgeやFirefoxコンソールでは画像リンク切れ時に404エラーを読み込む