![iPhoneでファイルを印刷する方法(コンビニ印刷)](../webworks/images/iphone_convini_print_img1.png)
iPhoneでWEBページや文書ファイルを印刷するには、コンビニ印刷が簡単です。WEBページは一旦PDFに変換して保存する必要があります。会員登録自体は必要ありませんがコンビニ印刷自体は有料ですし、印刷データの保存期間もあります。
![さくらドメインのDNSゾーン情報変更についてまとめてみた](../webworks/images/dns_sakura_img1.png)
DNSサーバーサービスを利用するとゾーン情報を編集する事ができます。メールとWEBサーバーを分けたり、サブドメインごとにWEBサーバー先を分ける事ができます。ゾーン編集はルールをよく知りましょう。間違いが無いように確認をする必要があります。
![A4サイズ印刷専用WEBページを作る方法について](../html/images/css_print_img1.png)
WEBページをA4サイズで印刷できるようにする場合、様々な設定が必要になります。A4で連続して印刷される場合と、A4用紙1枚で収まるケースとでCSSが変わってきます。印刷ボタンを非表示にしたり、ヘッダー・フッターを非表示にする設定も忘れずにおこないましょう。
![DNSの正引き・逆引きについて](../webworks/images/reverse_dns_img1.png)
DNSの正引きはドメイン名からIPアドレスを名前解決する事。逆引きはIPアドレスからドメイン名を名前解決する事です。正引きはWEBサイト閲覧時に必須で、逆引きはメール送信者のなりすまし防止に利用されます。一般のレンタルサーバーではDNSの逆引きはできません。
![CSSでinputのcheckboxをデザインする(チェックボックス)](../html/images/css_checkbox_img1.png)
inputのcheckboxのチェックマークは直接CSSなどで変更する事ができません。デザインを改変するにはinput自体は非表示にし、チェックマークをCSSで自作する事になります。labelタグを隣り合わせて、beforeとafter属性でチェックマークを作ります。
![Google、モバイルファーストインデックスへの移行期限期限を廃止へ](../seo/images/mfi_extension_img1.png)
Googleがモバイルファーストインデックス移行の有効期限を廃止したと発表しました。今だモバイル対応ができていないサイトが存在し、新型コロナウイルスの影響もあるためです。ただ自分のサイトがモバイルファーストインデックスに対応済みか否かの明確な表示が欲しいです。
![Form mailerメールフォームCGIの導入方法について](../html/images/f_mailer_img1.png)
Form mailerはフリーのメールフォームCGIで、postmailとともによく使われるプログラムです。postmailと違って、別途モジュールファイルをダウンロードする手間は掛かります。しかし複数のメールフォームを一つのCGI管理画面で運営できる利点があります。
![CSSでポップアップウィンドウを表示する](../html/images/css_popup_img1.png)
CSSやJSを使ったポップアップ効果を出すサンプルおよびコードを紹介しています。CSSのみで実現する場合はinputのcheckboxのON・OFFを使ったものがCSSで制御しやすく便利です。JSも使う場合は、closedクラスを付け外しする形が簡単に実現できます。
![重要なテキストは太字にする方がSEOが向上するというお話](../seo/images/tag_bold_img1.png)
テキストを太字表示にする事はSEO上の効果があると発表されました。強調する方法に指定は無く、ピンポイントで使えばSEO上有効です。補助の役割なので、元々トピックと文章に関連性がある価値の高いページである必要があります。
![WEBプログラミング・デザインスクールおすすめをご紹介](../freelance/images/webschool_img1.png)
未経験から正社員のWEBデザイナーや、副業・フリーランスとして稼ぐためにはWEBプログラミング・デザインの知識が必要です。独学するよりも、WEBデザインのスクールに通った方が確実にスキルを身に付ける事ができます。あなたの環境や目的にあったWEBスクールを探すためには、とにかく無料相談会などにエントリーする事です。
![CSSのgapプロパティでグリッド間に適切な余白を作る](../html/images/css_gap_img1.png)
CSSのgapプロパティは、要素間に適切な余白を作るプロパティです。Gridシステム・Flexbox・columnsレイアウトのいずれでも利用できる様になりました。marginやpaddingと違い、要素間には余白を作りますが外枠との間には作りません。
![CSSのobject-fitで設置画像のサイズをコントールする](../html/images/css_object_fit_img1.png)
object-fitプロパティは、画像の元サイズとは違うサイズを指定した場合の表示コントロールに使います。imgタグを囲む親要素に対してではなく、imgタグに対して直接CSSでサイズ指定します。設定により拡大縮小・トリミング・縦横比などの度合いが変わります。
![CSSグラデーションその他ジェネレーター紹介](../html/images/css_generator_img1.png)
CSSでは様々なグラデーション効果や影・図形要素などを生み出す事ができます。洗練されたデザインにするためには、膨大な手間と専門知識が必要になるのは間違いありません。そこで視覚的な確認と生成が簡単なジェネレーターツールを紹介します。
![メールマガジンプラグインSubscribe2を導入してみた](../wordpress/images/subscribe2_img1.png)
Wordpressでメールマガジンを配信するなら「Subscribe2」プラグインがおすすめです。元は投稿記事掲載時に告知するプラグインで、別途メール文面の作成・配信が可能です。ドメイン名と送信元メールアドレスを合わせる上書き設定が必要です。
![Wordpressの使っていない画像を一括削除するプラグイン2つ](../wordpress/images/dnui_cleaner_img1.png)
Wordpressのメディアから投稿した画像はサイズ違いの複数画像が自動生成されます。生成された画像は使わないものが多く、そのままにしていると容量を圧迫する原因になります。不要な画像を一括削除するプラグインを2つ紹介しますので、バックアップの上整理して下さい。
![Google広告の検索パートナーを非表示にする方法](../other/images/partner_off_img1.png)
Google広告の検索パートナーサイトへの広告を停止する方法をご紹介しています。検索パートナーとはGoogleのパートナーとなっている外部のWEBサイト群の事を指します。別サイトでのキーワード検索時にもGoogle広告が表示されており、その割合も知る事ができます。
![Google search consoleでページのインデックスがされなくなった時の対処法](../blog/images/gsc_noindex_img1.png)
Google Search ConsoleがWEBページのインデックスをしない状態が続きました。インデックスされないのには、質が低い・重複コンテンツである・リンクで辿れないなど様々な理由があります。今回はサーバー処理能力が低い事が懸案材料だった様で、スペックを上げる事でインデックスされそうです。
![WEBサイトを丸ごとダウンロード保存するソフト「HTTrack」](../webworks/images/server_moving_download_img1.png)
WEBデータをFTPでダウンロードするのと1件ずつ手作業でダウンロードするのとは全く違います。WEBサイトの引っ越しの際FTP情報が無いと、大変な手間が掛かるのです。オフライン保存ソフト「HTTrack」をうまく活用しながら再構築すると効率的です。
![デスクトップ画面を録画する方法(アクティブアプリ・画面全体)](../other/images/desktop_record_img1.png)
「Xbox Game Bar」はWindows10に標準で搭載された録画アプリです。一つのアプリ操作を録画するのに便利ですが、そのアプリを離れると録画が停止されます。デスクトップ上操作の全てを録画するなら「AG-デスクトップレコーダー」などのフリーソフトを使いましょう。
![なぜtarget_blankを使わない方が良いと言われるのか](../security/images/target_blank_img1.png)
セキュリティの観点からtarget_blankによる別タブ表示は推奨されていません。現在はブラウザ側で対策が行われましたが、以前はリンク元ページを自在に変更できるコードが効いていました。危険なのは_blankではなく偽ページへのログイン情報入力です。気を付けましょう。
![WEBサイトの管理業者が変わる時に一番大切な事は何か](../freelance/skill/images/setup_img1.png)
WEBサイトの作成・リニューアルをする前にクライアントの環境を確認しましょう。積極的に聞いて瞬時に対応をする事があなたのサービス品質の一環となります。クライアントの環境により確認する項目は変わります。自身で積極的に調べましょう。
![CSSでパネルに立体的な折り目を付ける方法](../html/images/css_fold_img1.png)
CSSでパネルの端を奥に折り曲げるギミックを紹介します。before要素で土台と同じ背景を少し外へ伸ばします。after要素で少し暗めの同系色の四角形を適切な位置へ移動させ、三角形に整形します。
![WEBサイト制作は既存データの編集・修正で作るべき理由](../freelance/skill/images/reasons_to_edit_img1.png)
WEBサイトは全て一から手作りするのではなく、既存データをベースに編集していくべきです。その方が時間短縮になりミスも少なく、複数の案件を担当できる様になります。制作者として求められるのは一から作れる技術力より、効果の高いWEBサイトをいかに早く作れるかです。
![WEBサイト制作やクライアントとのやり取りに不安を覚える必要なし!](../freelance/skill/images/never_mind_img1.png)
WEBサイトの副業を始める場合、請け負うのは小・中規模WEBサイト案件です。小・中規模案件のクライアントは実のところそんなに詳しくありません。ですのでデザインに気を付けて制作をすれば、そんなに無理難題を言われる事はないのです。
![さくらインターネットを装ったスパムメールに注意](../security/images/sakura_spam_img1.png)
さくらインターネットから通知メールが届きましたが、やはりスパムメールでした。ポイントは送信アドレスが本当にさくらインターネットのドメインメールである事です。そしてさくらインターネットのサービスを利用中のクライアントにも送信されていますので注意です。
![Wordpress データベースからユーザーアカウントを作成する方法](../wordpress/images/create_user_account_img1.png)
ユーザーアカウントには管理者権限が無かったり、ログインパスワードがわからないなど様々な問題が起きます。ユーザーアカウントには管理者権限が無いと、新しくユーザーを作る事ができません。その場合はデータベースから直接ユーザーアカウントを作成する事ができます。
![WEBサイトは全て1から制作されている訳ではないというお話](../freelance/skill/images/no_scratch_img1.png)
WEBサイトを構成するHTMLコードを1から書く事はほとんどありません。大体の場合記述済みのテンプレートをベースに構築し始めます。それにより時間短縮を図るのです。WEBサイトの価値は公開後のパフォーマンスが決め手なので、どのような作り方をしても問題ないのです。
![SSH接続でmysqlデータをサーバーにUPする](../webworks/images/ssh_sql_import_img1.png)
RloginでサーバーにSSH接続し、sqlファイルをインポートする方法をご紹介します。phpMyAdminでもインポートできないサイズの大きいファイルをアップする事ができます。sqlファイルは前もって、FTPなどでサーバー上にUPしておく必要があります。
![Welcartの送料変動プラグイン「appropriate postage」の導入方法](../wordpress/welcart/images/welcart_apppos_img1.png)
Welcartのカート設定に商品の個数(体積)に応じた送料設定が必要になる場合があります。有料プラグイン「appropriate postage」を導入する事で、個数ごとに送料を変動させる事ができます。設定は非常に簡単なので、プラグインを買い取りした方が効率が良いかも知れません。
![サイズの大きいSQLデータをサーバーにUPする方法](../webworks/images/bigdump_img1.png)
ファイルサイズの大きいSQLファイルは、phpMyAdminではインポートできない場合があります。bigdump.phpを使えば、ブラウザアクセスでデータのインポートができます。>SQLデータは圧縮ファイルでアップロードし、サーバー上で解凍する事をお勧めします。