フレークの素 | Web制作・システム開発のCreativeFlakeブログ

削除できるもの 確実に削除できるコンテンツとしては、「法律に基づく削除」で具体的には次の2点です。 ・児童ポルノ ・デジタルミレニアム著作権法（音楽、動画、ソフトウェアなどの無断コピー、海賊版など）に抵触するもの 削除できる可能性が高いもの ・個人情報　特に以下のもの ○国が発行する識別番号（マイナンバーなど） ○銀行口座番号 ○クレジット カード番号 ○署名（サイン）の画像 ○当人の承諾なしにアップロードまたは共有された、ヌードや露骨な性描写を含む画像 個人情報でも削除の対象とならないものとして ○生年月日 ○住所 ○電話番号 それらの情報を利用して、金融取引に使えたり、身元詐称に使えたりするものは削除の対象です。 また公的な情報は削除の対象になりません。 コンテンツやページを削除する方法 まずはサイトの管理者に連絡し、削除依頼することをGoogleは推奨しています。 その方法としては、 １．当該サイトの「お問い合わせ」や連絡先メールアドレスがあればそこから連絡をする ２．上記１のお問い合わせなどの連絡先がない場合、whoisを利用して、ドメインの所有者の連絡先を確認する ３．上記２の直接の連絡先がない場合、サーバーホスティング会社に問い合わせる なぜサイト管理者に連絡するのか？ 仮にGoogleが検索結果から情報を削除したとしても、そのWebページやコンテンツは残ったままです。 URLもそのまま存在するわけなので、直接URLにアクセスするとページは見える状態にあります。 クレジット番号やマイナンバーなどの情報が公開されている場合 クレジット番号やマイナンバーなどの個人情報が含まれる場合は、できるかぎりサイト管理者に連絡したうえで、Googleにも確認してください。 https://support.google.com/websearch/troubleshooter/3111061 Written by Creative Flake

Photoshopでプリクラみたいな、なめらか美肌に補正するTips。 今回は写真全体に補正します。 1. 写真をPhotoshopで開きます 写真の解像度は、補正可能なくらい、ある程度大きな方がよいです。 肌の細かい部分が見えるまで拡大します。 2. 背景（元画像）のコピーを作成します 背景（元画像）レイヤーを右クリック→「レイヤーを複製」または 「レイヤー」メニュー→「レイヤーを複製」 複製したレイヤーをひとまず新規グループに入れます。 3. コピーしたレイヤーにぼかし（表面） 「フィルター」メニュー→「ぼかし」→「ぼかし（表面）」で プレビューを見ながら、数値を調整します。 程よくつるっとしたところ、まで。 4. 新規レイヤーを追加し、グレーで塗りつぶします レイヤーをひとつ追加し（新規レイヤーを作成）、2.で作ったグループの中に入れます。 元画像のコピーが下、新規レイヤーが上となるように。 塗りつぶしは「塗りつぶしツール」または、「編集」メニュー→「塗りつぶし」→「50%グレー」 5. グレーのレイヤーをハードライトに 4.で作ったグレーのレイヤーの描画モード（ブレンドモード）を「ハードライト」に変更 6. さらにノイズを加えます グレーのレイヤーを使って、さらに自然な感じにするためノイズを加えるため、 「フィルター」メニュー→「ノイズ」→「ノイズを加える」 このとき、「ガウス分布」で「グレースケールノイズ」を選択します。 ノイズの「量」はおそらく、1〜2でよいと思います。 7. またさらにぼかす 今ノイズを加えたレイヤーは、まだドット感があるので、これをさらにぼかします。 「フィルター」メニュー→「ぼかし」→「ぼかし（ガウス）」 この値も1〜2ほどでよいです。 8. で、完成しました 今回は写真全体にフィルターをかけましたが、髪もツヤツヤになります。 元写真の明るさや色味によっては、明るさを明るくするとさらに赤ちゃん肌に、色相では赤み〜オレンジ系を上げると健康的な肌になりますよ。 Written by Creative Flake

404ページとは 404ページとは、Webサイトにアクセスしたときに、アクセスしたページが存在しない場合や、リンク先URLが変更となった場合、あるいはURLの打ち間違いなどの際に表示されるエラーページです。 Webサーバが、「404」というステータスコードを返すため、404ページと呼ばれています。 特に404ページを設定していない場合は、ISP（インターネットサービスプロバイダ：回線事業者）が用意している404ページを表示します。 なぜ自分で404ページを作成するのか？ 自分で404ページを作成するのには大きなメリットがあります。 404ページは、通常のWebページと同様に、自由な内容、自由なレイアウトで作成できます。 そのため、訪問ユーザにとって有益な情報を記載するのがよいと言えます。 たとえば、 ・ユーザが探していたページを案内する ・他の役立つページをおすすめする などが挙げられます。 効果的な404ページの作成方法 ユーザにより長くサイトに滞在させ、有益な情報を提供する404ページの作り方の例です。 ●まずユーザに、探しているページが存在しないことを、分かりやすく、親しみやすく伝える これは最低限必要です。 例えば、「お探しのページは見つかりませんでした」、「ごめんなさい、ページが存在しません」など、サイトの雰囲気に合わせて文言を変えるとよいでしょう。 単に「404エラー」とだけ表示してしまうと、ユーザにとっては「何のことだろう？」「どうすればいいんだろう？」と思ってしまう人も少なくはありません。 ●404ページをそのサイトの他のデザインと統一させる ヘッダー、フッターを他のコンテンツページと同じものを利用すると、404ページも同じサイトなんだと理解しやすくなります。 突然白紙のページが現れるとびっくりさせちゃうかもしれません。 ●404ページから先を行き止まりにしない つまり、404ページにはボタンやリンクを配置し、「トップページへ戻る」、「人気の記事はこちら」、「最新情報はここからチェックできます」など、その先にも道を作ってあげることが重要です。 ●リンク切れしたページをユーザに報告させる ページがリンク切れしていたのに、サイト管理者も気づかなかった、ということもあるあるです。 そ...

広がりつつあるSVG このところSVGがWebにも広がりつつあり、たまに聞くけど、結局どう使うの？何に使えるの？という質問があります。 実際にSVGを使うとこんなことができるよ、というサンプルを紹介したいと思います。 まずはじめに。 SVGはどんなブラウザでも同じように見えるわけではありません。 現在のところ、IE8以下、Android 4.3以下ではサポートしていません。 （参照 http://caniuse.com/#search=svg 、2015年11月） SVGはjpgのような画像ファイルではなく、イラストレータ等で扱われる「ベクターデータ」です。 その特徴としては、 ・拡大・縮小をしても画像の劣化がないこと ・ハイパーリンクなどを画像中に埋め込むことができる などがあります。 画像を組み合わせて任意の形に切り抜いたサンプル 今回用意するもの ・画像（jpgデータ）×3枚 サンプル http://sample.creativeflake.com/svg/ まずは画像を並べる 今回は、大きな「shape-container」という枠に、クロワッサンの写真を背景として置きました。 そしてその中に「shape-center」と「shape-right」という入れ子を作り、それぞれの背景にコーヒーの写真、カップケーキの写真を置きました。 切り抜く 今回切り抜くのは、入れ子にした、「shape-center」と「shape-right」を平行四辺形に切り抜きます。 （※切り抜き方は任意の形でOK） まずは「shape-center」。 画面サイズを100%として考えます。 切り抜きのスタート地点の座標を（x座標, y座標）＝（40%, 0）としたときに、 そこからぐるっと平行四辺形を一周するように、各頂点の座標をそれぞれ、（20%, 100%）, （60%, 100%）, （80%, 0）となるようにします。 切り抜くCSSはclip-path: polygon（座標, 座標, ...） この座標に、一周ぐるっと値を入力します。 もう片方の画像も同じように もう片方の図形（shape-right）は台形に切り抜いていますが、こちらも同様、各座標を （80%, 0）...

スマートフォンなどの携帯端末で、スマートフォン対応していない（例：文字が小さすぎる、拡大しなければならない、横スクロールする必要等）サイトは、ユーザーの利便性を妨げる原因であるとされており、これによって検索結果の順位にも影響されることが予想されます。 また検索エンジンのGoogleも、スマートフォン対応を推奨しています。 そこで、あのサイトはモバイルフレンドリーなのか？が調べられるGoogleのチェックツール 「モバイルフレンドリーテスト」 からチェックができます。 でも、どんなサイトならモバイルフレンドリーと認められるのか？ Googleが提言している判定基準は以下のとおりです。 携帯端末では一般的でないソフトウェア（Flash など）を使用していないこと ズームしなくても判読できる テキストを使用していること ユーザーが横にスクロールしたりズームしたりする必要がないよう、 コンテンツのサイズが画面のサイズと一致している こと 目的のリンクを簡単にタップできるよう、 それぞれのリンクが十分に離れた状態 で配置されていること Written by Creative Flake

この度、2015年10月5日（月）より下記のように電話番号が変更となりました 何卒 今後とも一層のお引き立てを賜りますよう宜しくお願い申し上げます Written by Creative Flake

CreativeFlakeのエンジニアが「これがなかったら生きていけない…」とまでは言わないけど、毎日使うベストアプリケーション ベストテンを紹介。 第10位　CleanArchiver 無料 シンプルかつ機能的なアーカイバー。 zipなどの圧縮ファイルにパスワードをかけるのもワンクリックだけ！ .DS_Storeやカスタムアイコンファイルをアーカイブに含めなくする機能があるので、MacからWindowsにファイルを送るときにも便利。 また文字コードも選べるのが◎ CleanArchiverの詳細はこちら 第9位　The Unarchiver 無料 どんなファイルでも自動的に認識し、解凍できる解凍ソフト。 シンプルで機能的。 The Unarchiverの詳細はこちら 第8位　DeltaWalker 有料 ファイルとフォルダの比較と同期ができる差分ツール。 比較のスピードが速いのでお気に入り。 DeltaWalkerの詳細はこちら 第7位　VirtualBox 無料 PC上に仮想マシンを作成し、好きなOSをインストールできるソフト。 以前はFusionがパフォーマンスの面で優れていたが、今はVirtualBoxもほぼ同じパフォーマンスを持ち、設定の自由度が高いことが特徴で、 VMWare Fusionと比較して、Macのほか、WindowsやLinux上でも動作できる。 VirtualBoxの詳細はこちら 第6位　Google Chrome + Chrome Canary 無料 両方をインストールすることがポイント。 安定版Google Chromeはもちろんですが、開発者向けChrome Canaryブラウザもインストールがおすすめです。 安定版のデバッグはもちろん使いますが、開発版Canaryは毎週更新されるので、次期バグが予測できます。 また両者のブラウザを同時に使用できるのもメリットです。 Chrome Canaryの詳細はこちら 第5位　Transmit 有料 有名なFTPツール。 ギガ単位の大きなファイルをアップロードする際、FTPツールでは途中でアップロードできなくなることが多くありますが、Transmitは今のところ問題なし。 UIも分かりやすくて使いやすい。 T...