Memo of Web and DTP

NasNavigator2のネットワーク受信を許可しますか問題

2017-04-07T12:05:00.000+09:00

BUFFALOのNasサーバー管理用のソフトをインストールしていて、OSをアップデートしたら、"NasNavigator2のネットワーク受信を許可しますか？"というダイアログが延々と表示されるようになってしまいました。
これを表示しないようにするには、
ライブラリ／PrivilegeHelperTools／NasNavigator2.app
のNasNavigator2.appを削除することで解決します。

Macでのフランス語入力方法 (Illustrator可)

2015-12-03T16:59:00.002+09:00

Macでフランス語を入力する方法です。キーボードから入力できます。Windowsからも入力できないかと試行錯誤してみたのですが、出来ませんでした。今回はMacのみとなります。

まず最初に入力モードを欧文入力モードにします。（「英数」キーを押すか「コマンド」＋「スペース」キーで切り替える）

例えば左の文字を入力したい時は
①「option」キーを押したまま「i」のキーを押す。
②次に「option」キーを放して「e」と入力すれば「ê」となります。

他の文字の入力方法を次の表にまとめてみました。
②で入力する時に「shift」を押したままにすると大文字になります。

①入力キー	②入力キー	出力文字
option + i	e	ê
option + _	e	è
option + e	e	é
option + u	e	ë
option + n	a	ã
option + i	shift + e	Ê
option + _	shift + e	È
option + e	shift + e	É
option + u	shift + e	Ë
option + n	shift + a	Ã
option + q		œ
option + c		ç

Illustratorでぼかした白フチを付ける方法②

2015-04-09T09:55:00.000+09:00

Illustratorで文字にぼかした白フチを付ける方法のPart2です。
今回は文字に付けた線をぼかすやり方です。

まず効果をかけたいテキストを選択します。

テキストを選択した状態で、「アピアランス」パネルの「新規塗りを追加」をクリックします。

そうすると、パネルで「線」と「塗り」が追加されたことが分かります。

次に、「塗り」の部分をドラッグして「線」より上に移動します。（※これは「線」と「塗り」の上下関係を表しています。「塗り」の方が上になったということです。）

「線」に色と太さの設定をします。今回は白で5ポイントにしました。
（※白ではなく他の色を設定しても良いです。）

「線」の方を選んだ状態で、「新規効果を追加」ボタンをクリックして、「ぼかし」→「ぼかし（ガウス）」を選択します。

プレビューのウインドウを見ながら、ぼかし半径を決めます。今回は5pixelにしました。
設定したら「OK」をクリック。

完成です。

「線」の色を変えると、すぐに適用されます。

別のやり方でぼかした白フチを付ける方法はこちら「Illustratorでぼかした白フチを付ける」

イラストレーターで画像に不透明から透明になるグラデーションを作る方法（不透明マスク）

2014-08-14T17:40:00.002+09:00

Photoshopを使わずに、Illustratorだけで画像に透明グラデーションを加えたい時に便利なのが、「不透明マスク」の機能です。これを使えば、徐々に不透明から透明になるグラデーションを画像に加えることができます。
←完成形

まず、「ファイル」メニューの「配置」から、使用したい画像（写真など）を配置します。

次に、長方形ツールを使って、画像と同じサイズの図形を作り、ぴったりと重ねます。（色は何でも構いません）

作った図形の塗りを白と黒のグラデーションにします。（線は無し）必要であれば、グラデーションパレットで、角度や白黒の量など調整します。

次に、図形と画像の両方をドラッグで選択したら、メニューの「ウインドウ」→「透明」を選んで「透明パレット」を表示させます。
透明パレットのオプションをクリックし、「不透明マスクを作成」をクリックします。

すると、図形の黒くした範囲が透明になり、白い部分に向かって徐々に画像が不透明になります。

出来た画像の下に赤い長方形を置いてみました。画像の右側の部分が透明になっているのが分かります。

もし、透明にしたい部分を反転させたい場合は、画像を選択した状態で、透明パレットの「マスクを反転」にチェックを入れます。

Illustrator でぼかした色フチを付ける

2013-08-23T10:35:00.003+09:00

以前「Illustratorでぼかした白フチを付ける」というのをしましたが、今回は色の付いたぼかしを文字に適用してみます。

まず、テキストを選択した状態で「効果」→「スタイライズ」→「光彩（外側）..」を選択して、次のように設定します。

描画モード：通常、色は今回C=100%、M=35%に設定（どんな色でもかまいません）、不透明度：100％、ぼかし0.3mm。

設定した後はこんな感じです。まだ色のフチがうっすらある程度です。
ここにさらに「光彩（外側）」を適用させます。

描画モード：通常、色は今回C=100%、M=35%に設定（最初に設定した色と同じ）、不透明度：100％、ぼかし1mm。

ここで重要なのが、ぼかしの値を最初の設定よりも大きくするということです。

完成です。

最初に設定した色と次に設定した色を変えて、雰囲気を変えてみても良いかもしれません。

Google 日本語入力システム（for Windows, Mac, Android）

2013-08-21T12:33:00.001+09:00

ATOKなどのソフトがなくても、Google が開発した日本語入力システムを無料で使う事ができます。それが「Google 日本語入力」です。Windows版、Mac版、Android版があり、機能も充実されてきており、充分使える便利なツールとなっています。

入力された読みを漢字に変換するだけではなく、入力者の意図を汲み取って賢い変換結果を提供してくれたり、Web で使われている膨大な用語をカバーしていて歴史上の人物の名前や専門用語だけではなく、流行の顔文字やお店の名前まで、常に最新の辞書を提供してくれます。

MacBook Air でCD/DVDが取り出せない時

2013-07-21T13:17:00.003+09:00

MacBook Air のキーボードには▲マークのイジェクトキーがありません。認識できないCDやDVDを入れてしまった時にデスクトップに表示されずに「command + E」などのショートカットも使えない場合があります。そんな時は「ターミナル」を使ってイジェクトしましょう。
「アプリケーション」→「ユーティリティ」→「ターミナル」を開き、

drutil eject

と入力し、returnキーを押せば、CDやDVDが排出されます。

ワード(Word 2007)にエクセル(Excel 2007)をリンク貼りして印刷すると、矢印がずれる時の回避法

2013-04-20T19:05:00.000+09:00

ワード(Word 2007)にエクセル(Excel 2007)をリンク貼りして印刷すると、エクセルで配置した矢印がずれてしまうことがあります。

これを回避する方法をネットで検索しても、有効なものがなかったので、試行錯誤の末ようやく自分で発見しました。

それは、エクセルを保存する時に、表示倍率を100％にして保存するという至って簡単なことでした。
バグの原因はよく分かりませんが、何をやってもダメという方は是非お試しください。

Macでネットワークドライブを検索させる方法

2012-11-07T19:47:00.000+09:00

Macではネットワークドライブ上のファイルを検索してくれません。Spotlightがデフォルトではネットワークドライブをインデックスしないようになっているためです。これをターミナルで設定変更して検索できるようにします。

アプリケーション→ディスクユーティリティ→ターミナルを立ち上げて、

mdutil -i on /Volumes/ボリューム名

と入力し「return」キーを押せば指定したネットワークドライブのインデックスを開始しだします。そうすると検索ウインドウの項目の中の「このMac」、「マイファイル」に項目が追加され「共有」というボタンが選択できるようになります。

EC-CUBEでトップページのタイトルを変更する。

2012-10-20T17:42:00.004+09:00

【ステップ①】
ECCUBEでデフォルトになっているtitle等の設定が書かれているのはdata/Smarty/templates/default/site_frame.tplの42行目です。

<title><!--{$arrSiteInfo.shop_name|h}--><!--{if $tpl_subtitle|strlen >= 1}--> / <!--{$tpl_subtitle|h}--><!--{elseif $tpl_title|strlen >= 1}--> / <!--{$tpl_title|h}--><!--{/if}--></title>

これを以下のように書き換えます。

<!--{if $tpl_title == "TOPページ"}--><!--トップページの時-->
<title>ここにトップページのtitleタグを自由に</title>
<meta name="description" content="ここにトップページのdescriptionタグを自由に" />
<meta name="keywords" content="ここにトップページのkeywordsタグを自由に" />

<!--{elseif $tpl_title == "商品一覧ページ"}--><!--商品一覧ページの時-->
<title><!--{$tpl_subtitle}--> | ○○○○</title>
<meta name="description" content="○○○○" />
<meta name="keywords" content="○○○○" />

<!--{elseif $tpl_title == "商品詳細ページ"}--><!--商品詳細ページの時-->
<title><!--{$tpl_subtitle}--> | ○○○○</title>
<meta name="description" content="<!--{if $arrProduct.note}--><!--{$arrProduct.note|escape}--><!--{else}-->noteが設定できていない時に表示するもの<!--{/if}-->" />
<meta name="keywords" content="<!--{if $arrProduct.comment3}--><!--{$arrProduct.comment3|escape}--><!--{/if}-->" />

<!--{else}--><!--その他の場合-->
<title><!--{$tpl_title|escape}--> | ○○○○</title>
<meta name="description" content="<!--{$arrPageLayout.description|escape}-->" />
<meta name="keywords" content="<!--{$arrPageLayout.keyword|escape}-->" />
<!--{/if}-->




【ステップ②】
トップページに表示させるためのコード変更

data/class/pages/LC_Page_Index.php の65行目の

$this->tpl_title = ''; を

$this->tpl_title = 'TOPページ'; 

に変更してください。

イシューからはじめよ

2012-02-23T12:11:00.001+09:00

【タイトル】イシューからはじめよ

【著者】安宅　和人

【価格】¥1,890

「悩まない、悩んでいるヒマがあれば考える」

私達が様々な問題に行き当たった際に、どのようにして答えを出すかではなく、この問題は答えを出すべき問題なのか、また答えを出せる問題なのかをまず見極めることが重要と説かれています。
さらにただ結果を出すのではなく、質の高い結果を出すこと大切であるというところは非常に感銘を受けました。
読んで損はない一冊です。

Macのサイドバー項目を追加または削除する

2011-11-29T09:12:00.001+09:00

Macでサイドバーの項目を追加したり削除したりできます。

「コマンドキー」を押したまま、追加したいファイルをサイドバー上にドラッグ＆ドロップすれば追加できます。

また、削除したい項目も「コマンドキー」を押したままサイドバー外にドラッグ＆ドロップすれば削除できます。

Macのスクリーンショットのファイル形式を変更する。

2011-11-07T11:33:00.002+09:00

Macで画面をキャプチャする方法として、「コマンド」＋「３」＝全画面、「コマンド」＋「４」＝選択部分のキャプチャとなっていますが、保存される形式がデフォルトでは“.png形式”となっています。これをターミナルで別のファイル形式に変更することができます。

スクリーンショットを“.jpg形式”で保存する方法
１．「アプリケーション」→「ユーティリティ」→「ターミナル」を開きます。
そして、以下のように入力します。

defaults write com.apple.screencapture type jpg

２．さらに、SystemUIServerを再起動します。

killall SystemUIServer

これでスクリーンショットのファイル形式が「.jpg形式」になります。

※ type jpg を type gif とすれば、「.gif形式」で保存されます。

Macで不可視ファイルを表示する方法

2011-11-07T10:55:00.000+09:00

１．「アプリケーション」→「ユーティリティ」でターミナルを開く。

２．以下のコマンドを入力してください。

defaults write com.apple.finder AppleShowAllFiles true

３．Finder の再起動をします。

killall Finder

戻すときは、
１．「アプリケーション」→「ユーティリティ」でターミナルを開く。

２．以下のコマンドを入力してください。

defaults write com.apple.finder AppleShowAllFiles false

３．Finder の再起動をします。

killall Finder

Macでゴミ箱のロックされたファイルを一度にロック解除する。

2011-11-07T10:47:00.000+09:00

ゴミ箱に複数のロックされたファイルがある時に、ターミナルで一度にすべてのファイルのロックを外す方法です。

１．「アプリケーション」→「ユーティリティ」でターミナルを開く。

　次のように入力します

chflags -R nouchg

　上記の行で nouchg の後ろにスペースをひとつ入力してください。行の最後は "nouchg " のようになります。ここではまだリターンキーを入力しないでください。

２． Dock のゴミ箱アイコンをダブルクリックして、ゴミ箱の中を表示します。

３．「command」+「A」で、ゴミ箱内のすべてのファイルを選択します。

４．ファイルをゴミ箱から「ターミナル」ウインドウへ移動します。
　「return」キーを押します。（コマンドが成功したことを示す、特別なメッセージは表示されません。）

５．ゴミ箱を空にします。

Macでロックされてゴミ箱から削除できないファイルを消去する方法

2011-11-02T10:29:00.000+09:00

Mac OSXでシステム側がロックしていて、ゴミ箱から削除できないファイルをターミナルから削除する方法です。
「アプリケーション」→「ユーティリティ」→「ターミナル」を選択し、ターミナルを機動します。そして次のように入力します。文字の最後にスペースも入力します。

sudo rm -rf

次に削除したいファイルやフォルダをターミナルの画面にドラッグ＆ドロップします。
すると「Password:」と表示されるので、パスワードを入力して、「return」キーを押します。
以上でドロップしたファイルが削除されているはずです。

備考）
sudo コマンド　＝　ルート権限でコマンドを実行
rm コマンド　＝　ファイル、ディレクトリの削除
-r コマンド　＝　recursive （くりかえし）
-f コマンド　＝　対話メッセージなしで
　sudo rm -rf / A はルート権限でＡといるファイル・ディレクトリを削除ということになります。

Google Scholar

2011-08-12T08:43:00.001+09:00

Google Scholarという検索サービスがあります。Scholarとは学者という意味で、主に学術論文などを検索できるサービスです。
分野を問わず、様々な学術書、論文、要約、記事を検索できます。

http://scholar.google.co.jp/schhp?hl=ja

試しに“エネルギー”のキーワードで検索してみました。

国立情報学研究所が運営するサイトが多くヒットします。このサイトは論文情報ナビゲータ CiNii［サイニィ］というもので、論文をデータベースにして検索・閲覧ができるサービスのようです。

http://ci.nii.ac.jp/

Illustratorを画像に変換した時にピクセルがずれないようにする。

2011-07-23T09:28:00.000+09:00

ホームページのリンクボタンなどをIllustratorで作成して、Photoshopで画像に変換すると細い線などが消えてしまったり、逆に太くなったりすることがあります。そのようなことを回避するためにIllustratorに便利な機能があります。

まずIllustratorでホームページの素材を作る時は環境設定の単位をすべてピクセルにします。「環境設定」→「単位」

次にリンクボタンなどを作成したら、選択状態にします。（今回は仮に右側の線の部分だけに適用してみます。）

メニューの「ウインドウ」→「変形」で変形パレットを表示させます。

そして下にある「ピクセルグリッドに整合」ボタンにチェックを入れるだけです。

チェックを入れずに画像に変換した場合。右側の線がぼけています。

チェックを入れて画像に変換した場合。線がくっきりとしています。

Google Browser Size（グーグル　ブラウザーサイズ）

2011-06-20T12:36:00.002+09:00

Google Browser Size（グーグル　ブラウザーサイズ）

Google Browser Size はホームページがユーザーにどのように見えているかシミュレーションできるGoogleのサービスです。

ホームページを閲覧する際に、ユーザーが使っているモニターは様々な解像度になりますが、自分のホームページがどのように見えているか確認するのに便利です。

まずこちらにアクセスします。
http://browsersize.googlelabs.com/

左上の入力枠に確認したいホームページのアドレスを入力して“Go”ボタンをクリックするだけです。

表示されているパーセントが“99％”というのは、この範囲に表示されているWebページの内容は99％のユーザーにスクロールしなくても表示されているということを示しています。
80％ならば、残りの20％のユーザーはスクロールしなければ、その範囲が見られないということです。
クリックしてもらいたい重要なボタンなどは出来るだけパーセントの高い範囲に置くと良いでしょう。

“Go”ボタンの横のグレーの部分をクリックするとオーバーレイの透明度を変えることができます。

Google トレンド

2011-06-17T11:26:00.001+09:00

Google トレンドというサービスがあります。

Googleが提供しているWeb検索で特定のキーワードの検索回数が時間経過に沿ってどのように変化しているかをグラフで表示してくれるサービスです。

まずGoogleトレンドにアクセスします。
http://www.google.co.jp/trends

任意のキーワードを入力して検索を行います。

左の図は「ドコモとソフトバンク」で検索した結果です。
Google ニュースとも連動していて右側にリストとして表示されます。
キーワードが複数ある場合はカンマ( , )で区切って入力します。

Google プレイス

2011-06-17T09:21:00.003+09:00

Googleの検索サービスの中に「Googleプレイス」というGoogleMap上に検索結果を表示してくれるサービスがあります。

左の図は「東京　焼肉」というキーワードで検索した結果です。赤い風船のようなマークで表示されているのが「Googleプレイス」の検索結果です。

検索結果の「プレイスページ」というリンクをクリックするとその店舗のページが表示されます。これはGoogleがタウンページやぐるなび、食べログといったサービスから情報を集めて自動的に作っているものです。
この店舗のオーナーであれば、Googleに申請して、このページを編集できるようになります。

まずGoogleアカウントでログインしてから、画面上部の「オーナーですか？」というリンクをクリックします。

する左のような画面になりますので、

ビジネス情報を編集
このリスティングを停止
自分のものではないリスティングが表示されている。

の３つの中から１つを選択して、「次へ」をクリックします。

すると店舗の編集画面になりますので、必要な情報を入力します。
最後に「送信」を押して操作は完了です。

何日か後にGoogleから申請した店舗の住所宛に書類が郵送されてきます。
郵送されてきたら

http://www.google.co.jp/local/add/にアクセスします。
Googleアカウントにログインします。（これは申請の時に使ったアカウントと同じにしなければいけません）
申請した店舗に対して書類に書かれてある『PINナンバー』を入力して登録内容を有効にして完了です。

登録するとこんなメリットが

登録を有効にするとアクセス解析も見られるようになります。

表示回数、クリック数、検索ワードなどが一目で分かるようになっています。

web creators特別号　HTML5＋CSS3

2011-06-16T16:52:00.002+09:00

【著者】エムディエヌ・ムック

【価格】¥1,890

HTML5の登場で、Webの世界は大きく変わろうとしている。それは単に、Webページにとどまらず、さまざまな分野に広がっていく。この本では、HTML5の登場により何が変わるのかが考察されている。

『HTML5はただ単にHTML4やXHTML1.0 のバージョンアップではない。このHTML5、つまり、オープンWebテクノロジーがもたらすインパクトは、仕様のバージョンアップという程度では済まない。』

Webデザイン表現＆技法の新・スタンダード

2011-05-10T17:41:00.001+09:00

【タイトル】Webデザイン表現＆技法の新・スタンダード

【著者】エムディエヌ・ムック

【価格】¥1,890

「レイアウト」「デザインパーツ」「ナビゲーション」「インタラクション」「CSS3 & HTML5」「スマートフォン」「ホスティング」に大きく項目が分かれていて分かりやすい構成になっています。
特に「CSS3 & HTML5」は新しくなった規格をピックアップして分かりやすく紹介されていて非常にためになります。

ソーシャルメディアマーケター美咲

2011-05-07T12:26:00.005+09:00

【タイトル】ソーシャルメディアマーケター美咲

【著者】池田紀行

【価格】¥1,575

Twitter や Facebook といったソーシャルメディアを使ったマーケティングの大切な考え方が分かりやすい小説形式で解説されています。
ソーシャルメディアの強みと弱みを知って、クライアントの課題をどのように解決していくかが書かれた読み応えのある本です。

「コミュニケーションをデザインするための本」

2011-05-07T12:02:00.003+09:00

【タイトル】コミュニケーションをデザインするための本

【著者】岸　勇希

【価格】¥1,890

メディア環境が大きく変わり、それに伴い生活者の行動がどのように変わったか分かりやすく解説されています。
事例が豊富で、クライアントの課題を解決するための施策は何が最適かを考えていく思考プロセスも詳しく書かれてあり、コミュニケーションデザインの教科書として本当に良い本だと思います。