はてなブックマーク

この記事はSketch Advent Calendar 2016 21日目のエントリーに入る予定だったんですが、21日目の記事を見ての通り、長くなっちゃったので分割した片割れの記事となります。 Sketchを使っていると、こんなとこが不便だなーとか、こんな機能デフォルトでないのかな？ などの疑問が浮かんできます。本記事ではそんな痒いところに手が届くかもしれないtipsをご紹介します。プラグインを入れるともっと便利になったりしますが、それはまた次の機会にでも。 Sketchの知っておくと便利なtips グループ化したあと、グループの中のレイヤーを簡単に選択出来るようにしたい レイヤーを選択する際に、Photoshopだと移動ツールを選択した際にクリックした先がレイヤーかグループか選べるセレクトボックスがありますが、Sketchにはありません。そしてSketchの選択ツールのデフォルトはフォル

初心者向け：これからSketchを使いたい人へ！ Sketchの使い方のまとめ｜Sketch Advent Calendar 2016 この記事はSketch Advent Calendar 2016 21日目のエントリーです。 Sketchを本格的に業務に取り入れ始めたのが2015年の初夏頃なので、ちゃんと使いはじめて1年半ぐらいでしょうか。今ではアプリのデザインは全部Skechで作っています。ついでに今回から記事のキャプチャ管理するのもSketchに変えています。Sketch便利で大好きです。 今更感が凄いですが、気になってるんだけどまだSketchを使っていないんだよな〜という方や、基本的な動作のおさらいをしたい方向けに、Sketchの使い方や覚えておくと便利な機能を簡単にまとめてみました。SketchのUIは直感的で分かりやすいので、学習コストも少なく、初心者でもすぐ扱えるようにな

この記事はモンハン Advent Calendar 2015 25日目のエントリーです。 前回の記事ではモンスターハンタークロスならではの狩技や狩猟スタイル×狩猟笛のことを書きましたが、今回は毎度恒例となりつつある私のおすすめ狩猟笛をご紹介します。 MHX、武器の数と派生が尋常じゃない！　あれやこれやと作ってはいますが、武器制作しているとあっという間にお金が無くなりますね。HR60超えてようやくアカム銀行さんが出現し楽にはなりましたが、まだまだ全部を追いきれていないです。今後また数笛か加筆するかと思いますが、現段階でのカリピストによるカリピストのための愛が詰まったお気に入り笛カタログを公開します。 MHXオススメ狩猟笛 MHXの旋律の大きな変更点としては、重音色はもちろんのこと、対泥＆対雪が対だるまと統一され、雪だるまやオストガロア戦のホネホネ状態を回避出来るようになり、更に便利になったこ

最近、新しいMacbookProにNode.jsを入れることが2回もあったため、ものすごく今更な話題ではありますがその時の手順のメモを残します。 Node.jsのパッケージをそのまま入れるとプロジェクトごとにバージョンが違っていたり等諸々面倒なことがあるので、後にトラブルにならないよう、バージョン管理出来る環境にすることをオススメします。なお、Node.jsのバージョン管理にはnodebrew を使用し、インストールするのにHomebrew を使用します。 本記事ではHomebrew を経由してnodebrew をインストールし、nodebrew からNode.jsをインストールする手順を解説します。文章にするとややこしく見えますが、インストール自体はとても簡単なので、Node.jsをバージョン管理していない方は是非この機会にお試しください。 また、既にNode.jsのパッケージ版の方をイ

[Sublime Text]お気に入りテーマ・ショートカット・パッケージ｜Sublime Text Advent Calendar 2014 この記事はSublime Text Advent Calendar 2014 23日目のエントリーです。 出会った時からすっかり恋に落ちてしまって、今でもずーっと公私ともにメインエディタとして使用しているSublime Text。本当に使いやすくて優秀な大好きなエディタです。 そんなSublime Textに少しでも恩返し出来たらいいなということで、今回はSublime Textのお気に入り機能を色々と綴ります。 お気に入りテーマ＆カラースキーム テーマ：「Flatland」 Sublime Textを触ってきて慣れてくるとやっぱり変えたいのがテーマとカラースキームです。しばらくずーっとデフォルトのmonokaiを使っていたのですが、ある日気分転換し

この記事は光 Advent Calendar 2014 18日目のエントリーです。 突然ですが、私が今のお仕事を選んだキッカケと現状、これから先の展望（光あれ）をだらだらと綴ります。完全にポエムです…。 webデザイナーを選んだキッカケ 「何でwebデザイナーになったの？」と聞かれると「好きだったから」と答えています。本当に理由らしい理由はこれしかなく、これが全てです。他のことはなーんも考えていませんでした。自分はこれしか出来ないだろうと思ったからです。 私は非常に面倒くさがりやの上飽きっぽく、何かに興味をもったとしてもすぐ冷めてしまい、何か一つを続けるなんてムリだろうと思っていました。 でも、何故かwebサイトを作ることだけは別でした。 独学で自ら進んで勉強したのなんてこれが初めてだったんじゃないでしょうか。理由はよく分からないのですが、とても楽しかったです。 学校ではサイトの作り方なん

※この記事はモンハン4Gの情報なので、モンハンクロスのオススメ笛についてお求めの方は[MHX]モンハンクロスを踏破するためのオススメ狩猟笛｜モンハン Advent Calendar 2015をご覧ください。 この記事はモンハン Advent Calendar 2014 3日目のエントリーです。 去年MH4が発売された時、2ヶ月ぐらい本職がハンターになってしまったため、もう二度とこんな生活はしないぞ…と思ってから早1年。今年も10月にMH4Gが発売され、結局また本職がハンターになってしまいました。モンハンはなんて恐ろしいゲームなんだ。 相変わらず私のメイン武器は狩猟笛なので今回も狩猟笛について書きますが、今回は前回好評だったオススメ狩猟笛のコーナーをもっと充実させてみました。 G級☆1〜☆3古文書開放まで、あらゆる場面で使えるオススメな狩猟笛を紹介します！ 2014.12.8 旋律効果「暑さ

[WordPress]登録済みのサムネイル画像（アイキャッチ）を自動で作り直してくれるプラグイン AJAX Thumbnail Rebuild とあるWordPressサイトのリニューアル時に使用したプラグインなのですが、AJAX Thumbnail Rebuildというプラグインが最高に便利だったのでご紹介。 過去の記事のアイキャッチ画像を、現在の設定のサイズに変更したい方におすすめします。ワンクリックですみます。再生成はアイキャッチ画像のみなんてことも出来ます。数百件リサイズしてもサーバー落ちたりしません。 AJAX Thumbnail Rebuildとの出会い functions.phpにオリジナルサイズのサムネイルを生成する処理を数個入れているのですが、リニューアル前とリニューアル後ではアイキャッチ画像のサイズが変わることになりました。 WordPressのサムネイル生成は、画像を

ウェディングにぴったりのありがたいフリー素材をご紹介。ペーパーアイテムやウェルカムボード、ビデオ等を手作りしたい方からウェディング系のウェブサイト制作まで幅広い用途で使えます。 ちょこっとですが自分の結婚式の時に作ったものも最後に紹介していますので、ペーパーアイテムを手作りしたい方・Web招待状を作りたい方の参考になればと思います。 結婚式のペーパーアイテム・ビデオ制作・ウェディングサイト制作に大活躍のフリー素材 注釈がないものは商用利用も可能な素材ですが、ご使用の際はライセンスの詳細を各リンク先にてご確認ください。 フォント 結婚式にぴったりのフォントといえばカリグラフィー！ この手の筆記体フォント好きなのですが、普段はあまり使う機会がないので、ここぞとばかりに使いました。すごく楽しかったです。

かわいくて女性らしい、キュートなデザインの国内ブログを12サイト紹介させて頂きます。 余白の取り方が美しい、シンプルスタイリッシュなブログをお探しの方は過去記事を御覧ください。 Arch フラットカラーとテクスチャの質感が合わさっていてとても可愛いです。エントリーの日付のあしらい、タグの装飾等細かいところもさりげなくしっかりこだわっていて素敵。

2013年5月、Fireworks開発終了ニュースを受け、多くのFireworksユーザーたちがAdobe許すまじと誓ったあの事件から早いものでもうすぐ1年経とうとしています。 私は今でもFireworksが大好きですし未だによく使っていますが、最近ではPhotoshopでデザインすることが多くなってきました。PhotoshopはCCになってからだいぶ使いやすくなり、いい感じです。 ただ、Fireworksユーザーからすると、Photoshopでデザインする上で不便だなーと思った点がいくつかあったので、今更ですがまとめてみました。ものすごーく地味なことばっかりですが、FireworksからPhotoshopに移行する方ならば一度は困るんじゃないかと思うことなので、参考になれば幸いです。 2016/7/5 追記 CSSHatで表示して見る を今更追記しました。サンキュー@sou_lab 20

[WordPress]カスタムタクソノミーに親子関係（階層）を持たせ、複数選択したタームの並び順を親＞子の順番に表示する WordPressのカスタム分類（タクソノミー）にはhierarchicalという、カテゴリーのような親子関係（階層）を持たせる第3パラメータがあります。 今回は、上記の設定で親子関係をもたせたカスタム分類（タクソノミー）のタームを、親＞子のように親子で並べる方法のメモです。 ※「カスタム分類（タクソノミー）」だと長いので、以下省略して「タクソノミー」と記述します。 やりたいこと タクソノミーに階層をもたせ、タームに親子関係をもたせたい 投稿記事に属している上記のタクソノミーのタームたちを、親＞子の順番できちんと並べたい。 タームが複数選択されていた場合も、親＞子・親＞子のように順番に並べるようにしたい。 上記に書いてあることそのまんまでひねりなし。文章だけ見ればすごく

Gruntで出来ることはたくさんありますが、今回ご紹介するのは私がよく使うGruntの設定のメモになります。 ちなみに、Gruntの導入方法や基本的な解説は下記の記事がとてもわかりやすく紹介してくれていますので、これから導入したいという方がいましたら是非参考にどうぞ。 Web制作で面倒な作業を自動化するビルドツール、Grunt v0.4 入門 – Web Design KOJIKA17 コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順 – OZPAの表4 今更だけどやるgrunt入門編・インストールから基本的な使い方 – WEB Drawer Web デザイナーさん向け Grunt を使った コーディング作業の効率化、はじめの一歩 – WWW WATCH また、この記事はSass/Compass、ブラウザのliveReloadを使用することを前提に書いてい

就活に使うポートフォリオサイトってどんな手順でどんなものを作っていいかよくわからず、制作した当時はとても悩んでいました。 今回は、そんな実体験を元にしたポートフォリオサイトの作り方のポイントをご紹介します。 なぜwebデザイナーの就活にポートフォリオサイトが必要なのか ポートフォリオは自分自身のデザインスキルや技術スキルの作品集。自分がどんな制作者で何が得意なのか、何が出来るのか、制作したサイトを見れば大体分かります。 webデザイナーにとってのポートフォリオは自分のちからを相手に知ってもらう大事な武器ですので、時間がないからといって片手間で作ったりせず、綿密に計画してフルパワーで作り上げる必要があります。 ポートフォリオを作る前の下準備 作品の構成要素 ポートフォリオに制作実績を掲載する時、下記の6つは載せておきましょう。 サイトのタイトル サイトのURL サイトのスクリーンショット 制

[WordPress]カスタムフィールドでラジオボタンを作り、ラジオボタンの値で条件分岐（ループ内・外・組み込み）させる 前回の記事の補足になりますが、そもそもテキストしか扱えないカスタムフィールドでどうやってラジオボタン使うの？　ということと、カスタムフィールドのラジオボタンの値での条件分岐の方法（ループ内・ループ外・ループに組み込む）をご紹介します。 カスタムフィールドで出来ることは想像以上に多くカバーしきれていないので、今回はラジオボタンにのみ焦点を絞って解説します。 自作する このようなラジオボタンのカスタムフィールドを作ります プラグインを使うまでもないという時やもっとレイアウトを思い通りにしたいとかそういった場合は、おなじみfunctions.phpにadd_meta_box()とカスタムフィールドのCRUD関数を使ってコードを追加します。 functions.phpに追加 a

普通はtaxonomy.phpにwhile (have_posts()) : the_post();の基本のループを書いておけば自動で該当カスタム分類（タクソノミー）を取得してくれますが、ちょっとした特殊な事情で普通のループが使えない時のお話です。 ※「カスタム分類（タクソノミー）」だといちいち長いので以下を省略して「タクソノミー」と記述します。 実案件がたまたまタクソノミー使ってやるものだったので変に複雑になっちゃいましたが、普通のpostsだったらこんな苦労はしませんね…。カスタムなんちゃら系は思ってもみないような罠が多いので毎度苦戦します。 やりたいこと タクソノミーの記事一覧ページ（taxonomy.php）を作る カスタムフィールドのラジオボタンでON・OFF機能を作り、ONを選択した記事のみを表示させたい タクソノミーは数種類あるが仕様はどれも一緒のため、出力はtaxnomy.

シンプルかつ記事が読みやすい素敵な国内ブログデザインを10サイト、主観で紹介させて頂きます。 可愛いデザインのブログをお探しの方はこちらの記事へどうぞ。 ブログのデザインって作ってみると思っているよりバランスをとるのが難しくて苦戦します。 下記のサイトは記事内に画像が無くテキストオンリーでも余白の取り方が美しくて読みやすかったり、装飾の使い方が絶妙だったりと、ブログのデザインを作る上でとても参考になりますので是非目を通してください。 アインシュタインの電話番号 本の目次のようなトップページは一覧性が高くて見やすく、記事内も余白がしっかりとられていて読みやすいです。アクセスの度に変わる配色は統一感があってとても綺麗。

良いタイトルが思いつかなかったのでいまいち分かりづらくてごめんなさい。 事の発端は、WordPressのカスタムメニュー（wp_nav_menu）の機能で設定したナビゲーションラベル以外にもう1つ違う名前で表示出来ないかな？ と思ったものです。直書きすればどうとでもなりますが、なるべく更新の手間を減らしたかったので。 やりたいこと WordPressのカスタムメニュー（wp_nav_menu）を使ってメニュー管理がしたい メニューの名前（ナビゲーションラベル）に設定する名前とは違うもう1つのメニュー名をもちたい もう1つの名前のみのメニューをつくりたい（ナビゲーションラベルのメニュー名を表示させず、もう1つの名前のメニューを独立させて表示させたい） 上記のメニューにも通常のカスタムメニュー同様にカレント処理がつくようにしたい ナビゲーションラベルとは違う名前のメニューを単体で使うなんて機会

子どもを保育園に預けて働き始めて半年経ち、生活リズムが定まってきたので、現在の私のタイムスケジュールを公開します。実際経験してみて、平日でも自分の時間はちゃんと確保できる（1日3時間）ということが分かったので、時間配分の参考になれば幸いです。