プロジェクトを作成する続いて、プロジェクトを作成します。 プロジェクトとは？プロジェクトとは、Googleが提供する様々なAPIを使った様々なアプリケーションの1つのまとまりです。ウェブサイトのことをイメージすると分かりやすいかもしれません。例えば、私の場合は「Syncer」というプロジェクトを作って、そのプロジェクトの中で、Google Analytics APIやGoogle Maps APIを利用するわけです。…ピンと来ない場合も、作業だと思って進みましょう。 作成の流れ「プロジェクト」をクリックするそれでは、早速、プロジェクトを作成してみましょう。左上部分にある「プロジェクトを作成」というボタンをクリックして下さい。 プロジェクト名を入力するプロジェクトの作成はとても簡単で、ただ、半角英数字と一部記号で名前を決めるだけです。「プロジェクト名」の項目に好きな名前を入力して下さい。通常

一ヶ月前からなのに今更気がつきました WEBの情報収集を行おうと日々のサイト巡回を行っていたところ、株式会社LIGの「誰でも簡単にできるGoogle Analyticsのランディングページ分析入門 | 株式会社LIG」というエントリーを発見し、閲覧しました。 エントリーにはGoogleアナリティクスを使って、誰にでも簡単にランディングページ（ここでは「ユーザーが一番最初に閲覧するページ」として語られている）を分析する方法が書かれていました。 アナリティクスを使えばもっと色々と分析は出来ますが、いきなり詳細に分析するとなるとさすがにこの１ページでは語れないですし、一般的には丁度よい難易度のエントリーだなと感じました。 このエントリーを読んで私は、そういえばGoogleアナリティクス個人認定資格（GAIQ）を受けようと思っていて、まだ受けていなかったことをふと思い出しました。 （Googleア

Facebookでシェアされた時にどう表示されるかは重要項目！画像も説明文も思い通り！WordPressでブログやサイト運営をしている人なら一度は耳にしたことがあるくらい有名な「Aii In One SEO Pack」というSEO用のプラグイン。SEO用プラグインとしては現在は「WordPress SEO by Yoast」のほうが評価が高いのですが、「All In One SEO Pack」ではOGPの指定を行うことができます。 「Aii In One SEO Pack」をWordPressにインストールすると、ダッシュボードのサイドバー上にAll In One SEOの項目が追加されます。その中にある「Feature Manager」をクリックし「Social Meta」をActivateします。 今回はFacebookのOGPをちゃんと設定したい！ということで、Social Meta

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

2月26日にLINEのオリジナルスタンプをだれでも制作できると言う話が発表されました。「LINE Creators Market」イラストであることが必須、png形式、スタンプだけで40個…これは…なんというFireworks向き案件！ということで今回はその理由を。 まずは概要 LINEスタンプのガイドラインによると、必要なものは メイン画像(1個)　240×240px スタンプ画像(40個)　370×320px(最大) トークルームタブ画像(1個)　96×74px 上記の画像計42個で、形式は全てPNGです。スタンプ、トークルームタブ画像は性質上背景透過になると思います。 イラストをどのアプリケーションで制作するかというのは個人の好みの問題なのですが、Fireworksで作る場合にはぜひ「ステート」機能を使うことをおすすめします。 ステートとは Fireworks CS4以前は「フレーム

2014-08-19 ランサーズで提案し、キャンセルになったデザインが使われている Web制作 GW過ぎぐらいに開始になり、いろいろとデザインを提示させていただいたのですが、クライアントさんが気に入らなかったようで「デザイナのセンスが無い」などといろいろ言われたのでお断りさせていただき、ボツデザインとしてポートフォリオに載せていたページデザインが勝手に使われているのを発見。 顔が見えない相手のサイトつくるって怖いなぁと思った今日この頃です。 こちらから「あなたの相手は無理」とお断りさせていただいたデザイン、勝手に使っていいものなんでしょうか？ 会話のメールも残してありますが、「私の思い描いている色を提案しなさい」などのまるで色当てクイズで、外れると怒られるという感じでした。 webcrafts 2014-08-19 22:39 Share on Tumblr インターンシップ/OJTメンバ

この記事は新しいサイトに移転しました。 約3秒後に自動的にリダイレクトします。 リダイレクトしない場合はこちらをクリックしてください。

個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる

これはいいサービス！助かりますねー。 Picky-Pics（ピッキーピックス） チラシを簡単に作れてしまう 「Picky-Pics（ピッキーピックス）」はチラシや名刺をウェブ上でサクサク作れるウェブサービス。これさえあれば、Photoshopは要りません。デザインセンスも要りません。すばらしい！ 使い方は簡単。作りたい資料を選択して、デザインを選びます。 すると編集画面に移動します。あとは文字や背景を加工していくだけ。 素材は5万点近く用意されているそうです。 直感的に素材を追加できます。 各素材はドラッグすると移動します。簡単！ 編集画面の使い勝手もすばらしく、ピクセル数を合わせやすいガイド機能が実装されています。 フォントも豊富！これは嬉しいですねー。 出力は3パターン。ウェブページにもできるというのは嬉しいですね。 有料素材を使っている場合は、出力にあたって費用が発生します。この値段

これはものすごく便利。めっちゃラク。 FacebookやTwitterなど、コロコロと仕様やデザインが変更される各種ソーシャルメディア。 SNS案件を多く抱えるWebデザイナーにとっては地獄のような状態になりかねないわけですが、今回紹介する「Social Kit」というPhotoshopプラグインを入れておけば、そんな状態から確実に解放されますよ! Social Kitとは? 「Social Kit」は無料で配布されているPhotoshopプラグインです。 Facebook、Twitter、Google+、YouTubeの最新版デザインテンプレートを自動で生成してくれます。 生成されるパーツは全てレイヤーで分かれているので部分的な利用をすることも可能ですし、画面全体を再現してくれるのでプレゼン資料やデザインの提案にも便利に使うことができます。 「Social Kit」をダウンロードしよう

Google Web Designerの基本からアニメーションの作成までを学ぶ連載。第3回では、Google Web Designerを使って実際の業務を想定したクリエイティブバナーを作成します。 基本操作については前回の記事で解説しましたので、今回は主にアニメーションモードの詳しい使い方を中心に学びましょう。 Google Web Designerで実際にクリエイティブバナーを作成しよう 今回作成するのは、次の2つのバナーです。 1つ目は、「クイック」アニメーションモードで制作した不動産会社のバナーで、夜景の写真が横にスライドするシンプルなものです。2つ目は、「詳細」アニメーションモードで制作したカフェのバナーで、スライドとフェードを組み合わせて、複数ページを切り替えます。 「クイック」アニメーションモードで作る不動産会社のバナー 最初に、背景が横方向に流れるような動きのバナーを作りまし

3media.biz 2023 著作権. 不許複製 プライバシーポリシー

米国時間6月11日、グーグルは小売業者などのローカルビジネス向けに新サービス「Google My Business」を発表。ビジネスオーナーは、Googleマイビジネスからグーグル検索上に様々な自社のサービスや企業情報を提供し、無料で掲載してもらうことが可能になるサービスです。 一般の事業者・ビジネスオーナーは直接、グーグル検索上に表示される自社の情報を管理することのできる高機能ツールとなる。また、顧客ユーザーとコミュニケーションがおこなえるグーグル社のSNS・Google+のページ運営も可能。

Le Comité consultatif actuel doit fixer un calendrier précis pour la réouverture de tous les secteurs fermés en Belgique à partir d’avril ou mai, selon Paul Magnette, chef du parti socialiste francophone PS. Prioriser par secteurs La priorité des assouplissements … Depuis le début de la pandémie, les appels des dirigeants politiques du monde entier demandant aux entreprises technologiques de s’att

最初から入っている標準フォントだけでは、ブログの画像にキャプションを入れたいとき、WEBサイトのメリハリを付けたいとき、ロゴを作りたいときなど、かっこがつかない！そんなふうに思うことありますよね。 しかしフリーフォントって、あまりに種類がたくさんありすぎて、どれを使っていいのやら困ってしまいがち。欧文フォントは種類も豊富だけれど、日本語対応(漢字も対応)フォントを探し出すのはひと苦労。 そこで！今回は使うだけでサイトや印刷物がかっこよく仕上がる、そんな日本語フリーフォントをご紹介いたします。 誰でも自由に無料ダウンロード！商用利用も可日本語対応上記を満たすフォントの中でも、特にクオリティが高く、様々なシーンで使用できそうなフォントを中心に集めました。（参考：サイト改善 10のポイント） 誰でも上手いキャッチコピーが作れる！ノウハウ記事17選とテクニック集 1.　 スタイリッシュにまとめたい

作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形

ｸﾗｸｼｮﾝを多用するｲﾝﾄﾞの交通法規はあってないようなもの、強い者勝ちのようです。 台湾では、渋滞中の道路で路線ﾊﾞｽが車線変更しまくりです。周りを走る単車を踏み潰しながら走っているような感じです。 交通法規が強い者勝ちの国では、重大な交通事故が多発しているとは見えませんが。

ランディングページを作るとき・直すときには「見た目」を考えるよりも前に「何を伝えるか？」を考えることが重要になります。 これまで1000回以上のABテストを実施してきたデータアーティストのノウハウをギュギュっと詰めて、そしてちょっとふんわりさせたランディングページ最適化の資料です。Read less

作成：2014/05/19 更新：2014/11/01 WordPress > ウェブサービスサイトや最近のWordPressテーマで使われているエフェクトや小技をまとめました。今回またjQueryが多くなってしまいましたが、サイト制作時に一手間加えたくなる小技集です。 エンジニア速報は Twitter の@commteで配信しています。 もくじ サイト読み込み時 １．画像読み込み時、ローディング画像を表示／jQuery ２．読み込み時に文字を動かす／jQuery ヘッダー ３．文字の拡大・縮小／jQuery ４．入力補助／jQuery ５．伸縮するサーチボックス／jQuery コンテンツ ６．中心に水平線を入れる／CSS ７．均等に並べる／段組み／CSS ８．コンテンツが現れた時にアニメーションさせる／jQuery ９．マウスホバーで画像を拡大しキャプションを出す／jQuery １０．マ