alter.js BLOG
レスポンシブWebデザイン、CSSフレームワークなど、Webフロントエンド開発に関するBLOGです。

エンジニア歴1年未満でもサイト変換ができる!?その参

 前回のブログでは、ゼロからプロモーションサイトを作り上げた話をしました。 今回はサイト変換をした話をして、シリーズを終えたいと思います。 ジーンコードIDEを使ってサイト変換をやってみることに HTML,CSS,JavaScriptに慣れてきた私は、先輩から以下のように言われました。 実際の案件をジ …

スマホ入力フォームを最適化する4つの方法

 あなたのサイトの入力フォーム、きちんとスマホ最適化してますか? Webサイトにおいて「いかにフォームからのコンバージョンを獲得するか」は最も重要なミッションです。単にPCサイトのCSSを切り替えて設置しただけでは、スマホに最適化されているとは言えません。操作領域が小さく、使用環境も異なるスマホユーザ …

エンジニア歴1年未満でもサイト変換ができる!?その弐

 前回のブログでは、題名・画像1枚・画像の説明文という3つの要素があるだけのウェブページを作りました。 今回は、メニューバーや製品の特長、料金プランなどのリアルな要素があるウェブサイトを作った話をします。 ゼロからウェブサイトを作る ある日、先輩から以下のようなことを言われました。 新製品サイトクロー …

スマホサイト変換の導入事例:後編

 皆さんこんにちは!ジーンコード営業担当の鈴木です。 「ジーンコード営業日誌」では、PCサイトをスマホサイトへ変換する製品「ジーンコード」営業の現場から、お客様の変換製品検討の過程をまったり日記感覚でご紹介していきます。 前回から「有名飲料メーカーのコーポレートサイトスマホ化」と題して、地方企業様での …

エンジニア歴1年未満でもサイト変換 ができる!?その壱

 初めてのブログ投稿 初めまして、2015年入社の小野です。 昨年の4月から働き始め、9ヶ月が経ちました。 今回初めてブログを投稿します。 私が書くブログは、題して、 「エンジニア歴1年未満でもサイト変換ができる!?」 です。 全部で3本立ての、自分自身の成長記をストーリー仕立てでお送りしたいと思いま …

スマホサイト変換の導入事例

 皆さんこんにちは!ジーンコード営業担当の鈴木です。 「ジーンコード営業日誌」では、サイト変換製品「ジーンコード」営業の現場から、変換製品検討の過程を日記感覚でご紹介していきます。 サイトで公開しているジーンコード導入事例は東京所在の企業が中心ですが、地方企業様でのご導入ももちろんあります。 西日本に …

開発ツールが鍵を握る PCスマホ変換

 PCスマホ変換 とは、PCサイトを分析し、必要な情報を取得し、新たなコンテンツを生成することです。最終的なアウトプットはWebコンテンツですが、既にあるものを再利用する点が違います。この再利用を如何に簡単に迅速にできるか、どれほどの複雑な要望に応えられるかが、変換ソリューション導入の可否とメリットに …

PCスマホ変換技術 の5W1H解説:なぜ変換なのか?どうやって変換するのか?

 PCスマホ変換技術 5W1Hの最後は、根源的な問いかけでもある「なぜ変換したいのか?」と、現実策として「どんな方法があるのか?」という2つです。では、解説しましょう。 [Why]なぜ変換したいのか? – (目的) 私たちの経験上からも、「変換」したい典型的な場面としては以下のような時があ …

PCスマホ変換技術 の5W1H解説:誰が、何を、変換するのか

 PCスマホ変換技術 5W1Hの2回目は、Who(エンジン、処理系)とWhat(対象コンテンツ)です。早速解説しましょう。 [Who]誰が変換する? – (エンジン、処理系) 変換ロジックの処理系には、ツリー構造の操作が必要です。ツリー操作には、DOM を構築しXPath や jQuery …

PCスマホ変換技術の5W1H:いつどこで変換されるのか

 前回は導入方式によって3つの分類に分けましたが、次は変換技術にフォーカスします。一口に変換技術と言っても様々な切り口があります。ちょっと無理やりっぽいですが、5W1Hの形で解説してみます。 5W1Hを、When(タイミング)、Where(コンピュータ)、Who(エンジン)、What(対象コンテンツ) …

Page Top