Asial Blog

Recruit! Asialで一緒に働きませんか?

鴨田健次

Webディレクター/Webデザイナー

某無料動画配信サービスでWEBデザイナー/コーダーとして腕を磨き、現在はアシアルにて、WEBディレクターとして精進しています。シンプルで見やすいデザインが好きです。。

たずさわった仕事

非エンジニアのWebディレクターにオススメのGUIツール(Windows) MySQL/PostgreSQL編

カテゴリ :
バックエンド(プログラミング)
タグ :
Tech
GUI
Windows
MySQL
PostgreSQL
0-1.png
今回はコマンドラインが苦手な非エンジニアのWebディレクターにオススメする、MySQLやPostgreSQLのGUIツール「HeidiSQL」をご紹介いたします。

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
JavaScript
CSS3
クロスブラウザ
icon
iframeを使って外部サイト(自分で更新できない)を表示したいときに、
iframe内のコンテンツを拡大縮小する方法

サイトコンテンツを固定幅のまま、あらゆるブラウザで、
ウィンドウサイズに合わせてピッタリに拡大縮小する方法

HTML5プロフェッショナル認定試験レベル1 受験記

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
CSS3
資格
icon
・HTML5プロフェッショナル認定試験とは
・試験の対象職種
・出題範囲
・勉強方法
・受験結果

Flashコンテンツのスマホアプリ(iOS/Android)への移植手法に関して

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
Flash
AIR
HTML5
icon
Flashの移植では、いろいろと手法はあると思いますが、
今回は純粋にネイティブアプリに移植しました。
その経緯や試行錯誤について、お話ししたいと思います。

スマホアプリ開発の見積もりで気をつけたいいくつかのこと

カテゴリ :
日常
タグ :
Tech
iPhone
Android
アプリ
見積もり
icon
こんにちは、鴨田です。

普段はプロジェクトマネージャーやデザインディレクション、デザイナーとして、
働いている時間が長いのですが、営業として他社様に出向き、
案件ヒアリングや見積もりをすることがあります。

スマホ案件に携わることが多いため、大体の場合はスマホアプリ案件なのですが、
見積もり時に注意すべき事が多々あります。

今日は、スマホアプリ開発の見積もりで注意すべき点について、
いくつかご紹介できればと思います。

会社あるある-大手企業とベンチャー企業のメリット・デメリット-

カテゴリ :
日常
タグ :
日常
大手企業
ベンチャー企業
あるある
ライフハック
icon
こんにちは、鴨田です。

以前は、結構大きな会社で働いていたのですが、
その時のに経験と現状アシアルで働いている状況から、
大手企業とベンチャー企業の違いを語りたいと思います。

どちらがいいとかは、きっと個人の感覚により違うので、
就職とか転職の時の参考になれば幸いです。

画像付きリストのテキストを縦方向に中央揃えする(リキッドレイアウト対応)

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
CSS3
icon
こんにちは、鴨田です。

何らかの要素が縦横中央揃えになっているデザインが結構な頻度で出てきます。
デザイナーとしては見栄えを考えてそうしているのですが、
コーダーとしては、横方向はまだしも縦方向の中央揃えは何かと面倒だったりします。

いくつかケースがあると思うので、それぞれに関して自分ならこうする、
というコーディングをしていきたいと思います。

初心者のコーダーでも簡単に実装出来るJavaScript/jQuery Tips

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
jQuery
icon
こんにちは、鴨田です。

今更感はすごくあるとは思いますが、
コーダー初心者でも簡単なjQueryのコードで、
ちょっとした運用を楽に出来るTipsを紹介したいと思います。

CSSだけで作るアイコン付きボタンの作り方

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
CSS3
デザイン
ボタン
icon
こんにちは、鴨田です。

近頃はボタンのデザインに限らず、CSSで実現できるものは、
グラフィックにせず、CSSだけで書いています。

ボタンデザインに限らず、HTML/CSSで書いた方が効率的なこもあって、
最近はあまりPhotoshopを開くこともなくなってきています。

ということで、本日はCSSだけで作るアイコン付きボタンの作り方です。
アイコン付きというのがポイントです。

WEBデザイナー/コーダーでも15分で導入出来るSCSS+Compass

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
CSS
SCSS
HTML5
Compass
1.png
こんにちは、鴨田です。

最近、チラホラとSCSSの記事を見かけるようになり、
どう考えても導入しない理由がないので、始めてみました。
もろもろのインストールから、コーディング開始まで15分もあれば十分ですので、
是非、みなさまも導入してみてください。