フォーム入力欄にプレースホルダを設定してCSSで装飾しよう【入力フォーム番外編】

クラウド事業部のたまです。 アプリケーション開発ではフォームのインプットボックスを扱うことも多いかと思います。今回は、ユーザーの入力を補助するプレースホルダについて、どう設定するのか、CSSで思った表示に装飾するにはどう […]

クラウド事業部のたまです。 アプリケーション開発では

その他入力欄で選択肢に自由度を持たせよう！【入力フォームPART8】

　入力フォームを利用するにあたり、よく見かけるのが選択肢から選ぶタイプの項目。性別や職業、問い合わせカテゴリーなど、様々な項目で使用されていると思います。しかし、用意されている選択肢に当てはまらない場合も意外とありますよ […]

　入力フォームを利用するにあたり、よく見かけるのが選択肢か

CSSの変数、カスタムプロパティ

たまです。 Webアプリケーション製作に伴い、Webのコーディングについて教える機会がありました。今回は、普段はアプリケーション製作などに関わっている方でも、意外と知らないカスタムプロパティについてご紹介します。 カスタ […]

たまです。 Webアプリケーション製作に伴い、Web

まとめて管理！パッケージ管理システムSnap【OracleLinux8】

　何をするにしても、何をやり始めるにしても、絶対必要となるのがダウンロード＆インストール作業。複数のプログラムを入れて、それぞれを連携させて・・と意外と手順が多い場合も多く、意外とうまくいかないことも多い作業だなと思いま […]

　何をするにしても、何をやり始めるにしても、絶対必要となる

入力制限をもっと簡単に！Validate.jsを使ってみよう【入力フォームPART7】

　入力フォーム作成もそろそろ大詰め。今回は、入力制限について、改めて考えてみたいと思います。入力制限といえば、PART2で行った「必須入力」や、PART3で行った「文字数制限」など。前回は自力でいろいろと記述して実装しま […]

　入力フォーム作成もそろそろ大詰め。今回は、入力制限につい

テーブルレイアウトをgridとflexで再現してみよう！

クラウド事業部のたまです。 最近は、１月入社の方にWebコーディングについて教えているのですが、まったく未経験の方なので、どのように説明すれば理解していただけるのか、楽しく学んでいただけるのかを日々考えています。そんな中 […]

クラウド事業部のたまです。 最近は、１月入社の方にW

ふりがなも自動入力に！autoKana.jsで簡単入力【入力フォームPART6】

　これまで入力フォームに関連する機能をいろいろとご紹介してきました。最近の入力フォームは、便利で簡単に入力できる工夫が当たり前のようにされているようにも思います。前回取り上げた、郵便番号から住所を自動で入力してくれる機能 […]

　これまで入力フォームに関連する機能をいろいろとご紹介して

簡単レスポンシブ対応のCSSフォントサイズ指定と単位

クラウド事業部のたまです。 まだスマホが無い頃はみんなPCでWebサイトを見ており、PCに合わせたデザインが行われ、かなり厳密な表示の管理がされていました。現在はスマホ、タブレットやノートPCなど様々な画面サイズの環境か […]

クラウド事業部のたまです。 まだスマホが無い頃はみん

郵便番号を自動で！住所入力を楽にする方法【入力フォームPART5】

　お正月の楽しみのひとつ、年賀状。最近はどんどん年賀状を書く人も減っている印象がありますが、遠方の親戚など普段なかなか交流のできない人とやりとり出来る貴重な機会でもありますよね。大学生のころ、年末年始だけ年賀状仕分けのア […]

　お正月の楽しみのひとつ、年賀状。最近はどんどん年賀状を書

改行位置をコントロールしたい！

クラウド事業部のたまです。 あぷせ！の管理者画面のデザインが一区切りつき、コーディングが進んでいます。毎日のように画面のHTMLを書いているので、今回もHTMLとCSSについて書きたいと思います。 表示する要素や見出しコ […]

クラウド事業部のたまです。 あぷせ！の管理者画面のデ