こんにちは。LIGブログ編集部です。いつも「時間が足りない！」「忙しい」「寝たい……」と思っているWebデザイナーの皆さん、Photoshop作業の時間短縮をしていますか？ Photoshop作業の効率化すれば、余った時間でやりたいことができますよね。そこで今回は、Webデザイナーさんならぜひ使ってほしい、Photoshop作業を効率化する方法をまとめました。Photoshop初心者の方も、そうでない方も、時短できる要素がないかぜひ確認してみてください。 1. ショートカットを使い倒そう 作業時間の短縮を考えたときに、まず思い浮かぶのがキーボードショートカットですよね。知ってるか知らないかで大きな差が出てしまうところでもあります。 ひとつひとつ説明すると長くなってしまうので、おすすめのショートカットについては、かなり詳しく解説されているこちらの記事「Photoshopの効率化におすすめのシ

インスタグラムのDMで「未経験でデザインの勉強をするには何をすればいいですか？」とよく質問をいただきます。 その際にまずおすすめしているのが「バナートレース」です。 実際私も未経験からwebデザインを勉強する際にバナートレースをしていました。 今回はバナートレースのやり方、メリット、感想などをご紹介していきたいと思います！

ざっくり作成の流れ長方形を作成長方形をスマートオブジェクトにする「多方向に伸縮」で変形「ワープ」で変形スマートオブジェクトに画像を配置する乗算で馴染ませる完成【1】長方形を作成はめ込みたい画像サイズに合わせて、長方形を作成します。 作成した長方形はスマートオブジェクトに変換します。

郵便番号から住所を入力したいとき、エクセルでは郵便番号を前３桁と後４桁を「-」（ハイフン）で区切って入力して変換すればOKですが、スプレッドシートではこの機能が使えません…。 「え…エクセルと同じじゃないんだ…」と正直驚きました。 今回はスプレッドシートで「郵便番号から住所を自動入力する方法」について、わかりやすく解説します。

バンドやミュージシャンのホームページに特化したWordPressテーマ「zousanrecords」を制作しています太田ヒロシです。 zousanrecordsのホームページに「よくある質問」というページがありまして、これは日々いただく質問で構成されています。 最近、質問が溜まってきて「検索できたほうがいいよね？」と思ったので検索フォームを設置することにしました。 参考にさせていただいたのは以下の記事。 今回自分がやりたいことを実現するにはちょっとしたカスタマイズが必要だったのでそのレポートです。 やりたいこと・「よくある質問」ページに検索フォームを設置。 ・サイト全体ではなく、よくある質問ページ内だけで機能させる。 ちなみに「よくある質問」ページはカスタム投稿タイプで作成しています。 ２つのテンプレートファイルWordPressにはもともと検索機能が付いていて、基本的に2つのファイル ・

WordPress でサイト内検索機能を実装するための「検索フォーム」や「検索結果ページ」の実装方法を紹介します。 例えば、投稿記事の検索や、カスタム投稿で登録した製品情報を検索したい時に便利方法です。 サイト内検索機能を実装するためには、最低限以下の二つが必要になります。 １）検索フォームテンプレート（テンプレート化、または直書き） ２）検索結果ページテンプレート この記事では「検索フォームの設置」から「検索結果ページ」の実装方法を順番に解説します。また、よくリクエストされるカスタマイズ方法も合わせてご紹介します。 検索フォームのテンプレートを作成 get_search_form で検索フォームの設置 検索結果ページの作成 検索キーワード未入力時の対処方法 検索結果ページのタイトルをカスタマイズする 投稿タイプを指定して検索対象を絞り込む カテゴリやカスタムフィールドも検索対象にする 検

悩んでいる人・Webデザインのトレースって意味あるの？ ・デザイン力を効率よくスキルアップできるトレースの方法ってあるの？ webデザインのトレースは、やり方次第でその効果は大きく変わります。 デザインスキルを一気にレベルアップさせることもできれば、まったく何も身につかない場合もあります。 今回は、現役Webデザイナーの著者が、デザイン力が確実に身につくトレースのやり方を、見本付きで説明していきます。 使用ツール 使用ツールに関しては、自分がこれからメインで使っていきたいツールを使用しましょう。 トレースにより得られる効果の1つには、「ツールに慣れることで作業効率が上がる」というものがあります。 新しいデザインツールに触れる、乗り換えるといった時は、トレースをすることがツールに慣れる近道です。 最近は、プロトタイピングツールであるXDでデザインカンプを制作する人も増えているので、XDでトレ

こんにちは。 久しぶりの記事更新です。 今日はaタグを使って履歴がある時はブラウザバック、ない時はタブを閉じる動作をするjavascriptを紹介します。 使用イメージとしては「プライバシーポリシー」ページなどを想定しており、直接アクセスした場合はブラウザバックさせ、フォーム画面などで別タブで開いた時は閉じさせる。 って感じを想定したもの。 まぁとりあえずコードを紹介。内容はめちゃくちゃシンプルです。

Last-Modified: 2021/11/02 [Googleスプレッドシート] 1つのセルに入っている住所を市区町村・その他 に分ける Google Spreadsheet CRMとか使ってると分ける必要が出てくる。(特にSalesforce) わざわざMecabとか辞書使ってやつようなレベルではないやつはスプレッドシート内でちゃちゃっとやりたい。 全列に反映させる前提なので、ArrayFormula 使ってる。 A列に住所データが入ってる前提。 郵便番号 =ArrayFormula(REGEXEXTRACT(A2:A,"\d{3}-\d{4}")) 都道府県

皆さん、WordPressのテーマを変更するときや新しいプラグインを導入するとき、あるいは、functions.phpやCSSを修正してブログをカスタマイズするとき、自由に試せる環境がほしいと思ったことはありませんか？ そんな環境を用意するには、新たにレンタルサーバーを借りたりローカルのマシンにLinuxをインストールしたりする必要があると思ってたりしませんか？ そんなお悩みをもつあなたのために、簡単に本番環境とそっくりなテスト環境を構築できるLocal by Flywheelという便利で無料なツールがあります！ 当記事では、このLocal by Flywheelを使ったWordPressのテスト環境の構築方法を4ページにわたって丁寧に解説していきます。 ワンステップずつ画像を使って詳細に解説しているのでどなたでもテスト環境を構築することができるようになります！ 是非、この機会にLocal

WordPressサイトが重いなら、広告を最適化することで速度改善につながります。広告が、サイトの外部から大量の情報を読み込んでいるせいで、サイトが重くなっている可能性があるからです。 今回の記事では、広告を最適化して、サイト表示速度改善する以下の３つの方法を解説します。 Google AdSenseは「広告ユニット」を利用する 自動広告を利用する場合は、トップページは非表示になるよう設定する サイト速度表示を考えると、広告数は記事終わりの１箇所に留める WordPressで広告を活用している人、とくにGoogle AdSense（アドセンス）広告を利用している人は必見です。 Webマーケターは、時間や場所に縛られない仕事。自宅やカフェはもちろん、旅行をしながら働くことだって可能です。 「将来性・やりがいを感じられず、先が見えない」 「仕事だけでなく、プライベートの時間も大事にしたい」 「

Webページに表示するフォントは通常、システムフォントとWebフォントの2種類があります。システムフォントはOSにインストールされているフォントで、Webフォントは表示用にフォントファイルを用意する必要があります。 WebフォントはさまざまなフォントをWebページに使用できるというメリットがありますが、パフォーマンス面でシステムフォントに劣るので使用を控えている人もいるかもしれません。Webフォントのフォントファイルを調整し、読み込みを最適化し、最大速度と最小のFOUTを実現するテクニックを紹介します。 5 steps to faster web fonts by Iain Bean 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. Webフォントには最新のファイルフォーマットを使用する 2. font-displ