HTML5／CSS3に関する記事とニュース
-
2017/06/29難易度は？ 効果は？ 実践して初めて分かった「ペアプログラミング」の実際
この20年ほどの間に、「ウォーターフォール」へのアンチテーゼとして現れた、XP（エクストリーム・プログラミング）やScrumと呼ばれる「アジャイル」な開発手法が浸透してきた。中でも、近年ではXPの一部を構成する「ペアプログラミング（ペアプロ）」に対する関心が高まりを見せているようだ。ただ、ペアプロという手法があることを知ってはいても「どのように導入を進めれば良いか」「どのような効果があるのか」については、漠然としたイメージしか持っていないという人も多いのではないだろうか。今回、Yahoo! J...
-
2017/06/01マルチカラムも解説、Web用パーツをカスタマイズしたいときに役立つCSSスタイリング入門書
CodeZineの連載「CSSで作るWeb用パーツ」が本になりました。『デザインサンプルで学ぶCSSによる実践スタイリング入門』は、Webデザイナーやフロントエンドエンジニアでなくても「見出しやフォームをカスタマイズしたい」という方、特にHTMLとCSSは少し分かるけれど自分でコーディングできない方におすすめです。
-
2017/03/21つまみ食いが横行するCSSを正しく理解する――『はじめてのCSS設計』著者インタビュー
手軽で自由度の高いCSS、しかし、それゆえにチーム開発や中～大規模プロジェクトで思わぬ「事件」が起きるのもCSSです。翔泳社が3月13日に刊行した『はじめてのCSS設計』の著者の一人、田辺丈士（アイ・エム・ジェイ）さんは「CSSのつまみ食い」が横行していると危惧。CSSをきちんと設計するための本書についてうかがいました。
-
2017/03/10「標準」と「開発」のエキスパートが見据える「これからのWebサービス」の姿
日々、新しい技術が生まれ、進化を続ける「Web」の世界。変化の激しい世界に身を置き、サービスを開発、提供することに関わるエンジニアは、この変化をいかに捉え、活用していけば良いのだろうか。今回、日本屈指のWeb企業であるYahoo! JAPANで、数多くのサービス構築に携わってきた岡部和昌氏と、Mozilla Japanで技術戦略マネージャを務め、WebやHTML周辺技術の動向に明るい浅井智也氏が「Web標準やブラウザの進化の方向性」「実サービスへの新技術の取り入れ方」「Web開発に携わるエンジ...
-
2017/02/03HTML5プロフェッショナル認定資格がIT技術者・非技術者を問わず就職・転職に効く理由と背景とは
登場から2年が過ぎ、業務システムの世界でも、HTML5の活用の場が急速に拡がりつつある。本稿では、HTML5に関する技術力と知識を認定する「HTML5プロフェッショナル認定資格」を運営するLPI-Japanでテクノロジ－・ディレクターを務める和田真輝氏に、業務システムにおけるHTML5の導入・活用状況や、HTML5プロフェッショナル認定資格の狙い、そして技術者のスキルアップ＆キャリアパス設計における意義とメリットなどをうかがった。
-
2016/11/02既存も新規も業務アプリは「HTML5」が原則！ モダンなUIを作りユーザーが満点を出す開発者を目指そう
業務で使用するエンタープライズシステムでも、UI（ユーザーインターフェイス）の出来不出来が評価に大きく影響する時代。IT技術の研修サービスを行っている富士通ラーニングメディアでは、「HTML5」を学びに来る業務アプリケーション開発者が増えているという。資格Zine編集長の市古が同社の研修を体験をレポートするシリーズの第5回として、今回はHTML5研修の体験レポートをお届けする。
-
2016/09/15「分散OSとしてのWeb」「Webの現状把握に必要な3つの視点」――HTML5 Conference 2016基調講演レポート
9月3日、東京電機大学 北千住キャンパスにおいて「HTML5 CONFERENCE 2106」が開催された。その基調講演では、W3Cのサイトマネージャである中村修 慶應義塾大学教授、Increments プロダクトマネージャーの及川卓也氏が登壇した。
-
2016/05/125分でわかるActiveReports帳票－ActiveReports Server（応用編）
本連載では、帳票コンポーネント「ActiveReports for .NET 9.0J」の新機能を使用して帳票アプリケーションを作成する方法を解説します。第8回の今回は、9.0Jで追加された新機能である「ActiveReports 9.0J Server」の応用的な使用方法について説明します。なお、ActiveReports 9.0J ServerはProfessional版のみの機能です。
-
2016/04/15ついに始まった、Google AMP（Accelerated Mobile Pages）を試してみよう！
2016年2月からGoogle検索結果での表示が始まった、AMP（Accelerated Mobile Pages）。モバイル検索における大きな変化に注目が集まっています。本稿では、AMPの基本的な仕組と、実際に導入する方法について紹介します。
-
2016/03/045分でわかるActiveReports帳票－ActiveReports Server（運用編）
本連載では、帳票コンポーネント「ActiveReports for .NET 9.0J」の新機能を使用して帳票アプリケーションを作成する方法を解説します。第7回の今回は、9.0Jで追加された新機能である「ActiveReports 9.0J Server」を運用していく上で必要な、ユーザーやロールなどのセキュリティ設定やスケジュール実行の方法について説明します。なお、ActiveReports 9.0J ServerはProfessional版のみの機能です。
-
2016/02/25サイト制作はデスティネーションファーストが最重要！ 『モバイルファーストSEO』著者・瀧内賢さんに訊く
翔泳社が2月18日に刊行した『モバイルファーストSEO』は、今後サイト制作に関わるすべての人がモバイルユーザーを念頭に置かなければならないことを強調しています。今回、本書の著者・瀧内賢さんにモバイルを前提とするサイト制作についてお話をうかがいました。
-
2016/01/135分でわかるActiveReports帳票－ActiveReports Server（導入編）
本連載では、帳票コンポーネント「ActiveReports for .NET 9.0J」の新機能を使用して帳票アプリケーションを作成する方法を解説します。第6回の今回は、9.0Jで追加された新機能である「ActiveReports 9.0J Server」の概要と導入方法を紹介します。なお、ActiveReports 9.0J ServerはProfessional版のみの機能です。
-
2015/12/22Webデザイン講師が教えるプラグインを使わない「jQuery」の学び方――最初の入口を最も丁寧に！
Web制作に必要なスキルの中で、HTMLとCSSなら分かるけれど、jQueryとなると少しハードルが高いと感じている方も多いのではないでしょうか。翔泳社が12月15日に刊行した『jQuery標準デザイン講座』は、まさにそんな方を対象とした入門書です。今回、著者の神田幸恵さんに本書の読みどころや講師業で培われたjQueryの学び方をうかがいました。
-
2015/10/305分でわかるActiveReports帳票－HTML5ビューワ
本連載では、帳票コンポーネント「ActiveReports for .NET 9.0J」の新機能を使用して帳票アプリケーションを作成する方法を解説します。第4回の今回は、9.0Jで追加された新機能である「HTML5ビューワ」の使い方を紹介します。なお、HTML5ビューワはProfessional版のみの機能です。
-
2015/08/27「ツールの利用者」から「設計者」になるために。『入社1年目からの「Web技術」がわかる本』著者インタビュー
Web開発をするとき、ツールやフレームワークはとても便利です。しかし、日々の仕事に囚われて、それらの単なる「利用者」になってはいませんか？ 今回『入社1年目からの「Web技術」がわかる本』の著者、濱勝巳さんにプロとしてやっていくうえで最低限知っておくべきWeb開発の知識を網羅した本書についてうかがいました。
-
2015/03/12Compassの実践と、オイシックスでの導入事例
本連載では、CSSの拡張言語であるSassの導入と、Sassを利用したメジャーなCSSフレームワークの一つであるCompassの導入をサンプルを交えて紹介し、最終的には実際にオイシックスで利用しているCSSをSassで書き直した際の実例をご紹介します。第4回目はCompassの実践部分とオイシックスでの導入事例を解説します。
-
2015/02/06二次元イラストがぬるぬる動く！ Live2DでWebGLアドベンチャーゲームを作ろう
二次元イラストをぬるぬる動かすことのできる「Live2D」を使用した、アドベンチャーゲームの開発について、コードを元に紹介します。前半は、Live2Dのサンプルソースを元に、モーションやサウンドをつけるなどのカスタマイズの仕方を解説していきます。後半はアドベンチャーゲーム製作キット「ティラノスクリプト」のLive2Dプラグインについて紹介します。
-
2015/01/13デザインサンプルで学ぶCSSによるスタイリング～「テキスト（マルチカラム）」編
本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。最終回となる今回は、CSS3で追加されたマルチカラムの機能を利用して、段組みレイアウトを簡単に実装する方法を紹介します。
-
2015/01/05Bootstrapで画像をアルバムみたいにカッコよく表示しよう
本連載では、サーバーサイドJavaやPHPを使って業務アプリケーション開発を行う若手エンジニアのために、「Bootstrap」を使ってかっこいい画面を作成する方法をご紹介します。前回は、モーダルダイアログ、ドロップダウン、プログレスバーや、ユーザの可視性を高めるためのパンくずリスト／ラベル／バッジなどを説明しました。今回は、アルバムなどでよく使われている、画像を左右にスライドさせて表示するカルーセルパネルや、モーダルダイアログなどをご紹介します。
-
2014/12/02Bootstrapのモーダルダイアログやプログレスバーを使ってユーザーにやさしいWebアプリにしよう
本連載では、サーバーサイドJavaやPHPを使って業務アプリケーション開発を行う若手エンジニアのために、「Bootstrap」を使ってかっこいい画面を作成する方法をご紹介します。前回の記事では、雑多になりがちな業務アプリケーションのコンテンツを分かりやすく伝えるためのリスト／パネル／タブを説明しました。今回は、モーダルダイアログ、ドロップダウン、プログレスバーや、ユーザの可視性を高めるためのパンくずリスト／ラベル／バッジなどを説明します。
