harada さんのアバター 4views

Adobe XDのショートカット

PhotoshopやIllustratorと同じショートカットもあるのですが、オリジナルのものもあるので覚えたいです。 オブジェクト系 オブジェクトをグループ化 Command + G オブジェクトをロック Command + L オブジェ 2017年3月22日
harada さんのアバター 7views

Illustratorの操作メモあれこれ

Illustratorでのドロップシャドウ 効果>スタイライズ>ドロップシャドウ Illustratorでの透明や乗算 ウィンドウ>透明 棒グラフの下に説明をつける データを入れる際に一行目に"2017年"など"でくくって記入する パーツを 2017年3月17日
harada さんのアバター 11views

Illustrator CCでマテリアルデザインのカラーパレット(スウォッチ)を読み込むメモ

Googleの公式サイトから「Download color swatches」をダウンロードして、解凍します。 Illustratorの上部メニューの「ウィンドウ」から「スウォッチ」を表示させます。 「スウォッチ」ウィンドウの右端の三本線の 2017年3月14日
harada さんのアバター 18views

ウェブページをPDFに保存した際にフォントが埋め込めれているかどうかの判断方法

Chromeで印刷画面を出して送信先を「PDFに保存」にしてウェブページをPDFに保存する際、そのウェブページで利用しているフォントが TrueTypeでない場合フォントが埋め込まれないため、一部のサービスではPDFファイルとして利用できな 2017年3月10日
harada さんのアバター 21views

コマンドでMacのどのフォルダが重いのかを特定する

ターミナルを起動して以下のコマンドを打ちます。 sudo du -sh /* パスワードを要求されるので打ちこんでしばらくまちます。 容量 ディレクトリ名 でリスト表示されるので、重いディレクトリ名を確認し再度以下のコマンドを打ちます。 s 2017年2月28日
harada さんのアバター 122views

UXデザインツールのAdobe XDがすばらしい

新しいアプリのプロトタイプをデザインするにあたってUXデザインツールのAdobeXDをはじめてインストールしてみました。 Adobe XDとは Adobe Experience Design CC(ベータ版)(以下、Adobe XD)は、W 2017年2月21日
harada さんのアバター 7views

Font Awesomeでサイトに載っているアイコンが出てこない時はファイルを更新する

Font Awesomeをパソコンにインストールして、Cheatsheetに載っているアイコンをコピーして利用しようとしたときに、化けて出てこない場合があります。 それは単純にファイルが古くなっている場合です。 以下の手順でフォントファイル 2017年2月17日
harada さんのアバター 15views

FirefoxとAdobe Acrobatを利用してPDF/X-1aでwebページを出力する

覚書です。 Firefoxでの操作 印刷したいページで「Command + p」のショートカットで印刷プロパティを表示します。 サイズなどを調整します。 左下の「PDF」とあるプルダウンから、「Save as Adobe PDF」を選択しま 2017年2月14日
harada さんのアバター 32views

スマホでjQueryUIのautocompleteを2回タップしなければならない現象を解消する

.autocompleteのところに以下のオプションを付与するとスマホ版でも1回のタップで選択できるようになります。 $("#input").autocomplete({ open: function(event, ui) { $('.ui 2017年2月8日
harada さんのアバター 35views

WordPressで画像アップロードで自動生成される画像サイズの種類が増えていた

WordPressのメディアアップロードで画像をアップロードすると、オリジナルファイルの他に、「設定>メディア」で設定したサムネイル・ミディアム・ラージ各サイズの画像が自動で生成されます。 ……と、思っていたのですが、uploadsフォルダ 2017年2月3日
harada さんのアバター 47views

スマホでのスクロールがスムーズではないときに設定するCSS

webページをスマートフォンで開いたときに、表示はおかしくないのにスクロールが遅いというか突っかかるような感じがするときは、以下のCSSをまずは設定してみるといいようです。 html { -webkit-overflow-scrolling 2017年2月2日
harada さんのアバター 9views

WP_Queryのパフォーマンスを上げられるかもしれない指定

以下の動きが不要な場合はそれぞれ以下の指定をWP_Queryに加えるとパフォーマンスがあがるかもしれないようです。 'no_found_rows' => true ページャー機能が不要な場合 'update_post_meta_cac 2017年2月1日
harada さんのアバター 7views

SQLで条件分岐するCASEステートメント

p.meta_valueに値が入っていて、その値がNULLの場合は0にし、値が入っている場合はその値をそのまま利用する。 CASE WHEN p.meta_value IS NULL THEN 0 ELSE p.meta_value END 2017年1月25日
harada さんのアバター 16views

jQueryUIのautocompleteをフォームクリックで表示する

通常の記述だと下カーソルか、何か入力した際にしか表示されないのですが、フォームをクリックするだけで候補リストを出したいとおもい調べたところ以下の方法でできました。 var stationsList = [ '東京駅', '上野駅', '品川 2017年1月24日
harada さんのアバター 8views

プログラムでカスタムタクソノミーの項目を一気に追加する

プラグインを利用すること無く、カスタムタクソノミーに複数の項目を一度に追加したい場合などは以下を実行すると追加できます。 ex.WordPressでcourseというカスタムタクソノミーを追加している場合 addCourse(); func 2017年1月19日
harada さんのアバター 17views

number_format関数は小数点以下を四捨五入する

数字を3桁区切りにしてくれるnumber_format関数。 これに小数点込みの数字を含めると、四捨五入になるようです。。 知ってて利用しているのならいいのですが、無意識だと危ないですよね・・・! 四捨五入・切り捨て・切り上げにはそれぞれ以 2017年1月16日
harada さんのアバター 20views

サイトへのすべてのアクセスを特定の一つのURLにリダイレクトする

xxx.xxx.com といったURLのサイトを閉鎖して、アクセスを別のURLに飛ばすようにしたい際などは、以下のように.htaccessに記述します。 RedirectMatch 301 .* http://zzz.zzz.com/ 参考 2017年1月13日
harada さんのアバター 24views

AjaxでもURLを変更したい

pushStateという関数で、履歴やURLを操作することができるようです。 たとえばWordPressの検索画面をAjaxで動かしていたら、以下のようにすることで、 AjaxでもURLを変更することができます。 jQuery(docume 2017年1月6日
harada さんのアバター 141views

Webページを印刷するときの余白をCSSで設定する

webページを印刷する際指定しないと結構大きな余白がとられてしまいますので、余白なしに設定したい場合などは以下のように設定します。 @page { margin: 0; } ただし、印刷時の動作はブラウザによって大きく異なるため十分に確認を 2017年1月5日
harada さんのアバター 28views

PHP:指定した数値から数値までの範囲を作成する

1円〜10,000円、10,001円〜20,000円など、ECサイトでよくみる範囲をPHPで簡単に作成する方法です。 1から100000まで10000毎の範囲を作成する場合 foreach (range(10000, 100000, 100 2016年12月28日
harada さんのアバター 10views

WordPress連想配列から指定した内容だけを取得する

ID一覧のみを取得したい場合は以下のように指定します。 $args_total = array( 'post_type' => 'posts', 'post_status' => array('publish'), 'posts 2016年12月27日
harada さんのアバター 24views

WordPressで2つ投稿タイプの条件に合致する投稿を取得する

とりあえず以下の記述で取得できたのでメモしておきます。 post_type01→一つ目のポストタイプ post_type02→二つ目のポストタイプ meta_key1→二つ目のポストタイプのカスタムフィールドのキー1 meta_key2→二 2016年12月22日
harada さんのアバター 50views

Firefox:autocompleteをoffにしてもautocompleteが効いてしまうとき

autocompleteの設定はブラウザによってかなりことなるようです。 Firefoxでも以下のようにautocompleteをoffに設定していても効いてしまうときがあります。 <input type="text" name="t 2016年12月20日
harada さんのアバター 16views

シンプルなグラフを簡単に組み込める「jQuery Sparklines」

「jQuery Sparklines」を利用することで、シンプルがグラフを簡単に組み込むことができます。 利用方法 jQueryとjQuery Sparklinesを読み込みます。 jquery.min.js jquery.sparklin 2016年12月19日
harada さんのアバター 89views

Slider for Bootstrapを利用して値をスライダーで絞り込む

Slider for Bootstrapを利用することで簡単に、値をスライダーで絞り込むことが出来ます。 利用方法 ファイルをダウンロードして、基本ファイルを読み込みます。 bootstrap-slider.css bootstrap-sl 2016年12月19日
harada さんのアバター 16views

配列をJavaScriptで表示する

PHPの配列をどうにかこうにかしてJavaScriptに渡してひとつずつセットする方法です。 ex.「r_info」という文字列に配列が入っている場合 var content = ''; for (i = 0; i < r_info. 2016年12月16日
harada さんのアバター 58views

「Favorites」プラグインでお気に入り一覧ページを作成する

シンプルなお気に入り一覧を表示したいテンプレートに以下の内容を入れることで表示されます。 $favorites = get_user_favorites(); if (isset($favorites) && !empty( 2016年12月14日
harada さんのアバター 189views

WordPressにcookieによるお気に入り機能をつける「Favorites」プラグイン

WordPressにお気に入り機能をつけられるプラグインといえばWP Favorite Postsですね。 WP Favorite Postsもいいプラグインなのですが、 無限スクロールを導入した一覧ページなどで「お気に入り」ボタンを押すと 2016年12月14日
harada さんのアバター 222views

複数設置のslickでオリジナルの矢印アイコンを設置する

複数設置のslickでオリジナルのナビゲーションを設置し、それぞれ別に動かす方法です。 JavaScript var $sliders = $(".slide_list"); var $arrows = $('.arrows'); $(". 2016年12月12日
harada さんのアバター 46views

WP Favorite Postsで元ファイルを編集せずにお気に入りリストでカスタム投稿タイプを表示する

WP Favorite Postsプラグインで標準で表示することのできるリストでは、カスタム投稿タイプが表示されません。 直接ファイルを編集する方法はいくつか出てくるのですが、直接ファイルを編集するとアップデートの度に上書きされ書き換えなけ 2016年12月8日