ロゴにガイドラインは必要？ガイドライン制作メリットの話
弊社でよくロゴ制作を担当するので、ロゴと一緒に制作する「ロゴガイドライン」のメリットについてお話したいと思います。 ロゴガイドラインとは 簡単に言うと、ロゴを制作する際に併せて作るロゴの説明書です。ロゴの製作者、もしくはロゴを提供する側・される側に立った事がある方なら、以下のようなガイドラインを一度は目にしたことがあるのでは。 内容は企業によって様々ですが、このロゴガイドラインでは規定カ
2022.3.30
ラクーンのデザインクオリティ管理方法、教えます！
どのデザイン会社や組織でもクオリティを担保するためのチェックを行いますが、ラクーンのデザイン戦略部（以下デザ部）でも「カンプチェック」という名前でデザインのクオリティ管理を行っています。 今回はこのカンプチェックについて、何を目的としてどんな方法で行っているかご紹介していきたいと思います！ カンプチェックとは まずは「カンプ」という言葉のおさらいから。 カンプ＝ Comprehensive l
初めてメンターになるときに意識すると良さそうなこと10選
そろそろ新入社員が入社してくる時期ですね。新たなメンバーとの仕事にワクワクする方も多いと思います。 私は今年度に入社した新卒社員のメンターを務めました。後輩に本格的に仕事を教えるのは初めての経験だったので、後輩が配属される直前まで「将来を台無しにしたらどうしよう」と考えていました。 結果的に私がメンターをした彼は、1年目とは思えないレベルで素晴らしい技術力を身に着けてくれたので、彼の成長に多少
CSSだけでできる！画像のスタイリング
サイトをつくるときに、「大量の画像を加工するのが大変だな」と思うことはありませんか？ 画像を加工して使用する場合、もし修正が必要になるとすべての写真を修整しなくてはなりません。 その点、CSSを使用していると、それぞれの画像を修正しなくてもCSSを修正すればすべての画像に反映してくれます。 そんなわけで、今回はcssでできる画像のスタイリングをいくつかご紹介します。 目次 シャドウ
2022.3.30
Chromeでの画像ぼやけ対策色々
先日出来上がったページの画像がぼやけてると指摘されて修正することがあったのですが、その際調べたところ解決法が複数あったので、体験談交えてメモ的に記録しておきます。 事象と経緯 自分のPCでは特に気になっておらず、完成してからデザインチェックに出したらChromeだけ画像が荒いんですが、と指摘が上がりました。 ブラウザごとの見え方のサンプルも添えてご指摘いただいたのですが、これが結構ひどく、1p
2022.3.29
モダンJavaScriptに触れてみよう
フロントエンドに React/Vue.js を採用する機会が多くなってますが、まだまだ jQuery が現役のところも多いと思います。 今回は過去に JavaScript を触った経験がある方を対象に ES2015（ECMAScript 2015、ES6） 以降で変わった点をいくつかまとめてみました。 const let ES2015 従来は変数宣言に var を使用してきましたが、const
2022.3.28
JS不要！CSSで固定要素のアレを簡単に実装【position sticky】
さて、昨今IEのサポートが切れた関係で、IEをカバーをする必要が無くなってきています。 弊社でも一部以外、IEはサポート対象外としています。 IEを考えると新しめの技術を使えなかったのですが、縛りが解禁されてだいぶ経ちますね。 そんな背景を踏まえ、今回はcssのposition stickyについてご紹介しようと思います。 固定要素のあれこれをstickyで解決 皆さま、画面上で固定要素は使
2022.3.24
デザイナーも知っておこう「相手が行動するプレゼン資料」
私たちデザイナーは、他の部署メンバーが作り上げたプレゼン資料のデザイン添削を行う機会がときどきあります。 作業内容としては、まず見やすい状態にするためにデザインルールを作ります。あとは決めたルール通りに実際にレイアウトを行います。つまり、見た目を綺麗にするだけの作業に留まっています。インハウスデザイナーならば、もう一歩踏み込んでプレゼンの目的や結果を意識したデザイン業務を心掛けたいですよね。…とい
2022.3.24
シェル芸のすすめ～awk, xargs, date～
エンジニアであれば、ログの調査、環境構築、データの整形などLinuxコマンドを書く機会はたくさんあるかと思います。 コマンドは所謂「枯れた技術」ですが、「枯れた技術」であるが故に話題に上ることは少なく、集中的に学ぶ機会は少ないように感じます。 結果として、毎回コマンドを使ってやりたいことを上手く実現できずにモヤモヤしている方も多いのではないでしょうか（私のことです）。 シェル芸本との出会い そ
GA4移行の切り札、Google Analytics の gtag.js と「接続済みのサイトタグ」の仕組みを徹底解説
ユニバーサルアナリティクスの終了がアナウンスされましたね。そこで本日はユニバーサルアナリティクスと Google アナリティクス 4 プロパティ（以降 GA4 と表記）を併用したり、移行する際に使われることが多い「接続済みのサイトタグ」機能について解説します。 「接続済みのサイトタグ」とは端的にはユニバーサルアナリティクスの記録用に埋め込んだタグをそのまま使って、Google Analytics
完成後も編集できる！ネオンサインの作成方法【Illustrator】
最近作成したネオンサインオブジェクトが編集できて便利だったので、作成方法をご紹介します。 今回作成するネオンサインの特長です。 Adobe Illustrator のみで作成できる（＝ Adobe Photoshopや他ツールを使用しない） テキストの色・フォント・線幅などを完成後も編集できる グラフィックスタイルに登録できる それでは作成方法を見ていきましょう。 1. 白地素材を用意
2022.2.28
第17回LT大会を開催しました
先日、第17回LT大会を開催しましたので、その様子を報告させていただきます！ 今期は最後の開催となります！今回も熱いLTバトル？が繰り広げられました！！ 今回の発表テーマ 1人月で70万円/月の赤字を削減した話 そのインデックス効いてないかも 9Pが狂おしいほどに遅いのでなんとかしたい あまり実用的じゃないAI知識 強制メンテオブザイヤー Java SE 11 Silverのオンライン試験