弊社のウェブ制作はご紹介制となっております。 代表の石橋を知っている知人の方の紹介、既存お客様の紹介のみ初回打ち合わせさせていただいております。

忙しくて時間が足りない！と常々感じている方もいるのではないでしょうか。特に納期が間近だと、尚更そう感じてしまいますよね。実は、少しの工夫で時間短縮が出来るノウハウは、分野別に多く存在します。 そこで今回は、「仕事ですぐ使える時短術」「Officeソフトの時短術」「ITエンジニアやデザイナーのための時短術」と3つに分類した上で、はてなブックマークが500以上ついている人気記事に絞り、30種類の時間短縮系記事を紹介します。 これらを実践することで、時間に余裕のある生活を目指してみましょう。 仕事にすぐ使える時短術17選1.人生は時間（時間を何倍にも増やす52チップス）（931はてブ） この記事はビジネスマンに必須な時間をつくるためのサービスやソフト、管理方法を紹介しています。Google custom searchでは検索に時間がかからないなど、このサイトはこういう風に役に立つと詳しく書かれて

全然需要ないかもだけど、自分用メモとして。 Bootstrap使っててレスポンシブしたくないなぁ、って時は、 こんな感じでやればいいと書いてある。 1, Viewportを削除 2, .containerのwidthを固定（例：width: 960px !important;） 3, Bootstrapのテンプレートであるスマホ用のハンバーガーメニューは削除 4, グリッドレイアウトを使う場合は全て .col-xs-* を使う これでスマホで見た時にPCビューになります。 3は別にやらなくても対応できた。 Googleがスマホ対応しないと怒るよって言われている時代に、 なんか事情があってスマホ対応できない人がいたらご参考までに。

こんにちは、デザイナーの王です。ぼくは普段Photoshopを使うとき、極力ショートカットを使っているショートカット野郎です。 英語で言うところの「ショートカット」は、「近道」を表しているというのはみなさんご存知ですよね。方向音痴の方は別として……近道があれば、誰しも遠回りしようだなんて思わないはずです。 今回は、Photoshopの作業効率化におすすめのショートカットを一挙に紹介します。前半では基本のショートカットキー、後半ではプロ向けに選んだ意外と知られていない隠れショートカットも紹介しているので、ぜひ実践してみてください。 macの場合とWindowsの場合それぞれで記述しているので、該当する欄をご確認ください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もお

こんにちは！ デザイナーのおすぎです。 最近私もMonacaに興味津々なワケですが、 ふと、MonacaとWordPressを連携させて WordPressの記事をアプリに表示できないかと思い立ちました。 もし実現できたらデザイナーでも簡単にアプリの管理ツールが作れちゃいます。 調べてみるとMonacaの運営会社アシアルさんでも 同様の研究があるようです。 特命：WordPressとMonacaを連携させてビジネスチャンスを生み出すこと http://blog.asial.co.jp/1181 ぜひ取り組みが前進するといいですね！ 1. WordPressにプラグインを入れる WordPressの記事をアプリ側で表示するためには JSONという技術を利用する必要があります。 JSONについて詳しく知りたい方は下記がとってもわかりやすいです。 jQueryでjsonデータを扱ってみる【入門編

カテゴリとタグのアーカイブページに日付順や閲覧数順の並び替えボタンを実装してあったのですが、検索ページにも追加したので方法をまとめてみました。 検索ページにも並び替えボタン 半年ほど前、このような記事を書いたのですが。 WordPressのアーカイブページを人気順などで並び替えるボタンをつける GET関数でどのボタンを押されたか判別してpre_get_posts()で並び替える（閲覧数はWP-PostViewsというプラグインを利用）、という。これが、アーカイブページなら https://ateitexe.com/category/xxx/ ↓ https://ateitexe.com/category/xxx/?sort=popular このようにGET変数を付加して処理すればいけるな、という内容だったわけですが、検索ページだと https://ateitexe.com/?s=キーワード

個人や商用で利用できる、無料の日本語フォント164種類を紹介します。 年賀状の宛名にも使える縦書き対応のフォント、かわいい手書きフォント、読みやすいゴシックなどが揃っています。同人誌や印刷物などでの利用も明記しました。 毎年まとめていますが、初紹介のものから既存のものまでダウンロード・ライセンスを改めて確認しています（※情報はこの記事の執筆時のもの）。 最新版を公開！フォントの数が大幅に増えています。 2020年用、日本語のフリーフォント 417種類のまとめ フォント紹介の前に各フォント制作者からのお願いごと。 フォントを利用の際には必ず利用条件やライセンスをご確認ください。 では、多彩なデザインが揃った「FGシリーズ」からご紹介。 FGゼロ 個人・商用サイトで無料利用可。同人誌や各種印刷物なども可。 零式艦上戦闘機に使用されていた文字を現代風にアレンジしたフォント。レトロでシャープな字形

【発表】WP テーマ選びで悩んでる？ 日本語テーマの比較はこちら。 デモサイトを見ながら使い方とできることを比べられます 【テーマ選び方】8つ比較 「Bones」は、WordPressの「ブランクテーマ」とか、「スターターテーマ」って呼ばれる、カスタマイズ前提のテーマの一つなのだけど、そのカスタマイズのしやすさが他のブランクテーマと比較して圧倒的です。（当人比。ちなみに、その他のブランクテーマは下記リンク先を） 密かに使ってるカスタマイズ前提のWordPress ブランクテーマ4つ 「Bones＝骨ばっかり」というその名が示す通り、「骨組み」として、自分好みに肉付けしやすく、オリジナルのテーマ作成をビューンとひとっ飛びに高速で進められます。 簡単にまず、優れた特徴をあげてみましょう。 子テーマ不要 よそ様が作ったテーマをカスタマイズする場合、子テーマを用意した方がいいです。直接、元のテーマ

リスティング広告でキーワードの追加であったり広告文の変更であったりと、作業をする時には管理画面にログインすることで様々な操作をする事が出来ます。 1人の担当者がリスティング広告の運用をしているのであれば、必要ないかもしれませんが、複数の担当者でリスティング広告の運用や管理をしていく場合、同じログインIDを共有すれば管理していけますが、例えばGoogleアドワーズでログインする時に必要となるGoogleアカウントですが、Gmailなど他のGoogleサービスを使っている時などには、あまり他人に教えたくない場合もありますよね。 そういった時の為に、Yahoo!プロモーション広告でも、Googleアドワーズでも管理画面にログイン出来るユーザーを増やす事が出来ます。 まずYahoo!プロモーション広告でのユーザーを追加する方法は、管理画面にログインし、[権限管理]タブから[利用者を追加]をクリック

TL;DR どうすれば初心者でも「分かりやすく見栄えのするレイアウト」を作ることが出来るのか。余白の使い方や知識、さまざまなレイアウトの例をご紹介させていただきます。闇雲な配置にならないように、レイアウトを組む前に読んでおきたいこと。今回は Web デザインのセンスを上げるために、イラストや構図から学べる知識をまとめました。 レイアウトの基本知識 １．分割、対称、軸 何もない空間に要素を配置・構成していくのがレイアウト。こちらは四等分割や軸を使ったレイアウトのパターンをまとめてあるサイトです。美しく配置するために見ておきたいレイアウトパターン。 レイアウトのパターン | イディア：情報デザインと情報アーキテクチャ Photoshop の機能拡張はこちら。 黄金比・黄金螺旋・黄金三角形などをページのレイアウトや写真の構図にあてがう Photoshop の機能拡張 | コリス ２．イラストから

Photoshopで登録されているパターンの、登録した際の元画像を取得する方法をご紹介します。 【手順】 １）登録されているパターン一覧を表示させます。 ■表示方法　その１：レイヤースタイルウィンドウ レイヤー上で「ダブルクリック」もしくは「右クリック／レイヤー効果」でレイヤースタイルウィンドウを表示し「パターンオーバーレイ」を選択、パターン横の▼をクリックする ■表示方法　その２：プリセットマネージャー 上部メニューから「編集／プリセットマネージャー」をクリックし、プリセットの種類から「パターン」を選択する ２）登録されているパターンの一つにマウスを当てると、パターンの登録名とサイズが表示されます。 このサイズでパターンは登録されています。 今回は格子縞（64×57ピクセル　RGBモード）の元画像を取得します。 表示された数値と同じサイズとモード（64×57ピクセル　RGBモード）の新規

2014年8月17日 Photoshop, Webサイト制作, Webデザイン 「連載！実践で学ぶWebサイト制作ガイド」第四弾はAdobe Photoshopというツールを使って実寸のサイトデザインを作成します。Photoshopで説明していきますが、同様のグラフィックツールでもOK。Photoshopは体験版もあるのでぜひご利用ください。説明しやすいよう、簡単なデザインにしたつもりですが、すごく長くなってしまったような…。わかりにくくてすみません X( ↑私が10年以上利用している会計ソフト！ 実践で学ぶWebサイト制作ガイド：その4 目標：実際の幅にあったサイトデザインが作れる・Photoshopの基本的なツールを使った装飾ができる 必要なもの：Adobe Photoshop 対象レベル：Photoshopの基本的なツールの使い方がわかる 事前知識は以下の記事でおさらい！ これからP

話し合い Webサイトの制作に向けて、まず最初にする事は、依頼主についての情報を収集することです。依頼主と話し合い、どんなサイトにしたいのか、方向性を決めてゆきます。 依頼主との話し合いでは、以下の2点について、しっかりと決めておく事が大切です。 サイトにどんな情報を入れるか、どんな人に向けて発信するか、サイトをどう活用していきたいかなど、サイトを立ち上げる目的は何かを確かめる。 どんな雰囲気のサイトにしたいか、理想とするサイトや、希望・要望を聞きながら、どういうデザインにするかイメージを固める。 また、同業他社のサイトを片っ端から見まくる事。今回の場合、喫茶店やパン屋さん、ケーキ屋さんなんかが参考になるかもですね。他のサイトではどんなコンテンツがあるか、どんな見せ方をしてるかとか、この業種だとどんな色遣いのサイトが多いのかとか、たくさんみる事で、刺激になったり、イメージが掴めたりします。

こんにちは、LIGブログ編集部です。こちらは、「Google Analyticsをはじめて使う人が、ひと通りのアクセス解析をできるようになる」ところまでを目標とした、全5回の初心者向けGoogle Analytics講座の第4回目です。 第1回ではGoogle Analyticsとは何かを知るところから導入についてまで、第2回では一通りの基本的な使い方や用語について、第3回ではセグメントやオリジナルのレポートを作成する方法についてまでを解説させていただきました。 そして第4回目となる今回では、Google AnalyticsをAdSenseやAdWordsなどの外部ツールと連携させたり、エクスポートさせたりする方法について紹介をしていきたいと思います。 「Google Analyticsは導入したけど、使い方がよくわからないから全然ログインしていない」という初心者の方は、今回紹介するような