ブックマーク / hm-solution.jp (17)

  • | スマホ対応で検索結果に影響。Googleのアルゴリズムが4/21から変わります。神戸ホームページ制作センター

    今日はひな祭りですね。ひな壇飾っていますか? それはさておき、Googleがスマホ対応しているサイトを検索結果に影響を及ぼすと発表してしまいました。 その内容とはいかがなものでしょうか・・・? 先日Googleが検索エンジンのランキング要素に対し、スマホ対応を加味することを発表しました。 スマホ対応するとスマホの検索上位表示に影響するよって話 実は去年の12月頃からスマホサイト対応の表示は検索結果に表示されていた Webサイトがスマホ対応していなければ、もちろんこのラベルは表示されません。 Googleは具体的にどう評価に反映させるのかは語っていませんが、目に見える変動があることを予測しておくほうが良いと言えますね。 この評価基準は4月21日から導入を予定 Googleはこの評価基準はスマホからの検索結果に対し影響する、と語っています。 つまりPCサイトには影響しない、と語っている反面 つ

    | スマホ対応で検索結果に影響。Googleのアルゴリズムが4/21から変わります。神戸ホームページ制作センター
  • | 手に入れろ!トラックボール!神戸ホームページ制作センター

    eiyan0906
    eiyan0906 2014/03/03
    トラックボールは神のツールである。なに?使いこなせない?それは坊やだからさ。
  • | ホームページ制作の見積り 内訳について考えてみました神戸ホームページ制作センター

    アイキャッチの画像をあえてバランスを崩すと当に気持ち悪いですね。 一つの画像をとってみても、良し悪しがハッキリと出るホームページだからこそ、妥協してはいけないのです。 web制作の見積りについて web制作と一言で現しても、その項目はたくさんありますよね。 複数のweb制作会社の見積り内容から、だいたいある項目を列挙してみました。 ※弊社の見積りがこれだけ細かい、というわけではありません。 企画・提案関連 企画 提案 設計 コンサルティング 進行管理 交通費 打ち合わせ費用 などなど これらの項目は直接製作には関わらないけれど、人の手間が発生します。 手間が発生する、ということはそこに費用が発生するわけですね。 これらの内容をまとめてディレクション費用として記載されることが多いです。 単純にお見積りを出した場合、「ディレクション費用って? ここ省いてよ」と言われることが多いです。 制作費

    eiyan0906
    eiyan0906 2014/02/28
    会社のブログ書きました。web制作の見積り内訳について。ディレクション費用ってなんやねん!って思うでしょう?そうでしょう?
  • | ロゴ制作にも!複数のフォントを組み合わせて表現する合成フォント神戸ホームページ制作センター

    広告やカバージャケット、ロゴデザインに欠かせないのがタイポグラフィーなのですが、 既成フォント並べるだけじゃ味気ない・・・ そんなときにに役立つIllustratorのチュートリアルをご紹介します。 ※Macの場合はCtrlをcmdに置き換えてください。 手順は 理解・分解・再構築 の3ステップ。 書体を決める ―理解― タイトル通り複数のフォントを組み合わせるのですが、あまりにもちぐはぐな組み合わせは危険です。 選び方としては出来る限り日語文字の場合は明朝なら明朝、ゴシックならゴシックと近い書体を選んだ方がいいでしょう。 フォントの太さを合わせる 異なるフォントを使うので事前に太さを合わせておきましょう。 [理解]したところで実際に作っていきます。 フォントをばらす -分解 ― 部首ごとに分けていくのでまずアウトラインします。 Ctrl + Alt+ O くっついてる部分はナイフツール

    | ロゴ制作にも!複数のフォントを組み合わせて表現する合成フォント神戸ホームページ制作センター
    eiyan0906
    eiyan0906 2014/02/20
    弊社デザイナーがブログ書きました。全は一、一は全。という言葉が出てきましたよ!
  • | ホームページ制作の見積り について考えてみた神戸ホームページ制作センター

    eiyan0906
    eiyan0906 2014/02/19
    会社のブログ書きました。ホームページ制作の見積りについてちょっと考えてみました。
  • | ホームページ制作 をもっと価値のあるものにするために考えてみた神戸ホームページ制作センター

    eiyan0906
    eiyan0906 2014/02/13
    会社のブログ書きました。【ホームページ制作】についてちょっとだけまじめに考えてみた。
  • | 資料作りにも役立つモックアップ素材のまとめ【PSDファイル】神戸ホームページ制作センター

    資料や広告で人によりわかりやすく伝えるのに効果的なモックアップ素材。 今回は、モダンブラウザ・スマートフォン・Apple製品に絞ったモックアップ素材の紹介になります。 詳細は以下から。 ブラウザ編 Safariブラウザのモックアップ Freebies — My safari browser .psd template Google Chromeブラウザのモックアップ Google Chrome – Freebie No:1 モダンブラウザセットのモックアップ Web Browser PSD’s 7 Free Web Browser Frames スマートフォン編 iPhone 5sのモックアップ 3D View iPhone 5S Psd Vector Mockup iPhone 5cのモックアップ 3D View iPhone 5C Psd Vector Mockup Windows P

    | 資料作りにも役立つモックアップ素材のまとめ【PSDファイル】神戸ホームページ制作センター
    eiyan0906
    eiyan0906 2014/01/31
    モックアップ資料はいつでもすぐに出せる状態にしておくと、資料がワンランクレベルアップしますね!
  • PHPしかできない僕がiphoneアプリ開発ができるまで - 神戸ホームページ制作センター

    これからiphoneアプリ開発ができるようになるまで悪戦苦闘の日々をブログにしてみようと思います。 間違いもあったりで、修正しながら覚えて行く予定です。 みんなが悩むものも含めて赤裸々に書いていこうと思います。 開発環境の準備 MAC OS X Mavericks ver.10.9 Xcode ver.5.0.2 使用デバイス iphone4s iOS7.0.4 iphoneアプリ開発にはMACが必要です。 開発するツールとしてXcodeを使用してObjective-Cのプログラムで開発します。 テストするのにXcodeに含まれるiOSシミュレータを使う事もあるのですが 実機でのテストが不可欠なので自分のiphoneも使用します。 iOSシミュレータではテストできないこと カメラがないので撮影できません GPS機能がちゃんと使えません。(MACを持ち出してGPS確認すると腰を痛め

    PHPしかできない僕がiphoneアプリ開発ができるまで - 神戸ホームページ制作センター
    eiyan0906
    eiyan0906 2013/12/19
    PHPからiPhoneアプリヘ。mac持ってるならガンガン開発していこうぜ!!
  • | Fireworksで簡単!写真風画像加工(斜めでもギザギザさせない)神戸ホームページ制作センター

    こんにちは松です。先日第二子が誕生しましたヽ(´エ`)ノこれで女3:男1家族になりました。10年後の自分の扱いが楽しみです。 写真風加工を簡単に ホームページ上で良く見かける、写真風の画像加工テクニック。 矩形を二つ作って、内側の矩形と画像をマスクでグループ化して・・・っていうのがオーソドックスな方法ですが、もうちょっと手短にできないかと別案を考えました。 とりあえずサクッとつくる 白枠をつける まず実際に作りたいサイズの矩形を作り、その中に画像を Ctrl + Shift + V で内部ペースト(画像を任意のサイズに切り抜いたものでも良いです)。 フィルターから「光彩(内側)」を選択。上記の画像のように「幅:6」「カラー:白」「不透明度:100%」「柔らかさ:0」「光輪のオフセット:0」を設定します。幅はお好みで。 ※レベルや、色彩などの補正をする場合は、これより前に行なっておいてくだ

    | Fireworksで簡単!写真風画像加工(斜めでもギザギザさせない)神戸ホームページ制作センター
    eiyan0906
    eiyan0906 2013/12/06
    ギザギザと奇数は許さない! 行くぜ、必殺!属性ペェェェストォォ!!!
  • | Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術②神戸ホームページ制作センター

    前回の記事ではイメージ写真として障害物になるものを排除しました。 今回は「詰め」の部分になります。モデルルームのサイトのメインビジュアルにも使用できるくらいに仕上げたいと思います。 工程をざっくり分けると ・細かい部分の修正 ・色調調整 の二つになります。 細かい部分の修正。 もしモデルルームだったとしたら家の中に物があったらおかしいですね。 下準備として人物レタッチでも活躍のお肌つるつるにしてくれる、ぼかし(表面)フィルターをかけます。 数値は下の通り ※しきい値は低めがいいです。 上の画像を見てもらえばわかると思いますが窓からうっすら見えてたカーテンがほとんど消えてくれてます。 ついでにノイズもだいたい消してくれました。 (余分に消えてしまった箇所は、レイヤーにマスク追加して元レイヤー下に引いてマスクに消しゴムかけてください。) こういう物はツールで消します。 修正ツール J の ・パ

    | Photoshopで建物や家の写真をすっきりきれいに見せるフォトレタッチ術②神戸ホームページ制作センター
    eiyan0906
    eiyan0906 2013/12/03
    フォトショレタッチ術!こういうチュートリアル系は非常に重宝しますね!
  • | 【初心者向】 yahooアナリティクス 導入方法と解説神戸ホームページ制作センター

    やぁ、みなさんこんにちは!ちょっとタイムリー逃した感ハンパないですが、yahooアナリティクスについて解説するよ! 今回の記事はマジ長いからはてブとかブックマークしてあとで読めるようにしておけよ!!! Yahooアナリティクス の登場で驚愕したこと まず初めに、登録までの道のりが長すぎる!ということ。アナリティクスの内容はgoogleアナリティクスに比べ初心者よりだな、といった感じですが、 登録までの道のりがもはやプロ級なんです。 文章のところどころで黄色のマーカーが引かれています。できる大人になるための心構えもあわせて紹介しているので、要チェキですよ! yahooアナリティクス。設定までの道のり さぁさぁ、yahooアナリティクスの設定方法を紹介するよ! まずはヤフーアナリティクスで検索をして・・・ Yahoo!アクセス解析編 ヤフーアナリティクス公式ページに入ります。検索が面倒だという

    eiyan0906
    eiyan0906 2013/11/12
    yahooアナリyティクスについてまとめてみました。どちらかといえば愚痴かもしれません。
  • | アナリティクスを使ってサイト改善ポイントをみつけよう!神戸ホームページ制作センター

    なんかもう世間は年末の準備に入っているようす。 おかしいな〜先月お正月だったような感じがするっす。 時間が進む感覚が年々早くなるのはホントっすね。。。 サイト改善サイト改善と言うけどどうすりゃいいの? サイトのデザインを最近の流行りに合わしたらいいんれすか?そうれすか? 見た目もとても重要なんですが、サイトの改善ではそればかりが正解ではないですよね。 今回は、アナリティクスの計測結果から推測される簡単な改善ポイントの見つけ方のご紹介。 実は、というか周知の事実ですが、ホームページへユーザーを誘導する動線はあまり多くありません。しかも、ユーザーが能動的にアクションを起こさないとサイトを訪問することはまずありません。 そんな少ないアクションの1つに検索があります。 検索サイトの検索結果に表示された、リンクをクリックして訪れることなんですが、数すくない訪問機会を獲得しようと、検索結果の表示順位を

    eiyan0906
    eiyan0906 2013/11/07
    アナリティクスを使って問題のあるページを発見しよう
  • | Gitを使おう その2神戸ホームページ制作センター

    ファイル編集前にバックアップとっておけばすぐもどせるし管理も簡単、わかりやすい! そう思っていた時期が俺にもありました・・・ 前回はGitの紹介と簡単な使い方を紹介しました。 前回の内容だけだとファイル管理の手間が増えただけで、「自分でバックアップとりながらやるほうが楽かも」といった印象を感じるかかもしれません。 しかし、今回紹介する「ブランチ(分岐)」と「マージ(結合)」機能を使えば手作業のバックアップでは管理が難しかった作業が簡単にできるようになります。 初期設定 前回に引き続き、SourceTreeを使いながら説明していきます。 まず、ブランチ/マージを試す前にSourceTreeの設定を変更します。この設定をしておくとマージした時の履歴が分かりやすくなります。 Tool>Options>Git から「DO not fast-forward when merging, always

    eiyan0906
    eiyan0906 2013/11/06
    ギットギトにしてやんよ!Gitだけになァァァ!
  • | Fireworksだけで綺麗な切り抜きをする場合の設定と方法神戸ホームページ制作センター

    切り抜きを行うツールとしてphotoshopを使われている方は多いと思います。細かい、複雑な切抜きはやはりphotoshopの方が便利だったりしますが、 Web制作において忘れてはいけないFireworksでもかんたんに綺麗な切抜きができます。 今回は複雑な形と思われる ・水の切り抜き ・炎の切り抜き の方法について記述したいと思います。 設定を変更しておく 編集→環境設定→編集→選択精度 単純に高いほうが精度がいいです。 ここでは最高の10に設定。 “自動選択ツール”と”選択範囲をパスに変換”を使う 自動選択ツール Wで切り取る部分を選択 プロパティはこちら “アンチエイリアスをオン” 許容量は切り抜きたい境目の色の差があいまいな場合は数値を低くして精度を高めたりして調整してください。 選択部分を削除 選択された切り取る部分を削除します。 選択してDelete さらに綺麗にしていく 素材

    eiyan0906
    eiyan0906 2013/11/05
    Fireworks派なので、Photoshopには抵抗ありますが、そんな僕に助けを手を伸ばしてくれる記事。
  • | クライアントさんにも読んで欲しい!WEBマーケティング系ブログ3つ神戸ホームページ制作センター

    こんにちは松です。実家に帰ると娘が見ては行けないものを見ます・・・。 止まった壁掛け時計を指して「おじさんが時計なおしてるでー」とか、使っていない部屋を指して「浴衣の人がおったよ?」とかいうので戦々恐々としています・・・。 さて、今回は「クライアントさんにも読んで欲しいWEBマーケティング系ブログ」ということでおすすめのブログを紹介します。多すぎても読む気にならないと思うので3つだけ。 私自身、マーケティング畑ではないので、専門用語がずらりと並んでいたり、そのくせ長文だったりすると、ビジネス書を読んでいるようで眠くなって脱落します。ですので、私でも読めるような親切なものにしぼりました。 「あーこれ読みやすい」と思うポイント 私が読みやすいと思うものは タイトルに惹かれる(コピーライティング) フォントサイズや行間に気を配っている(タイポグラフィー・デザイン) 読みやすい配色・コントラスト

    eiyan0906
    eiyan0906 2013/11/05
    マーケティングができなければどうしようもない!
  • | レンタルサーバを選ぶ時に参考になりそうなこと神戸ホームページ制作センター

    カタログ見ててもVPSとかクラウドとか意味がカタログ毎に違ってて混乱することが。統一してほしいよ・・・ 作成したコンテンツを公開する時に必ず必要となるサーバ、ほとんどはレンタルサーバを利用しているかと思います。レンタルサーバには色々なタイプもあり料金も様々です。そこで、タイプ別の特徴をまとめてみました。 ハードからまとめて借りるタイプ ハードウェアごとレンタルするタイプです。サービス名に「専用サーバ」とついている事が多いです。または自分で購入したハードを預けて保守管理を委託する「ハウジング」というサービスもあります。 メリット 性能が高い ハードウェアを占有しているため、ハードウェアの性能をほぼ全て利用できます。 他環境の影響を受けない 動いているのは自分で作成したコンテンツのみなので、他人のコンテンツの影響を受けません。 多数のドメインを稼働できる サーバの限界=OS,ハードの限界 なの

    eiyan0906
    eiyan0906 2013/10/18
    サーバーを選ぶ時の簡単なポイント
  • | スプレッドシートでアナリティクスの簡単レポートを作ってみよう!神戸ホームページ制作センター

    もうだいぶん寒くなってきましたね。寒いの苦手やわ〜 どもども、今回もひつこくGoogle アナリティクス + Google スプレッドシートについてです。 なんだか楽しくなってまいりました。 以前えいやんが【Googleアナリティクス】実はとっても便利!カスタムレポート機能の使い方で表示させてた項目をスプレッドシートに読み込めるんじゃねかな?と思ったので。 まったく必要はないんですが作ってみました。 アナリティクスをスプレッドシートに読み込む準備は前前回の記事を参考にしてみてください。 表示するデータは「直帰率」「訪問数」「ページビュー数」「訪問時の平均滞在時間」「ユーザー数」「目標の完了数」の過去一月分。 グラフ化までやっちゃいます。 それでは、はりきっていってみよう! すること スプレッドシートをちょっとだけ色付け サンプルコードコピペ サンプルコード実行 スプレッドシートへ表示された

    eiyan0906
    eiyan0906 2013/10/17
    だんだんひつこくなってきましたね!どこまで引っ張るのかが見所です。
  • 1