多くのWebデザイナーは、それぞれ自分なりのWebデザインのプロセスというものを持っているものです。洗練されているものや、逆に大雑把なものなど人によって千差万別ですが、それぞれで役割を果たしているはずです。 個人的に私はチェックリストマニアなので、私のデザインプロセスでは工程と成果物が明確に定義されたリストを追います。そのリストは、いくつかの例外を除いて、概ね同じパターンをたどればいい様になっています。 もしあなたがまだデザインプロセスを確立しておらず、十分な計画も無しに自分の作品にまっすぐ没頭してしまうような人なら、良く定義されたプロセスを持つ事が（そしてこだわる事が）良い習慣であるという理由について、いくつか述べていきたいと思います。 デザインプロセスを持つことが大事な理由 こまごまとしたタスクを思い出せる 明確に定義されたデザインのプロセスは、あなたがやるべき全ての事のチェックリスト

昆虫のふしぎを探究しよう！ ※放送とは一部内容が異なります。 理科もすごいぜ！

Photoshopのデザインカンプ上で、スマートオブジェクトを50％以下に縮小しておき、画像アセット生成などで200％にして書き出す手法があります。スマホなどの高解像度ディスプレイ対策としては定番ですね。しかし、ある条件下では、元の画像を50％以下に縮小しているにも関わらず、書き出し後の200％画像がぼけてしまうことがあります。この点について気になったので、少し整理してみました。（2016.4.15／注意点を追記） 2016.4.15／注意点を追記スマートオブジェクトの特長スマートオブジェクトは、拡大、縮小を繰り返しても劣化しないというのが特長です。もちろん、オリジナルのサイズより大きくする場合は別ですが、いったん縮小してから再び拡大しても、その都度オリジナルからピクセルを生成しますので、常に最適な画質が保持されるというわけです。 スマートオブジェクト入門～直しに強いPhotoshopデー

Sassのコンパイルや画像の最適化、ブラウザーのリロードなど、面倒な作業を自動化できるタスクランナー。WordPressテーマの開発でも威力を発揮しそうです。設定が面倒でしょ？ と思っていた人も、これをきっかけにはじめてみたら？ Webサイトのコードは複雑化する一途で、繰り返しの作業が生じるのがごく当たり前になっています。しかし、世の中にはより優れた、効果的な開発プロセスがあるはずです。 このチュートリアルでは、Gulpを使ってWordPressのテーマ作成を自動化する方法と、ワークフローの自動化でテーマ作成のプロセスを改善する方法を紹介します。 なぜワークフローの自動化が必要なのか ワークフローを最適化することは、開発プロセスにおいて非常に有益で、取り組む価値があります。その理由をいくつか挙げます。 カスタムツールで、繰り返しの多い、つまらないタスクをすべて省ける ほかの重要なコアとなる

※本サイトは、アフィリエイト広告および広告による収益を得て運営しています。購入により売上の一部が本サイトに還元されることがあります。 SCREENグラフィックアンドプレシジョンソリューションズの三橋洋一氏のツイートによると、OS X El Capitanから採用された「ヒラギノ角ゴ W0」は、ヨコカク_タイプデザインとShotype Designによって制作されているそうです。 また、W1〜W9は90年代に字游工房で制作されたフォントなのに対して、W0は2014年に制作されており、制作時期の違いから、欧文は見出し用途を想定してかなり変えて作られているそうです。 W0だけ制作時期と制作者が違うためです。W1〜W9は90年代に字游工房で制作、W0は2014年にヨコカク（字游工房から独立）と岡野邦彦さん（欧文担当）に制作をお願いしました。雪だるま以外も色々違います。とくに欧文は見出し用途を想定し

「text-spinners」は、テキストを利用したローディングスピナーを実装できるスタイルシートで、テキスト以外にも記号・特殊記号をCSSアニメーションと組み合わせてローディングスピナーを表現しています。 デモにも様々な記号を使った例がありますが、少し変更すれば任意のものに変更できますし、CSSなのでサイズ・カラー・スピードなどの調整についても容易にできます。 実際の動きはサイトに用意されているデモで確認してほしいのですが、上のイメージのようなローディングスピナーが全30種類あり、いずれも画像などではなくテキスト・記号・特殊記号を利用しています。 動きとしてはCSSのcontentとkeyframesを組み合わせていて、例えば「・・・」であればcontentにはcontent: "\A.\A..\A...";と記述し、それをanimation: spin4 2s steps(4) inf

今、地方の中小企業の、新卒採用を支援する仕事の企画を考えています。 その仕事で結果を出すために欠かせないのは、言うまでもなく、学生の声＝本音に耳を傾けること。 一次情報を大切にしているので、基本的には学生と実際に会い、生の声を聞き、企画の参考にさせていただいているのですが、当然「2017年卒マイナビ大学生就職意識調査 （株式会社マイナビ発表）」などの資料にも目を通しています。 昨日、その資料を読んでいて、「やっぱり、そうだよなぁ」と頷いたのは、企業選択のポイントは？ という質問に対して、もっとも回答数が多かったのが「自分のやりたい仕事（職種）ができる会社」で、第2位が「安定している会社」だったこと。その結果に比例して、大手企業志向の人も全体の約半数を占めていました。 できれば安定した大企業で、やりたい仕事をやりたい。学生なら、そう思って当然です。社会人の方なら、それがいろいろな意味で難しく

グラフィカルでスタイリッシュなデザインはんこ・印鑑・ネーム印のOOiNN（オーイン）。

卒業していく君へ。 卒業おめでとう。本当は面と向かって言ったほうが良いのだけど先生という立場だと私の発言が思った以上に重くなってしまうので直接君にはいえない。でも、君への言葉を一度形にしておかないと私の頭に一生こびりつきそうなのでここに書かせてもらうよ。 今年、君は卒論に苦しんだね。君が卒論に苦しんだ理由は自分でも分かっていると思うけど、常に外部に正解を求めたことにあるんだ。私が「どうして、それが正しいと思うの？その理由を教えて。」と聞くと、いつも君は表情を凍らせて黙ってしまったね。何度も何度も「研究には正解とか不正解とかない。誰も答えを知らないから研究になっているんだ。だから、自分の主張をとりあえず述べて、相手の反論が正しいと思えてから自分は間違っていたと考えれば良いんだよ。」と伝えたのだけど、最期最後まで君は自分の主張の正しさを自分の言葉で言えず、常に私の保証を求めたね。はっきり言って

気持ちの整理になるかもしれないので書いてみる。 言った、考えたところで事態の根本的な解決はできないのにね。ただの現実逃避。 そんなこと考えてる暇があれば本を読むとかもっと為になることをすればいいのに、 こんな閉鎖した結論の決まったの思考を堂々巡りにかまけてる馬鹿でしかない。 ああ、もうダメだ嫌だ。死ねばいいのに。 死んでもどうにもならないこと、死ねる訳ないことは分かっているはずなのに。 こんなこと考えるから僕は馬鹿なのだろう。馬鹿は死んでも治らない。仕方がない。ああもうイヤだ。以上。 つらいときや心に負担を感じているときには、そのことを書いたり、話したりするのは良い手段だから、つらいことをつらいと表現することは現実逃避じゃないよ。つらいことをつらいと表現するのは、風邪ひいたときに風邪薬飲んだり、暖かくして早めに寝るのと一緒。有効な手段だから、今後もつらいことがあったら、つらいということをど

なんだこれ？ そしてここからが本題なんだが、しなきゃならないことが分かってるのにそれに取り掛かることができない。具体的には、ペンが持てない。風呂場まで行けない。なにを食えばよいのか分からない。もちろん物理的に手が上がらなかったり、足が動かない訳では無くて。こうして書いてみると今の自分はひきこもりなのか？ そもそも自分はこの状態をどうしたいんだろう。書いて余計に分からなくなってしまった。 本当に何で実験のデータまとめたレポート書くことぐらいできないんだろう。ちょっと前まではできていたのに。 過去のエントリーのどれかがお役にたてれば幸い。 締切や初体験の事柄を迎える緊張により一時的に思考力がおちているとき 締切前に「ヴァァァーーーー」となってしまったとき 得体のしれない「がんばらなきゃ、オレ」に悩まされているとき 努力しなければならないのに方法が分からない ストレスを明確化して軽減するとき 明

はてな匿名ダイアリー：詳細よりもまず大枠をつかみたい、という事をわかってくれない先輩 会社に入って半年、研修を終えて3か月の新人です。配属先で私の教育係に割り当てられた先輩と、どうも相性が悪いみたいです。この先輩は私が質問すると、いきなり詳細な内容を説明してきます。私がわからないと言うと、「わからないのは詳細を説明してないせいだ」と思うのか、説明がどんどん深い方向に進んでしまいます。 例えば専門用語が分からなくて質問すると、こんな感じ。 「先輩、この『パイ』って何ですか？」 「パイ？それは 3.14 のことだよ」 「うーん、よくわからないですね」 「わからない？つまり 3.141592 のことなんだよ」 「うーん、それは食べ物と関係ありますか？」 「関係ないよ。要するに 3.1415926535 のことだよ」 「もしかして、おっぱいのことですか？」 「違うよ。全然違うよ。3.1415926

『自然な疑問』を持つように訓練するにはにいただいた以下のコメントを読んで思ったのが「自分の考えがない」という人は考えたことを言語化していないだけかもしれないということ。 三十路になりいまだに思考力がなくてブログ作って鍛えようかと思ってたんですが、ブログ拝見して色々思うことがありました。 wikiなど答え探せばある状態なので悪い意味で答えがあります。 なので答えが出ない事でもやり始めたらいいと思うのでそれで力を身に付けてみます この記事読めて良かったです。 （『自然な疑問』を持つように訓練するにはのコメントより） 「Wikipediaなどで答えを探す」に対比して「思考力」という言葉を使っているので、自分の知っていることと自分の価値基準に基づき、結論を論理的に導く能力という意味で「思考力」という言葉を使っているのだと思う。この意味での思考力をつけるのに必要なのは3つの要素。 思考する際のフレー

自分の見たものや感じたものを他人に正確に伝えようと思うと語彙が必要となると思うので、正確に伝える必要がないときには語彙がなくてもいいんじゃないかと思います。 anond.hatelabo.jp なぜ、上のように感じたかというと量の問題を気にされているので、教養的な意味で語彙を増やしたいと思われたのかなぁと。 原稿用紙一枚分埋めるのですらだいぶキツイ。 作文で原稿用紙一枚埋めるのですら昔から無茶苦茶苦労した。 報告書などの場合は、同じ内容ならば短ければ短いほどよいとされますので、量は気にせず、伝えたいことが相手に伝わるかどうかで語彙の多少や必要性を考えた方がよいと思います。 参考： チャーチルが指示した簡潔な文書作成のための4つの要点 | Kousyoublog ただ、Googleなどの検索エンジンを用いた検索のうまい・へたというのは用語をどれだけ知っているか（not 意味を知っているか）に

作家、MV監督としても活躍する傅天余（フー・ティエンユー）監督が、自身の母親をモデルにシナリオを書き上げた台湾映画『本日公休』が、2024年9月20日（金）より新宿武蔵野館、シネスイッチ銀座ほか全国の劇… 詳しくはこちら

BKF Chair Pillow Present Campaign キャンペーン期間中、対象のBKFチェアをお買い上げのお客様に、専用ピロー1点をプレゼントいたします。 詳しくはこちら

ども お久しぶりな中村です。 さて、今回は以前書いたドライブドキュメントネタの続編みたいな感じですが、皆さんも（多分）大好きなGoogleスプレッドシートの裏ワザ＆アドオンのまとめとなります。 なんとなーくエクセルの代わりになるよねーくらいでしか使ってない人は確実に損してると思うので、ぜひぜひ使い倒してみてください。 レポート瞬間生成！満を持して登場したGoogleアナリティクス公式アドオンGoogle Analytics add-ons もはや説明の必要は無いでしょう。ついに出たんですよ…Google Analytics公式のスプレッドシートアドオンが。 完全無料で！Google Analyticsのレポートを！一切の機能制限なく！スプレッドシート上で生成＆管理できるようになったんですよ！ 連携したら最初に アドオン＞Google Analytics＞Create New Reportで

Your all-in-one operating system for marketing Optimizely powers the entire marketing lifecycle, unlocking your team to create content with speed, launch experiments with confidence, and deliver experiences of the highest quality. Get started More about Optimizely One Everything you need for marketing, all in one AI-powered, marketer-friendly, and best-in-class (just ask the analysts) Content Orch

Google Analytics「次はA/Bテストを無料にする」 はい。またしても唐突な無償版発表です。。 つい先日、AIによる指標指示機能『Analytics Assistant』のリリースで業界を騒然とさせた我らがGoogle先生ですが、さらなる衝撃リリースをぶっ込んできました。 画面上でUIパターンをかんたん作成・編集可能で、しかもGoogle Analytics連携でセグメント設定までOKな有料版Google Analyticsの限定機能、『Optimize 360』の無償版を出すよ！という告知が、突如公開されたんです。

When building a modern web experience, it's important to measure, optimize, and monitor if you're to get fast and stay fast. Performance plays a significant role in the success of any online venture, as high performing sites engage and retain users better than poorly performing ones. Sites should focus on optimizing for user-centric happiness metrics. Tools like Lighthouse (baked into web.dev!) hi

Catch and throw Paper Planes with one another around the world.

自分の現在地のスタンプを押した手紙で作った紙飛行機を、スマートフォンを振ることで世界の誰かのところに飛ばせるユニークなアプリが「Paper Planes」です。自分の手紙に誰かがスタンプを押したり、誰かが投げた紙飛行機をキャッチしてスタンプを追加したりできるということで、仮想世界を通じて紙飛行機が世界のどこかに飛んでいくという体験をしてみました。 Paper Planes https://paperplanes.world/ Paper Planes - Google Play の Android アプリ https://play.google.com/store/apps/details?id=net.activetheory.paperplanes Paper Planesを使って画面の中で紙飛行機を折る様子や、紙飛行機を投げるところ、どこかから飛んできた紙飛行機をキャッチするシーンな