TIPS

私たちが日々のシゴトで身につけたデザインや
WEB制作のヒントやテクニック、豆知識

vol.83 外国人にもわかりやすいWebサイトデザイン

外国人にわかりやすいWebサイトを制作する

vol.83DESIGN 外国人にもわかりやすいWebサイトデザイン

2017.11.14
vol.82 クリスマスに取り入れたいデザインのポイント

事例で見るクリスマス感じさせるデザインの要素

vol.82DESIGN クリスマスに取り入れたい
デザインのポイント

2017.11.08
vol.81 新しくなったGithub Desktopを使ってみよう

Electronベースで新しくなったGithub Desktopと大きいファイルを扱うGit LFSを検証。

vol.81WEB 新しくなった
Github Desktopを使ってみよう

2017.10.26
vol.80 高齢者のためのウェブデザイン8つのポイント

高齢者のためのユーザビリティに配慮したWebデザインのポイント

vol.80DESIGN 高齢者のためのウェブデザイン
8つのポイント

2017.10.04
vol.79 UI向上に必須。マイクロインタラクション10選

マイクロインタラクションの実装のポイントや実例

vol.79WEB UI向上に必須。
マイクロインタラクション10選

2017.09.28
vol.78 gulpを使ってファイルの徹底効率化をはかる

Webサイト構築の手順を効率、軽量、最適化が同時にできる納品成果物ビルドツール

vol.78WEB gulpを使って
ファイルの徹底効率化をはかる

2017.09.15
vol.77 秋を感じさせるデザインのポイント

秋を感じさせるグラフィックデザインの要素と事例

vol.77DESIGN 秋を感じさせるデザインのポイント

2017.09.15
vol.76 線や塗りなど描画が美しいSVGアニメーションの作り方

XML形式とCSS3でアニメーションをつけて、ロゴやアイコン、図形などをリッチに見せる方法

vol.76WEB 線や塗りなど描画が美しいSVGアニメーションの作り方

2017.09.07
vol.75 Google AdWords 管理画面リニューアル版を試してみよう

2017年8月リニューアルのGoogle AdWordsの管理画面のメリット

vol.75WEB Google AdWords 管理画面
リニューアル版を試してみよう

2017.08.29
vol.74 構造化データをお手軽に データハイライターを使ってみよう

データハイライター設定で
お手軽セマンティックWeb

vol.74WEB 構造化データをお手軽に
データハイライターを使ってみよう

2017.08.03
vol.73 3DCG制作ソフトBlender入門

3DCG制作ソフトBlenderの多彩な機能や使用前の基本設定

vol.73DESIGN 3DCG制作ソフトBlender入門

2017.07.27
vol.72 夏を感じさせるデザインのポイント 10選

夏を感じさせるグラフィックデザインの要素と実例

vol.72DESIGN 夏を感じさせるデザインのポイント 10選

2017.07.21
vol.71 srcsetで画像をレスポンシブやRetinaディスプレイに最適化

画像をレスポンシブやRetinaディスプレイに対応した最適の状態で表示させる

vol.71WEB srcsetで画像をレスポンシブや
Retinaディスプレイに最適化

2017.07.14
vol.70 映画にみる色使いのこだわり

監督の色・こだわりがよく見えるのは映画のよいところ

vol.70MOVIE 映画にみる色使いのこだわり

2017.07.06
vol.69 2017 Webデザイン・UIトレンド10選

一時的な流行ではなく多くのサイトで一般的に見られるようになったWebデザイン

vol.69DESIGN 2017 Webデザイン・UIトレンド10選

2017.06.30
vol.68 常時SSL化のススメ Let’s EncryptでWebサイトを暗号化

無料かつ迅速にセキュアな独自SSL「Let's Encrypt」証明書をサーバーにインストール

vol.68WEB 常時SSL化のススメ
Let’s EncryptでWebサイトを暗号化

2017.06.22
vol.67 東京オリンピックで活躍 ピクトグラムについて

街中で見かけるピクトグラムは1964年の東京オリンピックがきっかけで日本に広がった

vol.67DESIGN 東京オリンピックで活躍 ピクトグラムについて

2017.06.15
vol.66 Flexboxの仕様と柔軟なボックスレイアウト

2017年6月現在でのFlexboxの仕様とボックスレイアウトを柔軟にするFlexboxのプロパティ

vol.66WEB Flexboxの仕様と柔軟なボックスレイアウト

2017.06.13
vol.65 オフィスで使う印刷紙 企画書に最適な用紙とは!?

プレゼン企画書に最適な4つのコピー用紙を徹底比較

vol.65DESIGN オフィスで使う印刷紙 企画書に最適な用紙とは!?

2017.06.02
vol.64 これでもうアイコンがにじまない!SVGのデータ作成で気をつけるポイント

高解像度ディスプレイでもにじまないSVGでのアイコン作成と設定で気をつけるポイント

vol.64DESIGN これでもうアイコンがにじまない!
SVGのデータ作成で気をつけるポイント

2017.05.25
vol.63 node.jsアプリをLinuxサーバーで公開してみよう

node.jsのアプリケーションを既存のサーバにNginx経由でウェブ上に公開するための手順

vol.63WEB node.jsアプリをLinuxサーバーで公開してみよう

2017.05.18
vol.62 企画発想のコツ

AIの進歩により今後どの分野の仕事においても必要になる企画のコツ

vol.62DESIGN 企画発想のコツ

2017.05.11
vol.61 CSS肥大化を抑える Sassを使ったコード設計の実践

CSS肥大化を抑えるため、コード設計のポイントを業務で実際に実践してみた結果と改善点

vol.61WEB CSS肥大化を抑える Sassを使ったコード設計の実践

2017.04.27
vol.60 node.jsに触れてみよう サーバーサイドJSとは

JSをサーバーで実行するには必須の「node.js」の注目すべき点や知っておきたいキーワードをピックアップ

vol.60WEB node.jsに触れてみよう サーバーサイドJSとは

2017.02.21
vol.59 WebライティングでUIデザインの品質を高める

WebライティングでUIデザインの品質を高めるポイント

vol.59DESIGN WebライティングでUIデザインの品質を高める

2017.02.16
vol.58 CSS肥大化を抑える 破綻しないコード設計とSassの導入

CSSの肥大化を抑えるため、設計や構造を考える。Sassや命名規則、CSSの書き方を工夫してみる

vol.58WEB CSS肥大化を抑える
破綻しないコード設計とSassの導入

2017.02.14
vol.57 Raspberry PiにUbuntu Mateを入れてみよう

Raspberry Pi3にMacからLinuxをインストール。SDカードへのクローンのコツや注意点

vol.57WEB Raspberry PiにUbuntu Mateを入れてみよう

2017.01.06
vol.56 Adobe Premiere Pro 初めてのカラーグレーディング

時間がないからカンタンに補正したい!グレーディングを使った便利な色補正

vol.56MOVIE Adobe Premiere Pro
初めてのカラーグレーディング

2016.11.15
vol.55 人気フレームワーク LaravelをMacにインストールするときの注意点

LaravelをMacにインストールするときhomebrewを修復する

vol.55WEB 人気フレームワーク LaravelをMacにインストールするときの注意点

2016.09.30
vol.54 Photoshop CCでつくる! 3Dプリンターデータ

3DプリントデータSTLをPhotoshopでつくる方法

vol.54DESIGN Photoshop CCでつくる! 3Dプリンターデータ

2016.09.15
vol.53 撮影がもっとスムーズになる!撮影前準備のポイント

撮影前準備のポイント 動画撮影前にしておきたい準備やロケハン時のポイント

vol.53MOVIE 撮影がもっとスムーズになる!撮影前準備のポイント

2016.08.10
vol.52 「選ぶ」だけじゃない!自分で作るWordPressのオリジナルテーマ

サンプル付きでWordPressのオリジナルテーマ作成手順

vol.52WEB 「選ぶ」だけじゃない!自分で作るWordPressのオリジナルテーマ

2016.07.25
vol.51 Photoshopでここまでできる!ビデオタイムラインのアニメーション

複雑でカット数の多い動画をPhotoshopのビデオタイムラインを使って作る方法

vol.51ILLUST Photoshopでここまでできる!ビデオタイムラインのアニメーション

2016.06.30
vol.50 メジャーアップデート!高速化したjQuery3.0の特徴

よりスリム、より高速化したjQuery3.0のおさえておきたい新機能や変更点とポイント

vol.50WEB メジャーアップデート!
高速化したjQuery3.0の特徴

2016.06.29
vol.49 子どものUX 子どもを惹きつけるデザインのポイント

デジタル・ネイティブの子どもたちに向けたデザインの考慮すべきポイント

vol.49DESIGN 子どものUX 子どもを惹きつけるデザインのポイント

2016.06.08
vol.48 リスティング広告を始めるならGoogle AdWords

検索したキーワードに関連して表示されるリスティング広告の中で、Google Adwordsの利点とは

vol.48WEB リスティング広告を始めるならGoogle AdWords

2016.06.03
vol.47 游ゴシックの魅力と和文書体の歴史

スタイリッシュかつ暖かみを与える游ゴシックの魅力

vol.47DESIGN 游ゴシックの魅力と和文書体の歴史

2016.05.30
vol.46 夏の伝統色と文様

夏をあらわす日本の伝統色や文様、夏にぴったりの配色

vol.46DESIGN 夏の伝統色と文様

2016.05.23
vol.45 すぐに使える!アコーディオンメニューの実装

アコーディオンメニューをよりリッチに。すぐ使える実装方法をサンプルを付きで解説

vol.45WEB すぐに使える!アコーディオンメニューの実装

2016.05.17
vol.44 モバイルページ高速化 AMP HTMLを作成してみよう

通常の表示速度の4倍と言われるAMPのHTMLの規則に沿ったコーディングのポイント

vol.44WEB モバイルページ高速化
AMP HTMLを作成してみよう

2016.05.12
vol.43 動画コーデックをマスターしよう

映像データのエンコード、動画メディア配信の基礎からターゲットに合った圧縮方法

vol.43MOVIE 動画コーデックをマスターしよう

2016.04.28
vol.42 コンフリクト、エラーに対応しよう!GitHub運用実践編

Github Desktopでデータ管理のトラブルシューティングや問題解決に役立つ方法

vol.42WEB コンフリクト、エラーに対応しよう!
GitHub運用実践編

2016.04.28
vol.41 ハンバーガーボタン実装で学ぶJSの基礎

JSの基礎から今や主流となりつつあるUIコントロールの代表格スマホメニューボタンの実装方法

vol.41WEB ハンバーガーボタン実装で学ぶJSの基礎

2016.03.15
vol.40 デジタルイラストで毛の質感を表現する

BOEL Inc.の2016年賀状のイラストでPhotoshopで動物の毛をペンタブで表現

vol.40ILLUST デジタルイラストで毛の質感を表現する

2016.03.09
vol.39 CentOS7にハイパフォーマンスなWebサーバーをインストールしよう!準備編

CentOS7でハイパフォーマンスなWebサーバーを実現するNginx、新しくなったデータベース、MariaDBのインストール方法

vol.39WEB CentOS7にハイパフォーマンスな
Webサーバーをインストールしよう!
準備編

2016.01.25
vol.38 知ると便利なWEB解析ツール Googleアナリティクス

トラッキング解析ツール Google Analyticsを便利に使うためのテクニック

vol.38WEB 知ると便利なWEB解析ツール Googleアナリティクス

2016.01.22
vol.37 識別性、可読性の高いGill Sansの歴史と特徴

洗練されたモダンで可読性が高い伝統あるフォントGill Sans(ギル・サン)

vol.37DESIGN 識別性、可読性の高いGill Sansの歴史と特徴

2015.12.22
vol.36 11年ぶりのアップデート!PHP7の導入方法 11年ぶりのアップデート!

パフォーマンスが大きく改善したPHP7をインストール

vol.36WEB 11年ぶりのアップデート!PHP7の導入方法 11年ぶりのアップデート!

2015.12.09
vol.35 2016年の年賀状に使いたい紙、10選

2016年の年賀状におすすめの紙を、人気の高い「ファインペーパー」より厳選。中でもイチオシの10選

vol.35DESIGN 2016年の年賀状に使いたい紙、10選

2015.11.18
vol.34 SVGの作り方

ベクター形式のSVGについて基本的な書き出し方や使う時の注意点

vol.34DESIGN SVGの作り方

2015.11.13
vol.33 ペドロ・アルモドバルの映像色彩美

映画「私が、生きる肌」「バッドエデュケーション」「抱擁のかけら」を手がけた巨匠が創る色彩美

vol.33DESIGN ペドロ・アルモドバルの映像色彩美

2015.10.09
vol.32 GitHub Desktopを使ってみよう

GitHubのアプリケーションがより使いやすくなりました

vol.32WEB GitHub Desktopを使ってみよう

2015.08.20
vol.31 Ajaxでページを快適なものに

実はとても身近で使われている!? ajaxについて(前編)

vol.31WEB Ajaxでページを快適なものに

2015.08.04
vol.30 CSS3のキーフレームでつくるアニメーション

サイトをよりリッチに! CSS3のキーフレームでつくるアニメーション

vol.30WEB CSS3のキーフレームでつくるアニメーション

2015.07.31
vol.29 PhotoshopでGIFアニメを作る

GIFアニメをPhotoshopで作る基本的な方法と便利機能

vol.29ILLUST PhotoshopでGIFアニメを作る

2015.07.24
vol.28 よりよい睡眠で寝起きの良い朝を!

睡眠のメカニズムと寝起きのよい朝について

vol.28LIFE よりよい睡眠で寝起きの良い朝を!

2015.07.17
vol.27 自由にデザイン!tumblrのカスタマイズ方法

tumblrのテーマオプションを使って自由にカスタマイズ!初級編

vol.27WEB 自由にデザイン!tumblrのカスタマイズ方法

2015.04.07
vol.26 知って得する?!フランス旅行が倍楽しくなるフランスの伝統色

シックでエレガントな豊かで奥深い独特な色彩センスを持つフランスの伝統色の魅力や背景

vol.26DESIGN 知って得する?!フランス旅行が倍楽しくなるフランスの伝統色

2015.03.30
vol.25 あなたもできるWebサイトのパフォーマンステスト/脆弱性テスト

Webサイトの運用をはじめた際に、確認したいパフォーマンステストと脆弱性テスト

vol.25WEB あなたもできるWebサイトのパフォーマンステスト/脆弱性テスト

2015.03.26
vol.24 HTML+CSS3で軽快アニメーション!Web制作にGPU処理を

気持ちのよいWebページを制作しよう!HTNL+CSS3でできるGPUを用いたアニメーション

vol.24WEB HTML+CSS3で軽快アニメーション!
Web制作にGPU処理を

2015.03.24
vol.23 ペンタブでできる写真補正

写真の色調補正、レタッチ加工で便利なペンタブの使い方

vol.23ILLUST ペンタブでできる写真補正

2015.03.20
vol.22 Webサイトを圧倒的におしゃれにするGoogle web fontsの実装方法

Google web fonts「Noto sans Japanese」の実装方法

vol.22WEB Webサイトを圧倒的におしゃれにする
Google web fontsの実装方法

2015.03.19
vol.21 日本古来より伝わる色。美しい伝統色の魅力

四季の中に美を見い出し、生まれた日本の伝統色。日本の伝統色の魅力

vol.21DESIGN 日本古来より伝わる色。美しい伝統色の魅力

2015.03.09
vol.20 忘れがちな時間管理…スグに実践できるタスク管理法

1日で一番長く関わっている仕事の時間について

vol.20LIFE 忘れがちな時間管理…
スグに実践できるタスク管理法

2015.03.09
vol.19 テクスチャの作り方

テクスチャの作り方から、あると便利なテクスチャスタイルまで

vol.19DESIGN テクスチャの作り方

2015.02.23
vol.18 どう選ぶ?「オフセット印刷」と「オンデマンド印刷」

いざ印刷!という時に役立つ印刷の基礎知識

vol.18DESIGN どう選ぶ?「オフセット印刷」と「オンデマンド印刷」

2015.02.09
vol.17 ユーザーを魅了するパララックスサイト

Webサイトのパララックスレイアウトのメリット・デメリット

vol.17WEB ユーザーを魅了するパララックスサイト

2015.02.02
vol.16 えんぴつ風ブラシの作り方

Photoshopのオリジナルえんぴつ風ブラシを作ってみましょう

vol.16ILLUST えんぴつ風ブラシの作り方

2015.01.29
vol.15 1日には24時間しかない?

1日は24時間。時間を有効に使うためにも、あなたの24時間の円グラフを作ってみませんか?

vol.15LIFE 1日には24時間しかない?

2015.01.28
vol.14 レスポンシブWebサイトの高速化

ユーザーの直帰率、離脱率を防ぐ。モバイルで求められる表示速度のチューニング

vol.14WEB レスポンシブWebサイトの高速化

2015.01.26
vol.13 レスポンシブWebデザインをオススメする理由

時代はモバイルファースト、ユーザーに求められるコンテンツ設計を見据えた新しいWebの形

vol.13WEB レスポンシブWebデザインをオススメする理由

2015.01.20
vol.12 動画制作の流れ Adobe After Effects Pro編

プロジェクト、コンポジション作成からレンダリングまでのワークフロー

vol.12MOVIE 動画制作の流れ Adobe After Effects Pro編

2015.01.16
vol.11 ロゴ作成で気にしたい3つのこと

グラフィックデザイナーの視点から考えるロゴデザイン

vol.11DESIGN ロゴ作成で気にしたい3つのこと

2015.01.16
vol.10 動画の作り方 Adobe Premiere Pro編

Premiereになくてはならないシーケンスとは?

vol.10MOVIE 動画の作り方 Adobe Premiere Pro編

2015.01.09
vol.9 レイヤーモードの使い方

ペンタブユーザー必見!レイヤーを使ったイラスト作成プロセス

vol.9ILLUST レイヤーモードの使い方

2015.01.06
vol.8 GitHubを使ってデータを共有しよう

Gitのバージョン管理ツールでデータを共有したり変更履歴の記録やバックアップ!

vol.8WEB GitHubを使ってデータを共有しよう

2014.12.26
vol.7 配色で整理するWebデザイン

Webデザインのコンテンツの重要度を配色から考える情報整理術

vol.7DESIGN 配色で整理するWebデザイン

2014.12.26
vol.6 オリジナルの404ページにしよう

サイトの利便性を高めるカスタマイズした404ページでSEO効果を最大化

vol.6WEB オリジナルの404ページにしよう

2014.12.16
vol.5 FAVICONとWEB CLIP ICONの実装方法

Webサイト公開前にチェック!FAVICONとWEB CLIPについて

vol.5WEB FAVICONとWEB CLIP ICONの実装方法

2014.12.10
vol.4 使い方いろいろ!オリジナル筆圧ブラシの作り方

ブラシを使い分けることで色々な雰囲気のイラストを描けるようになる

vol.4ILLUST 使い方いろいろ!オリジナル筆圧ブラシの作り方

2014.12.10
vol.3 使うとこんなに便利!ペンタブの使い方

イラスト描画やマンガ制作、写真加工などクリエイティブツール、ペンタブを使いこなそう

vol.3ILLUST 使うとこんなに便利!ペンタブの使い方

2014.12.09
vol.2 表示速度が激変。Webサイトの高速化・最適化

Webサイトチューニングでハイパフォーマンスを目指す

vol.2WEB 表示速度が激変。
Webサイトの高速化・最適化

2014.12.08
vol.1 古くから愛されるフォント “TRAJAN”の魅力

古くて新しい欧文書体の王道、Trajanトラジャンフォントの魅力

vol.1DESIGN 古くから愛されるフォント “TRAJAN”の魅力

2014.12.05