こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量：10で追加します。これが同心円状のヘアラ

私がよく参考にする所を三箇所紹介します。いずれも、説明が極めて明瞭で、論理的な整合性や用語の丁寧な使い方を志向している所に好感が持てるサイトです。 ▼Econom01 Web Site, Sophia University, Tokyo, Japan 上智大学の大西博氏のサイト。私が統計関連で最もよく参照する所です。説明の仕方の明瞭さや、具体例を用いた解説がとても良いと思います。確率統計の一つ一つの概念について、大変丁寧に説明されています。たとえば、「相関（および因果関係）」については、 ２つの変数の同時分布と、その条件付き分布は、変数の間の数量的結び付きを示しています。この数量的結び付きは、統計的頻度分布として観察されるものであり、現象の背後にある実態的な「関係」や「構造」から導かれる法則性を必要としません。 例えば、人間の身長と体重とは密接な統計的分布関係を持っていますが、両変数を決定

コーディングをするときに自分が主に使ってるのがDreamweaverです。そのままでもいろいろ機能があって便利ですが、コマンドや拡張機能を入れることによってさらに便利に使うことができます。 そこでDreamweaverのコマンドや拡張機能で見つけたものをまとめてみました。他にもこんな便利なものがあるよなど教えてもらえるとうれしいです。 使い方は、コマンドの場合はファイルをダウンロードしてきて以下に入れます。環境によって違う場所にあるかもしれません。 Windows　→　C:\Program Files\Adobe\Dreamweaver CS5.5\ja_JP\Configuration\Commands Mac　→　ライブラリ\Application Support\Adobe\DreamweaverCS5\ja_jp\Configuration\Commands 拡張機能はダウンロード

会社のPCでマイネットワークを開くと、フォルダを移動するたびに数秒待たされる、という事象がずいぶん前から発生しています。本エントリーではWindowsのマイネットワークが遅い・重い事象を解消する方法をまとめました。 OSはいまさらのWindows XPです。 １．自動検索をやめる エクスプローラーのメニューバーから「ツール」→「フォルダオプション」を選択 「表示」タブにある「ネットワークのフォルダとプリンタを自動的に検索する」のチェックをはずして「OK」をクリック。 「ネットワークのフォルダとプリンタを自動的に検索する」は、ネットワークを定期的に自動検索し、存在する共有資源をマイネットワークに追加する機能です。 チェックをはずすことで共有資源の自動検索は実行されなくなります。私の場合、これでかなり改善されました。 ２．表示系のオプションをはずす 効果はあまり感じられませんでしたが、１項の同

春生まれのせいなのか目は痒いけど調子は上がってきたminamiです。 新しいfacebookページの仕様により、定形のカバー画像やアイコンのの画像を作る機会が増えそうですね・・・ 定形のサイズの画像を作る際にあそこのサイズなんだったっけ・・・といちいち調べなくても済むように、ひな形を作ってくれるFireworksのコマンドを作りました。 タイムラインのサイズはこれで完璧！新Facebookページの写真サイズまとめ 取り急ぎ、新しいFacebookページを作る際には最低下記のサイズの画像が必要になりそうです。 カバー写真　851px×315px プロフィール写真　180px×180px アプリイメージ写真　111px×74px 毎回851px...とかやるのも面倒なのでコマンドを作ってみました。 createBanner.jsf ※右クリックなどで保存してください。 使い方 Firework

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

Some of you may know that I ran Built With Bootstrap many years ago, which wasn't much but became a really nice way for folks to share the sites they built using the Bootstrap CSS framework. (Please note, I was never affiliated with the Bootstrap CSS team - I did use the framework a lot tho at the time) I've always wanted to focus on bootstrapping startups, but never quite managed to get the time.

もっすごい今更的な事を書く。まるで「あっちまでいって、戻って来ました」みたいな、よくわからない遠回りを得て、やっぱり手で書くってすごいなと思える理由がいくつか見えてきました。 今回はそんな回帰の旅を得て再度「書くほうが良い３つの理由」をご紹介します。 理由その１　記憶に残る 最大にして最高の理由。 普段Evernoteを使っているため、それに慣れてしまっているのはあります。Evernoteの最大の利点は後から確認する「検索性」と、そこだけ見れば良いという「一元管理」にあると思います。 なのでとりあえずEvernoteに突っ込んでおけばあとで使えるという理由からバンバン突っ込みます。 もちろん重要な会話の時は録音等の機能もあって、なくてはならない存在であることに違いはありません。 最近になって、手帳なるものをもらったので使っていたのですが、とりあえずアイデアをぱっとメモするようになりました。

メモを残すなら、いつも見るところに付箋などを貼っておくのがベスト。覚書を残しておくだけでもさまざまなことが効率化できます。 しかし、ブックマークしたりEvernoteへ追加しておくだけでは事足りないことだってあるはず。 今回はそんな時に役立ちそうなChrome拡張機能をご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ウェブページに付箋を貼って、Googleアカウントと同期できるChrome拡張 「Page Stickies」は、Google Chromeで開いたウェブページにカラフルな付箋を貼ることができるChrome拡張機能。 Googleアカウントを使って同期し、他のPCで同じページを開いても、追加した付箋をチェックすることができます。 ウェブページにカラフルな付箋を貼れる ↑

株式会社リクエストエージェントは東京都新宿区にある求人広告代理店です。当社は「リクエストしてもらえる採用の代理人」を基本理念に、求人広告事業、採用ホームページ制作事業、採用代行事業を展開しています。求人広告事業では日本最大級のアルバイト・パート求人サイト「バイトル（旧バイトルドットコム）」を中心に、成功報酬型（採用課金型）求人サイト「マイベストジョブ」など大手から中堅まで様々な求人媒体を取り扱っています。第二新卒の営業職やエンジニアといった正社員採用から、居酒屋・ガールズバー・キャバクラといった大学生やフリーターを目的とした未経験アルバイト採用まで幅広いご相談が対応可能。求人広告代理店として東京以外にも大阪・愛知・福岡・仙台など全国の企業と取引しています。客観的なデータを駆使し、採用予算と掲載料金を考慮しながら最適な採用手法と、オリジナルの求人原稿を提案させて頂きます。採用活動・求人広告出

chromeエクステンションにアテンションプリーズ。どーもノリ五藤( @nori510 )です。 トラックパッドを「BetterTouchTool」で拡張して、chrome拡張機能「Keyconfig」でキーボードショートカットを設定してのブラウジングに慣れてしまうと、二度とコレ無しの生活には戻れなくなってしまうこと請け合いの良エクステンションです。 という事で、超快適にキーボードショートカットでお助けしてくれる、素晴らしいChrome拡張機能「Keyconfig」のご紹介をさせて頂きます。 超絶快適キーボードショートカット！ Chromeエクステンション「Keyconfig」 chromeへのインストール まずは、chromeへのインストール。 オプションで設定 インストールが済んだら、あとは設定。簡単に設定方法をご説明します。 chromeの「拡張機能」から、「Keyconfing」の

Webデザインの評価項目というのを、ディレクターやデザイナーの方々はつくっているでしょうか？ 評価項目があると、デザイナーやディレクターだけでなく、クライアントにとってもデザインの基準がわかりやすくなり、目標地点が明確になります。 今までつくったことがなかったという方は、この機会につくってみてはどうでしょうか。 改めて、Webデザインの評価項目をつくるメリットです。 デザイナー、ディレクター、クライアントにとって、デザインを評価する共通認識を持つことができ、三者間で認識のブレが少なくなる デザインの優先すべき項目（もっと企業の色を出したい、など）がわかりやすくなり、それをデザインに反映させることができる デザイナーは、すでに満たされている要素にそれ以上時間をかけることがなくなり、足りない要素に注力できる デザインの評価項目とデザインエレメント一覧表 私はWebデザインの評価項目を、以下のよ

WebInpaintは画像の消したい部分だけを取り除いて消去できるオンラインアプリ。 消された部分を周囲の色情報から自動的に補完して埋め合わせ、はじめからなかったような仕上がりにしてくれるというものです。 使い方は画像を読み込んで消したい部分をマウスでなぞっていきます。 領域指定の半径は上のメニューより設定可能です。 マーキングし終わったら『Inpaint』をクリックすると処理が始まりこんな感じに仕上がります。 仕上がり具合の方は画像の背景や消す部分の大きさなどにより大きく変わってきますが、ごく小さい範囲であれば概ね目立たないレベルに仕上がりそうです。 あまり細かく領域指定するよりも、ザックリ指定した方がむしろいい結果になる場合があるようです。 こちらのサービスはフリーで配布されているデスクトップアプリの簡易版としてオンラインにて公開されているもので、細かい設定を省いて簡単に使えることをウ

一定期間更新がないため広告を表示しています

“HTML5アプリ作ろうぜ！”連載がスタートしました！ デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは？ CSS3を活用したオープンソース（ライセンスMIT）のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

ブログ・Twitter・Facebookなどインターネットで個人が気軽に情報発信できるようになりました。しかし、いろいろと情報発信することで人から批判される機会も多くなっています。批判されることを恐がったり拒否する人がいますが、本来批判は恐れる必要がないものです。 ”批判とは、人や物事の間違いや悪い部分を指摘し正すこと”を言います。 批判に正しく応答できれば、自分にとって批判はとても有益なことになります。批判を有益にするための、批判にうまく応える方法を紹介します。 1.批判とそれ以外を分ける 批判を恐いと感じる原因の一つに“批判と中傷と否定を見分けることができない”ということがあります。最初に批判と中傷と否定を分けます。 変えられないことは批判できない。 社会的地位・見た目・親・生まれた場所や人種など、変えることができないことは改善しようがないためそれらを批判することはできません。変えられ

【スカッと】旦那『旅行行って温泉でゆっくりするか！』私「いいの？ありがとう！」 →旅行に行くと、私「もう嫌、帰りたい…」 → 実は【2chゆっくりスレ解説】

どーもノリ五藤( @nori510 )です。 ブログを書く上で、どうしても必要な手間がかかる部分があります。リンクを貼ったりとか、HTMLのタグうちなど。 そういう手間は、なるべく減らしたい。 という事で、今回はブログ更新の手間を減らす私がブログ更新に使用している便利なbookmarkletをまとめてご紹介してみようと思います。 ブロガーに必須のブックマークレット まとめ その0 ブックマークレットを超絶快適に使う為のChrome エクステンション『Keyconfig』 まず、PCでブックマークレットを使用する時などに、ほんとに素晴らしい働きをしてくれるchromeの拡張機能『Keyconfig』をご紹介させて頂きます。 ブックマークレットを語る上でコチラは欠かせません。 キーボードショートカットをブックマークレットの起動に割り当てれば、超快適にブックマークレットを使用できます。 使用頻度

はじめに教授からのWhy? Why? Why?と立て続けに押し寄せる「どういったロジックを元に〜をデザインしたのか？」という質問の嵐に対して、学生達がBecause, Because, Becauseと素早く理論を構成して「何故なら〜だからです」というロジックを組み立て続ける。 そんな米国大学で展開されるデザイン講義を目の辺りにしてきた僕は、「デザインとはこんなにも理論的なプロセスだったのか」という率直な実感を持っています。 デザインと聞くと生まれ持った才能を存分に発揮してクリエイティブに様々なものを生み出していくというイメージをお持ちの方も多いかも知れませんが、これは全くの誤解であると言えます。 本来、デザインプロセスとは問題解決を前提としているため、地味な作業の連続であり、非常に理論的なプロセスで構成されています。 僕は日本で5年間、米国で3年間デザインの教育を受けましたが、実感として

TransmitMailは日本製の汎用型メールフォールソフトウェアです。 Webサイトにメールフォームの設置というのはよくあることです。そんな時に使える日本語対応のメールフォームソフトウェアがTransmitMailです。 デモです。多数の入力項目、入力チェックに対応しています。 必須チェックのエラーです。画面上と項目の横と二つ表示されます。 メールアドレスフォーマットのチェックもできます。 半角英数などの文字種チェックもあります。 入力の後、確認画面が表示されます。 完了ページです。 確認メールも送信されて、入力内容の確認ができます。 TransmitMailはPHP5.2以上で動作します。また、マークアップエンジニアが開発したとのことで、Dreamweaverやマークアップエンジニアにとって優しい作りになっています。セッションによって重複送信を防ぐ仕組みがあります。静的サイトにメールフ

What are Applets? Applets bring your services together to create remarkable, new experiences. What are Services? Services are the apps and devices you use every day. There are countless useful ways to connect services with Applets. Featured Sonos Sonos is the wireless Home Sound System that fills as many rooms as you want with great-soun...

自分が作ったウェブサイトを見て、「センスないな」とへこむことはありませんか？ 私はよくあります。色使い、レイアウト、写真、文章などなど、どれをとってもセンスないなとへこんでいました。 けど、センスがないのではなく、単に基礎を勉強していないだけということに最近気づきました。センスはもっと高い次元の話でした。 ということで、センスを言い訳にしてしまいがちな分野の基礎を学べるすばらしい記事を集めました。この記事自体単なるまとめ記事ですが、できるだけ厳選し、読んでほしい順に並べました。皆さん、あきらめずに一緒に勉強しましょう。 配色 アクセントになる色を使うのが苦手で、同色系の色ばかり使ってしまうのですが、これらを読めば恐れずに使えそう。 色彩センスのいらない配色講座 ベースカラー、メインカラー、アクセントカラーに分類してどのような色を選ぶべきか分かりやすく解説してくれています。具体例もあって分か

#world { position:relative; width:200px; height:200px; border:1px solid gray; overflow:hidden; resize:both; } #obj { position:absolute; margin:auto; left:0; right:0; top:0; bottom:0; width:50px; height:50px; background:red; background:-webkit-radial-gradient(red, white); background:-moz-radial-gradient(red, white); overflow:hidden; resize:both; }

リンク元サイトを持っていない時のSEO対策はどうすればいいの？ 2012 年 3 月 19 日 [内的要因, 外的要因] 今日は、少し前にSEO質問箱に頂いたものをピックアップします。タイトルのままですが、「リンク元サイトを持っていない場合のSEO対策について」です。 質問内容は以下のとおりです。※文章は修正しています。 突然会社のサイトのWeb担当者(SEO担当者)になってしまった者です。色々と勉強し基本的な内部SEOは分かるようになって来ましたが、狙ったキーワードの順位が上がりません。 順位を上げる為には被リンクが必要とのことなので、リンクを増やしたいのですが、リンクを張る為のサイトを持っていません。このような場合、どうやってリンクを増やしていったら良いのでしょうか？ 中小企業の場合、突然Web担に抜擢されてしまう事は珍しくないと思います。特に若い男性の場合、その可能性は高まるかもしれ

Titanium-BookerはTitaniumにLakerを組み合わせて電子書籍を作成するモックアップアプリです。 Titaniumで電子書籍アプリを作る、それを実現しているモックアップがTitanium-Bookerです。基盤としてLakerを用いています。 タップやスワイプで操作する電子書籍です。 大きな画像が表示されています。 左右のスワイプでページを切り替えます。 上下のスワイプでページ内を移動します。 タップでコンテンツを反転したり、音楽を鳴らしたりもできます。 スライドショーも埋め込めます。 元コンテンツです。HTML、JavaScript、CSSで作られています。 TitaniumはJavaScriptで作られていますし、LakerもHTML5コンテンツなので相性はいいかも知れません。単なるHTMLベースの電子書籍を越えてカメラやGPSを使ったりするようなTitaniumの

JavaScript RGB Passwordはパスワードの入力内容によって色を表現し、入力ミスを防ぐ試みです。 パスワードは入力文字が隠されるので入力したものが分かりづらいという欠点があります。そこで色を使って抽象的に表現しようと考えたのがJavaScript RGB Passwordです。 パスワード入力欄と、色が3つ並んでいます。 パスワードによって3つの色の組み合わせが大きく変わります。 どれだけ入れても白くなったりはしません。 JavaScript RGB Passwordは入力された文字を独自のアルゴリズムによって3つの色に分けます。入力した人は最初にパスワード登録した時の色合いを覚えておけば、入力し間違えた場合にそれとなく気付ける仕組みになっています。 JavaScript RGB PasswordはJavaScript製のソフトウェア（ソースコードは公開されていますがライセ

twitter facebook hatena google pocket 背景画像全面に画像を置いて、切り替えるとインパクトがあります。 また写真さえよければ、その上にテキストを載せるだけでも良いデザインにすることができちゃいます。 jQueryプラグインのBackstretchはもともと画像をウィンドウ幅にあわせて背景ぴっちりに表示してくれるスクリプトですが、これをスライドショーにも活用できます。 sponsors 使用方法 Backstretchからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.backstretch.js"></script> <script> var ima

よくあるツールではあるが、最近正規表現を勉強しなおしたのでご紹介。 Scriptularでは、インタラクティブに正規表現を試すことができるようだ。 エンジンとして使っているのはJavaScriptのようだ。クライアントサイドだけで試せるのでさくさく動いていい感じだ。 また右横にはリファレンス的に説明もあるのでいちいちどこかを検索する必要もない。 そろそろ正規表現を・・・という方は試してみてはいかがすかね。

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

先週、SEOに最適なサイト構造と内部リンクの全てという記事を紹介した所、予想以上に人気で驚きました。やっぱり最近は外部リンク対策以上にサイト内最適化を意識している人が増えているのでしょうか？ということで、調子に乗ってサイト内最適化に関する記事を再び。今回は前回と違い、サイト全体ではなくウェブページ単体の最適化に改めて着目した内容になっています。 — SEO Japan もしあなたがある程度の時間SEOの世界にいたなら、SEOの基本についてはかなりよく知っていることだろう。あなたは、良いキーワード調査をすることを知っているし、ウェブページ最適化をしなければならないことも知っている。 けれども、時に、ウェブページ最適化とは、自分のメタタグを必ず埋めること以上に深いレベルになることがある…そして、あなたはベテランSEOにならずしてその深いレベルに行くことができるのだ。 ここではその方法を紹介しよ

いやあ、ビックリしました。先日、WordPressのMySQLを軽くしたところから端を発したのですが、これほどまでNotFOUNDがあったとは。ロングテールSEO対策としてはこれはヤバイ・・・、どうりでアクセス数減ったわけだ。 WordPress › 404 Notifier « WordPress Plugins WordPressをお使いの方でしたら、こちらのプラグインを入れるだけ。管理画面で、そのエラー状況をRSSかメールで察知することが出来ます。ちなみに私のブログでは毎日2〜30件ものエラー通知が来てます。・・・修正追いつけない(T△T) リファラやユーザーエージェントまで教えてくれるので、ホント便利。でもいろいろな404 Not Found があるんですね。 ・クローラー　＜＜ヤバイ！ ・bot　＜＜まあクローラーか自動アフィリサイト？ ・RSSリーダー　＜＜結構タグのフィード購

こんにちは。日本生まれのアメリカ育ち、enthumble（アンサンブル）です。 今回は、Google学生アンバサダーの方から教えていただいた、YouTube公認ツールのまとめページをご紹介します。 「YouTube Create」のページには、現在9つのwebツールがまとめられています。これらのwebツールを使えば、手軽にクオリティの高い動画を作成可能です。 例えば、ちょっとした動画の切り貼りなら「YouTube Video Editor」を、本格的な動画編集をしたいなら「WeVideo」がオススメです。また、「GoAnimate」を使えばアニメーション動画を簡単に作れます。日本語音声をその場で合成し、キャラクターに喋らせることも可能です。他にも、過去にライフハッカーでもご紹介した、動画のダイジェストを自動生成してくれる「Magisto」もリストにあります。 これらのサービスは、YouTu

ランダムに要素を並び替える バナーの順番をランダムで切り替えたり、おすすめ情報の並び順を切り替えたりする時に使える「jQuery Shuffle Plugin」をご紹介。 jQueryのプラグインを使用すれば、特定の要素だけランダムで表示できるようになります。 ソースコードは以下 (function($){ $.fn.shuffle = function() { return this.each(function(){ var items = $(this).children(); return (items.length) ? $(this).html($.shuffle(items)) : this; }); } $.shuffle = function(arr) { for( var j, x, i = arr.length; i; j = parseInt(Math.random(

twitter facebook hatena google pocket スマートフォンな時代が来ると横だ縦だ、iPhoneだAndroidだ、ワンソースで書けだのウィンドウサイズを意識することが出てきます。 jQueryプラグインのslabTextを利用するとテキストサイズをウィンドウサイズにあわせて変更することが可能です。 sponsors 使用方法 slabTextからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascript" src="jquery.slabtext.js"></script> <script> $(document).ready(function() { $("h1").slabText(); })

jQueryでスクロールした要素をページ上部に固定するPersistentHeadersプラグインを公開します。 このプラグインは、下記のサイトで紹介されているサンプルをプラグイン化し、機能を追加したものです。 PersistentHeaders １．サンプル サンプルを用意しました。スクロールすると各コンテンツのヘッダー部分がページ上部に固定されます。また、ヘッダーを含んだコンテンツがページから消えると固定されていたヘッダーも消えます。 サンプル ２．プラグインのダウンロード 以下のリンクからプラグインをダウンロードして、ファイル名を「jquery.persistentheaders.js」にリネームしてください。 jquery.persistentheaders_0.0.1.js jquery.persistentheaders_0.0.2.js 以下、設定方法です。 ３．HTML H

TwitterやFacebook、mixiなどの過去の投稿をすべて削除したり、いっそのことアカウントを停止したりする日にあてるという提案です。また、新米パパにも、婚活中の「女性」へもオススメします。今年はちょうど日曜日にもあたりますので。 最もアカウントをチェックする人々採用担当者がFacebookのアカウントで、人物をチェックするというまことしやかな噂が米国から流れてきたのは、彼の国の採用面接では「家族構成」を尋ねることすらコンプライアンス違反とされるからです。他にも、性別や年齢といった、本人が自主的に選択できない事柄を尋ねることは差別につながるという考えによります。Facebookなら本人に尋ねることなくチェックできるということで、いささか都市伝説の匂いがしますが、これはSNSの真実です。私が「リセット記念日」を提唱した理由を、より日本的に述べるとこうです。 同僚の名前でのアカウント検

【ゆっくり解説】やさぐれメタル問題の署名1500人に迫る！マスコミに取り上げられる可能性高まる【リバーズエコ・赤木レイア】

WordPressにで都道府県一覧をカテゴリとして登録する必要があったのですが、 一つ一つ登録するのが面倒だったので、簡単に出来る方法をまとめました。 ブログでも情報をシェアしますね。 やり方としては、インポート機能を活用していきます。 エクスポートしたXMLを編集 まずは既存のサイトからエクスポートをして、XMLをダウンロードします。 エクスポートする内容は全てのコンテンツを選択します。 XMLを編集 カテゴリの登録している部分に以下の情報をコピペで貼り付けます。 運用済みのサイトの場合にはterm_idは使用していないIDに変更してください。 IDの調べ方はこちら <wp:category><wp:term_id>20</wp:term_id><wp:category_nicename>japan</wp:category_nicename><wp:category_parent></

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

【2012.3.30 追記】 ディレクターブログ編集部です。各種ソーシャルメディアにて色々とご意見をいただいているようでありがとうございます。タイトルに適切ではない部分があると判断したためタイトルを変更いたしました。 ---------------------------------------------------- はじめまして。スマートフォンゲーム制作室の馬場一明です。 最近の仕事としては、スマートフォンハンゲームの「TEIBAN GAME」プロジェクトの統括を行いました。（その際に受けたインタビュー記事） ゲーム関連の部署に身を置く私ですが、ソーシャルゲームは作った事がありません。しかし仕事柄、ソーシャルゲームについての考察はしばしば行います。今回は、そんな私が現在大量にリリースされているソーシャルゲームを見て感じた、ソーシャルゲームをに作る上でのツボをお伝えできればと思います。

CSS3 Generator : ボックス系プロパティを中心にしたCSSジェネレーター Pascal-Seven CSS3 Generator ボックス系プロパティを中心にGUIで作成できるCSS3のコードジェネレーター。 プレビュー画面を見ながら左側の各種メニューで値を調整して作成していくことができます。 チェックボックスにチェックをいれたプロパティのみコードに出力されます また、ブラウザに対応する出力コードを選択することも可能です。

独立行政法人の情報処理推進機構(IPA)は、地方公共団体の脆(ぜい)弱性対策促進を狙いに「地方公共団体のための脆弱性対応ガイド」をまとめ、3月26日にウェブサイトで公開した、と同日発表した。地方公共団体はインターネットを通じて行政サービスを提供している一方、システムの脆弱性対策がなかなか行われない現状があるといい、調査によって課題を明確にすると同時に、職員向けに脆弱性が見付かった際の対処などについて示した。 脆弱性への対応や対策に関して幹部や担当部門が必要性を理解していない、方針が定まっていない、などが課題になっていた。脆弱性対応ガイドはこうした現状を踏まえ、個人情報の外部流出、フィッシング詐欺サイトの設置、不正アクセスによるサービスの中断など脆弱性に起因する影響事例を挙げ、発見時の対応、脆弱性情報の公開、サービスの継続・停止など対処に関して解説。職員は脆弱性が発見される前に検討する事柄を

「AISCEASの法則」とは？ 「AISCEASの法則」とは、お客さんがサービスや商品を買って、その情報を「共有」するまでの心の流れをフレームワーク化したツールです。 古くからあるマーケティング手法「AIDMAの法則」に、インターネット時代のキーワード「検索」「比較」「共有」を追加し、主にWEBマーケティングで使われています。 とくに「共有」は、今のソーシャルネット時代において、とても重要なキーワードです。 「共有」された口コミ情報は、「認知」「興味」「検索」「比較」「選択」などに強く影響を及ぼすからです。 人は、TwitterやFacebookなどのソーシャルメディアから情報を見つけ、興味を持ち、ランキングや口コミサイトでさらに情報を探します。 そこで得られた情報をもとに比較を行い、自分にあったモノを選びます。 そして「使って良かった！」と思えるサービスや商品は、ソーシャルメディアや口コ

フォントの基本的な選び方を、備忘録的にまとめてみました。 フォントをどう選んだら良いのかわからない、もしくは選ぶのに時間がかかるという初心者さん向けです。 フォントには、それぞれ書体によって特徴があり、ユーザーに与えたい印象によって書体を選ぶ必要があります。 （それに縛られすぎてもいけませんが…（あえてインパクトを出すために違う印象のフォントを組み合わせたりする）、基本的な選び方として知っておくと良いと思います。） 私は以下の順番でフォントを選んでいます。 恐らく他のデザイナーさんも、この順番だと思います。 1. フォントの系統選び 2. 選んだ系統から、さらに書体を選ぶ 3. 書体のウェイトを決める 4. 字間の調整 さらに具体的な手順を1つずつ説明していきます。 1. フォントの系統選び 日本では、和文フォントと欧文フォントの2つを使います。 また、和文フォントは、以下の4つに大きく分

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

「素人っぽいデザイン」から抜け出すために、デザイ... / デザインを勉強したことがない人でもデザインできる... / 非デザイナーのためのデザイン基本テクニック　その...他...全10件

『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。

2012年03月30日17:00 簡単にシステムキャッシュのサイズを変更！ CacheSetで最適な仮想メモリーを設定する【PC快適術】 カテゴリ メモリーモジュール価格の下落と64ビット版Windows 7の普及でPCに搭載されるメモリー容量は最低で4Gバイト、最大では何と64Gバイトといった容量になってきている。一昔前では考えられない容量だ。またハイエンドのノートPCでも32Gバイトを積むモデルまである。32Gバイトと言えば登場直後のネットブックに搭載されていた内蔵SSD並みの容量だ。こうした大容量メモリー搭載のおかげでシステムの動作は快適になってきている。ただし、Windowsのシステムには相変わらず仮想メモリー機能が搭載され、たとえ大容量メモリーを搭載していたとしても仮想メモリーは利用される。 Windowsには、システムファイルをキャッシュする機能が搭載されている。よく利用するで

いつぞやの飲み会で、 これだけウェブの技術が進化しているのだから、もっとオシャレなエロサイトがあってもいいんでないかい？ << という話になりまして。 だけどどうせ作るんならということで、Rails3 と jQuery を使って結構マジメにつくってみました。 （※大人の事情により、リンクはやむなく削除しました） 当初はエロにオシャレは必要ないのかなーと思ったときもありましたが、いざつくってみると、やっぱり選べるならオシャレなやつの方ががいいよね、という結論に落ち着きました。 今回つくったのは試験的なものなので 90日間限定でしか公開しないつもりですが、日本のエロサイトが今後もっとオシャレに発展していくきっかけになってくれたら嬉しいです。 以下、サイトのコンセプトや使っている技術についてまとめてみます。 **Rails3 と jQuery で真面目にオシャレなエロサイトをつくってみました 1

可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js) なんだか可変グリッドレイアウトがまた流行ってる（？）ようなので、jQueryプラグイン書いてみた。 一通りブラウザで表示確認ぐらいはしたけど、テストは十分じゃありません。 Demo Demo Index 利用方法はデモのソースを確認してください。(ウィンドウリサイズして動きも確認してね) Download github zip file 利用には、jQuery本体とjquery.easingプラグインが必要です。別途読み込んでください。 更新情報 v0.1.8 (20120421) display属性で、グリッド要素の表示/非表示を切り替えれるように修正しました。 demo009を追加 v0.1.7 (20111110) 複数の可変ボックスを指定すると、開始位置がおかしくなるバグを修正しました。 demo008

※2013年版はこちら ネット上でさまざまな企業・団体・個人が全力全開でこの日のために事前に仕込んできたネタを4月1日0時から24時までの間、24時間限定で公開しまくり、何がウソで何が本当かわからないカオスまみれの一日となる年に一度のエイプリルフールが今年もやってきました！ というわけで、エイプリルフールに便乗しているサイトをまとめてみました。24時間リアルタイム更新しますので、ときどき記事を更新すると新しいエイプリルフールのサイトが追加されているはずです。また、ある程度更新する度にTwitterのGIGAZINE公式アカウントでもつぶやいていきます。 なお、掲載されていないサイトで「ここもエイプリルフールやってるヨ！」というのを発見したときや「うちもエイプリルフールやってます！」という自薦の連絡はこちらにあるネタのタレコミ用メールフォームから送信をお願いします。サイトを見に行っても「どれ

CSS3は現在広く利用されているCSS 2を拡張したもので、従来のCSSでは表現が難しかったドロップ車道や、角丸など、画像に頼らずに、表現ができ、新しい表現の可能です。今日紹介するのはCSS3で作られたユーザーインターフェイスキット「CSS3 UI Kit」です。 サーチボタン、角丸ボタン、完全な円形のボタン、プルダウン、ページングなどなどユーザーインターフェイスの基本となるパーツがセットになっています。 詳しくは以下 ブラウザの対応問題もあり、実際の現場ではスマートフォン以外はなかなか使えないものではありますが、CSS3の基本的なことを理解するには非常にわかりやすく使いやすいものだと思います。 ソースファイルも配布されているため、カスタマイズなども技術者であれば簡単に行うことができます。CSS3でWEBのユーザーインターフェイスを作りたいという方は是非どうぞ。 CSS3 UI Kit –

こんにちは、KiDDです。 AppBankのメンバーが読者からの質問にお答えする「教えて！AppBank」に、「WindowsからMacに乗り換えたんだけどiTunesのデータ移行はどうすれば？」「普段はMacだけどWindowsでもiTunesを管理したい」との質問が多く寄せられました。 そこで今日は、iTunesのライブラリのデータをWindowsからMacへ移行する方法と、その逆のMacからWindowsへ移行する方法をご紹介します。 ※Windows XPとOS X Lion 10.7.3にてテストを行っています。 ※この記事ではWindowsからMacへ、またはMacからWindowsへのiTunesの移行方法を紹介しています。 Windows→Windows、Mac→MacでiTuensを移行させたい方は以下の記事を参考にしてください。 新しいPCにiTunesのデータを移行さ

画像ギャラリーに良さそうなjQueryプラグイン 画像の一部について、詳細に説明したい場合に使える「iPicture」をご紹介。 この写真のこの人が○○でさー、この右下のコレが○○だったんだー。 という説明をマウスオーバーすると表示できるようになります。 Flickrなんかでも、画像の上に説明を載せれたりしますよね。 いつか使うかもしれないので一応メモ。 アイコンにマウスオーバーすると簡単な説明が表示されます。 スライドショーやギャラリーに組み込むと良さそうですね コードは以下のような感じになるそうです。 jQuery(document).ready(function(){ $( "#iPicture" ).iPicture({ pictures: ["picture1","picture2","picture3", ...all pictures' ID], moreInfos:{ "p

無料版Googleアナリティクスには、1日に計測URLが5万を越えると、（other）という表記にまとめられてしまうという制限があります。 とくにECサイトや携帯サイトで、ユニークのIDなどがアクセスの度に付与される場合や、会員番号や商品番号を追加パラメーターとしている場合には、5万は意外とすぐに越えてしまいますよね。この制限に悩まされている方も多いのではないでしょうか。 さて、とは言え、ビッグデータの扱いをこれほどまでに高速に解析してくれるのがGAのウリです。これは勿体無い！ということで調べてみました。 追記2015年6月20日　上限を超えるプロパティがある場合は、措置が厳格化されました。詳しくは以下。無料版を使い続けたい場合は、自分でサンプリング調整する必要あり。 ＞＞【速報】月間ヒット上限が厳格化、Googleアナリティクス規約改訂 5万URLを越えるHACK これホントに分かるそう