2021年9月12日　X Design Forum 最近の安藤が手がけているデザインの研究について、概要をお話するプレゼンテーションです。Read less

VuetifyはVue.jsのUI(ユーザインタフェース)のライブありでVuetifyを利用することでデザインの知識がなくても効率的に美しいGUI画面を作成することができます。しかし使いこなすためにはプログラミングの知識が必要となるためVuetifyの基本的な使用方法を理解しておく必要があります。 本文書ではVuetifyがマスターできるように実践的なダッシュボードの作成を通して使用方法を確認していきます。 説明は2回に分けて行い、1回目である本文書ではダッシュボードのレイアウトの作成方法とルーティングの設定方法を確認します。本文書を読み終えるとVuetifyを利用して自分の力で下記のダッシュボード画面を作成することができます。 ダッシュボード画面 2回目ではダッシュボードに表示させるグラフコンポーネントを使って、Grid System(グリッドシステム)やResponsive Desig

※割引キャンペーンは 2020/05/12 12:56 時点で終了しているのを確認しました。 Microsoft 365 Personal 1年分を4,467円で購入しました。このツイートで紹介されていたのが元ネタです。 Microsoft 365 Personal(最新 1年版)|オンラインコード版|Win/Mac/iPad|インストール台数無制限(同時使用可能台数5台) 発売日: 2014/10/17メディア: Software Download Microsoft 365 Personal 1年分と下記の3本を同時に購入することで、割引が重複されて 4,467円 で購入することができます。 ノートン ダークウェブ モニタリング Powered By LifeLock|1年版|オンラインコード版|Win/Mac/iOS/Android対応 ノートン セキュリティ デラックス(最新版)|

モダンブラウザでサポートされているCSSの疑似クラスを使えば、JavaScriptでフォーム状態を監視することなく、CSSで状態を検知できるようになりました。また、HTMLのpattern属性を使えば入力バリデーション機能（※）もつけられます。これらを活用することで以前よりも手軽にインタラクティブなフォームを実現できます。 デモを別ウインドウで再生する ソースコードを確認する ※あくまでform要素への入力バリデーションなので、送信される値に対して保証はありません。送信される値をチェックするにはサーバー側のバリデーションが別途必要になります。 さまざまな状態を選択できる疑似クラス 疑似クラス（Pseudo-classes）はCSSで使えるセレクターの一種で特定の状態の要素を指定できます。:hoverも疑似クラスの1つです。::afterは「疑似要素」と呼ばれ、表記は似ていますが呼び名が違う

Vue.jsを使用して、Webページやスマホアプリでよく使用されるフォームを簡単に実装できるVue Formulateを紹介します。 サインアップ、ログイン、メールアドレス、ファイルのアップロード、アンケートなど、さまざまなフォームをサポートしており、バリデーション機能も備えています。 Vue Formulate Vue Formulate -GitHub Vue Formulateの特徴 Vue Formulateのデモ Vue Formulateの使い方 Vue Formulateの特徴 Vue Formulateは、Vue.jsを使用してフォームを構築する最も簡単な方法です。主な機能は、フォームとフィールドの検証、ファイルのアップロード、フォームの生成、ラベルをサポートする単一要素の入力、ヘルプテキスト、エラーメッセージ、プレースホルダーなど、さまざまなプロジェクトで使用するための包

こんにちは。谷口です。 paizaを運営しているとITエンジニアを目指して就活・転職活動中の方々から相談を受けることが多いのですが、中には既卒や第二新卒、実務未経験、職歴なし、ブランクがある方なども少なくありません。 就活・転職活動中をしていると、ハンデを感じることもあるかもしれませんが、上記のような経歴でも、paizaでエンジニアとしての就職・転職先が決まった人はたくさんいます。 たとえば、厚労省が「卒業後3年以内の既卒者は新卒として扱うこと」を奨励する通達を出したことで、今や多くの企業が既卒者の受け入れを実施しています。 「○○だから就職・転職できない、エンジニアになれない…」なんてことはありません。ただし、「企業がこのような応募者をどう見ているか」を知った上での面接対策は必要です。 今回は、既卒や第二新卒、実務未経験、職歴なし、ブランクがある方などに向けて、面接でどこを見られているの

仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ（bc_rikko）さんが解説します。 はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている、仮想DOMについて知っていますか？ 「聞いたことない」「聞いたことはあるけど、どう実装されているかは知らない」「熟知している」。いろいろなレベルの方がい