がんばるひなたのweb備忘録 & 生活メモ



webサイトを運営するにあたって、iOS周辺のトラブルなどの情報収集に苦労したため、
すこしでも開発者さまと情報を共有できるよう、このページをつくりました。

こちらにあるものは、ひなたが収集した情報をもとに、独自に解釈したものです。
記載された方法を実行したことによって起こるトラブルに対しては、責任を負えませんのでご了承ください。




Webコンテンツ制作に関するTips

ウェブクリップアイコンが更新されないときの対処法
Retinaディスプレイで画像がぼやけるときの対処法
ドット絵をきれいに拡大・縮小する
Firefoxのソースビューアを任意のテキストエディタに変更する

Macに関するTips

Macのトラブル対処法・セーフモードで起動する
Macのデフォルトアプリケーションを変更する
Macでファイルのパスをコピーする
Macで隠しファイル・隠しフォルダを表示する
Macでファイルの置き換え(上書き)保存をするショートカット

webにまったく関係ない生活Tips

現在(2018年)の切手の料金
プリベイド式クレジットカードのご案内

Logic Pro Xに関するTips

ボーカルの音づくりメモ
オーディオの編集タブが現れないときの対処法
サウンドフォントの追加方法

Adobe Premiere Pro CCに関するTips

作業のはじめかた
文字ツールがうまく扱えないときの対処法


ウェブクリップアイコンが更新されないときの対処法
2017年7月現在、最新のiOS 10.3.3では、ウェブクリップアイコンのファイルを上書きしても、最新の状態に更新されないようです。 こちらの問題の対処法です。



まず、アイコンを更新したい場合は、画像ファイルにバージョン番号を入れる必要があります。
通常、ルートディレクトリに「apple-touch-icon.png」というファイルを配置しますが、 このファイル名を

apple-touch-icon.png?ver=1.1

とします。このとき、htmlのheadのなかにも

<link rel="apple-touch-icon" href="apple-touch-icon.png?ver=1.1">

と記述してください。
その後、web上にこれらのファイルをアップロードすることで、最新のウェブクリップアイコンが反映されます。
Retinaディスプレイで画像がぼやけるときの対処法
Retinaディスプレイは画面解像度が高いことが特徴ですが、通常のディスプレイで等倍に表示されている画像は、縦横二倍の大きさに引き伸ばされてしまい、画像がぼやけてしまいます。こちらの問題の対処法です。



まず、表示させたいサイズの二倍の大きさの画像を用意します。
つぎに、img要素にwidth=""(画像の幅) と height=""(画像の高さ)を追加して、画像のサイズを用意した画像の半分の数値に指定します。

例)300 × 200pxの画像の場合
<img src="画像のURL" width="150" height="100">

このようにすることで、Retinaディスプレイでも画像がぼやけることなく表示されます。
ドット絵をきれいに拡大・縮小する
ドット絵を拡大・縮小するとき、アンチエイリアスを切らずに解像度を変更すると、ぼやけた画像になってしまいます。この場合の対策です。



使用するソフトはPhotoshopです。
Photoshopの画像解像度のウィンドウで、画像補間方式を"バイキュービック法"から"ニアレストネイバー法"に変更します。

この設定で、ドット絵をきれいに拡大・縮小することができます。
Firefoxのソースビューアを任意のテキストエディタに変更する
Firefoxのソースビューアを任意のテキストエディタに変更する方法です。



Firefoxのアドレスバーに「about:config」と入力し、「Enter」キーを押します。警告の画面が表示されますので、「〜使用する」を選択してください。 検索ボックスなどを利用し、「view_source.editor.exernal」を探します。
「view_source.editor.exernal」の値の項目をダブルクリックし、「true」に変更します。

つぎに、「view_source.editor.path」を探します(「view_source.editor.exernal」の真下にあることが多いです)
「view_source.editor.path」をダブルクリックし、「文字列を入力してください」というウィンドウに、任意のテキストエディタのパスを入力します。→Macでファイルのパスをコピーする方法

このとき、アプリケーションのバンドルのパスを指定するのではなく、バンドルのパッケージ内にあるUNIX実行ファイルを指定することに注意してください。

例)miを指定する場合
誤 /Applications/mi.app
正 /Applications/mi.app/Contents/MacOS/mi


Firefoxを再起動すれば設定完了です。
もとにもどす場合は、「view_source.editor.exernal」をダブルクリックして値をfalseにもどし、「view_source.editor.path」に入力したパスを削除してください。





Macのトラブル対処法・セーフモードで起動する
Macの起動が最後まで進まないなどの問題が起きたとき、セーフモード(セーフブート)で起動することで問題箇所を修復・発見することができます。また、修復作業だけではなく、不要なキャッシュファイルなども削除されるので、Macの動作が重くなったときにも有効といわれています。→セーフモードに関する公式サイトのページ



セーフモードで起動するには、Macを起動するときに、すぐに「shift」キーを押し、そのまま押し続けます。Appleのロゴが画面に表示されたら、「shift」キーをはなします。
ログイン後、画面右上に赤色の文字で「セーフブート」という文字が表示されていれば、セーフモードで起動されている状態です。セーフモードで起動した時点で、起動ディスクの問題箇所が修復され、不要なキャッシュファイルなども削除されています。

あとはMacをシャットダウンし、通常どおり起動してください。
Macのデフォルトアプリケーションを変更する
ファイルをダブルクリックで開く場合、デフォルトアプリケーションを経由して開かれますが、このデフォルトアプリケーションを一括で変更する方法です。



まず、デフォルトアプリケーションを変更したい形式のファイルを右クリックし、「情報を見る」を選びます。 つぎに、「このアプリケーションで開く」の項目で、任意のアプリケーションを選択したあと、そのしたの「すべて変更」をクリックします。「変更してもよろしいですか?」というウィンドウが表示されるので、「続ける」を選べば、変更完了です。
Macでファイルのパスをコピーする
ファイルのパスをコピーする方法です。



まず、任意のファイルを選択し、右クリックでコンテキストメニューを表示させます。つぎに、「option」キーを押すと「”○○”をコピー」の部分が「”○○”のパス名をコピー」に変わるので、この項目を選択することで、パスをコピーすることができます。
Macで隠しファイル・隠しフォルダを表示する
Macで隠しファイル・隠しフォルダを表示する方法です。



「command」 + 「shift」 + 「.(ドット)」のショートカットキーで表示・非表示を切り替えることができます。
Macでファイルの置き換え(上書き)保存をするショートカット
保存したいディレクトリ上に同じファイル名があるとき、警告ウィンドウが表示されます。
その際、「command」 + 「R」のショートカットキーで置き換え(上書き)保存することができます。





現在(2018年)の切手の料金
郵便物を送るときの切手の料金が、近年変更となりました。この料金に関して、ひなたはいつも混乱してしまうので、ここにメモとして記します。



基本料金

ふつうのはがき……62円
お手紙(封筒)……82円
かたちが変わっているはがき……120円


ひなた調べなので、間違いがあったらお知らせください。
重さやサイズによって料金が変わることがあります。より詳しく知りたいかたはこちらをご参照ください→手紙・はがきの料金表のページ(郵便局)

ひなたへのお手紙の送り先はこちら→「お手紙送り先」の項目をご参照ください

プリペイド式クレジットカードのご案内
未成年のかたや、クレジットカードをお持ちでないかたでもコンビニエンスストアで購入できる、プリペイド式クレジットカードをご案内いたします。



Vプリカ http://vpc.lifecard.co.jp ※残高の合算ができるのでおすすめです
バニラVISAギフトカード http://www.vvgift.jp

Vプリカはライフカードが、バニラVISAはSBIカードが発行しています。
Vプリカは未利用のまま3ヶ月が経過した場合、125円の維持費がかかってしまいますが、複数のVプリカの残高の合算ができるようです。 ※どちらも公式サイトでのユーザー登録が必要です(ユーザー登録することで、残高や購入履歴などの確認ができるようになります)。

■使い切れなかった残高は?
amazonギフトカードを購入して、プリペイドカードの端数分を使い切ることがひとつの方法だそうです。 また、PayPalに登録すれば、種類のちがう複数のクレジットカードの残高を合算できるとのことです(こちらは18歳以上からご利用可能です)






【Logic Pro X】ボーカルの音づくりメモ
「コンプレッサー」→「ディエッサー(歯擦音を抑える)」→「EQ」→「エキサイター」の順でかけていきます。
「コーラス」「リバーブ」などの空間系エフェクトはインサートではなく、センド&リターンを使用してください(空間系のエフェクトはかけすぎないように注意します)。



僕と部屋とMIX http://mmmusic.info
わかりやすく丁寧な解説で、とても勉強になりました。
【Logic Pro X】オーディオの編集タブが現れないときの対処法
ノーマライズなどの作業を行うために必要な編集タブが表示されない場合の対処法です。



上メニューより「Logic X」→「環境設定」→「詳細ツール」を選択します。その後、「追加オプション」から「オーディオ」へチェックを入れると、編集タブが表示されます。
【Logic Pro X】サウンドフォントの追加方法
サウンドフォントを追加する方法です。



Macintosh HD → Application Support → Logic → Sampler Instrumentsの順に参照します(Macintosh HDが表示されない場合は、Finder環境設定のデバイス・ハードディスクにチェックを入れます)。つぎに、Sampler Instruments内に新ファイルを作ってサウンドフォントを追加します。
その後、Logic Pro Xのミキサーを表示→InputでEXS24を起動し、「Factory」から音色を選びます。





【Adobe Premiere Pro CC】作業のはじめかた
プロジェクトモニタの「プロジェクト:○○」のタブのウィンドウに、メディアを読み込みます。 つぎに読み込んだメディアを、タイムラインモニタにドロップします。



動画で学べるPremiere Pro CC https://jmplanning.net/premire/
PremiereProの使い方やテンプレートの活用方法を解説している、管理人おーとふぉーかすさんのブログです。
【Adobe Premiere Pro CC】文字ツールがうまく扱えないときの対処法
文字ツールを使ってテロップ(歌詞など)を入れる際、エッセンシャルグラフィックスで微調整を行います。
エッセンシャルグラフィックスが表示されていない場合は、上部の「ウィンドウ」項目→エッセンシャルグラフィックスを選択し、表示します。ワークスペースのタブは「編集」または「グラフィック」に、エッセンシャルグラフィックスのパネルのタブは「参照」から「編集」に切り替えてください。


【ロジカリズム】にもどる