フォーム送信前のバリデーション(検証)は欠かせませんが、あまりリッチな機能ではかえって使いにくくなることもあります。なるべくブラウザーの機能を使って、シンプルなバリデーション機能を実装する方法を解説します。 HTML5ではブラウザーベースのフォームバリデーションを実装するために、新しい属性がいくつか導入されました。たとえばpattern属性はtextarea要素やinputに対して有効な入力値を正…

Loading...

グーグルが推進しているモバイル向けの高速化技術「AMP」、もう対応しましたか? WordPressを利用しているサイトなら、意外なほど簡単に対応できます。 グーグルのAccelerated Mobile Pages(AMP、モバイル向け専用の高速ページ)プロジェクトは2016年2月24日に始まりました。何千もの開発者が参加者として名を連ね、無数のWebサイトがAMP版ページを用意して、多くの開発者…

Loading...

LESSONS

リアルタイムなAPIを作れるフレームワークFeathersとReactを使って、CRUDなWebアプリを開発する基礎を解説します。 モダンなプロジェクトでは、コードの再利用性を高めるため、フロントエンドとバックエンドでロジックを分けてコードを書くことが求められます。具体的な再利用の用途は、バックエンドAPIにアクセスするネイティブモバイルアプリを作る場合や、モジュール方式の大規模プラットホームにお…

Loading...

Webデザインにマテリアルデザインを簡単に取り入れられる、CSSフレームワークを6つ、紹介します。 グーグルが自社のデザインにマテリアルデザイン(Material Design)を導入したのは2014年のことです。以来、Gmail、Docs(Googleドキュメント)、Drive(Googleドライブ)など、マテリアルデザインは多くのグーグル製品に実装されました。マテリアルデザインはAndroid…

Loading...

JavaScriptでデータベースといえば非SQLだと思っていませんか? Node.jsのmysqlモジュールでMySQLを使う方法を解説します。 Node.jsアプリのバックエンドに適しているからか、非SQLのデータベースが話題ですが、流行っていて格好良いという理由だけで次のプロジェクトに採用するわけにはいきません。プロジェクトで要求されることに基づいてデータベース型を選ぶべきです。プロジェクト…

Loading...

「試して面白いアプリならOK」グリコがプログラミングアプリを制作できた、上層部を納得させる手法を伺いました。 第4回目となる「コードアワード2017」においてグランプリを受賞した、江崎グリコ株式会社によるプログラミング教材『GLICODE』(以下 グリコード)。 「コードアワード2017」オフィシャルガイドブックに掲載された本編に続く「番外編」では、グリコードによって見えた「お菓子と子どもの関係性…

Loading...

動きの早いJavaScriptフレームワークの世界で、長い歴史と実績を持つCanJSを知っていますか? その魅力を解説しながら、簡単なWebアプリを作成するチュートリアルをお届けします。夏休みの課題にどうぞ。 CanJSは、長期にわたってメンテナブルなWebアプリの作成に役立つ、革新的なフロントエンドライブラリーです。何十個もの独立したパッケージがあり、必要なライブラリーを選択できるため、100k…

Loading...

優れたデザイナーは他のデザイナーとどこが違うのでしょうか。UXデザイナーとして成功したいなら押さえておきたい、5つの行動を紹介します。 UXデザイナーの需要は増え続けています。General AssemblyはUXデザインは2020年にもっとも有望な仕事の1つになると予測していますが、需要が増加すれば供給も増加します。この記事では、競争に勝つために優れたデザイナーの特徴を5つ紹介します。 UXデザ…

Loading...

今週公開した記事の中から、この週末に読んでおきたい注目記事をまとめて紹介。今週は、仕事を効率化する便利なWordPressプラグイン6選、Flexboxでサクッと作る!いまどきのメガメニューのマークアップ、2分で写真を木版画風SVGに変換する方法など、話題の記事を中心に8本をセレクト。平日は忙しくてチェックできなかった人も、休日にゆっくりまとめ読みしてみては? 【今週の一番人気】忙しすぎる個人企業…

Loading...

CMSの定番といえばWordPressですが、開発者にとってより柔軟で使いやすいCMSを探しているなら、Node.jsベースのKeystoneJSがおすすめです。KeystoneJSの特徴と使い方、WordPressとの比較をまとめました。 KeystoneJSはコンテンツ管理システム(CMS)で、データーベースと連動するサーバーアプリケーションを構築するためのフレームワークです。Node.jsの…

Loading...