yuuAnのブックマーク - はてなブックマーク

更新が必要なnpmパッケージを可視化する - Hatena Developer Blog
こんにちは。ウェブアプリケーションエンジニアのid:masawadaです。普段は、はてなブログチームで開発を行なっています。今回は、日々の開発で生まれた困りごとを解消するために作ったyarn-outdated-formatterというツールを紹介します。経緯以前id:amagitakayosiが「フロントエンド Podcastはじめました - Hatena Developer Blog」にて書いたとおり、はてなには現在「フロントエンドエンジニア」という肩書きのメンバーはいません。はてなブログチームでも全員がバックエンド(Perl)とフロントエンド(JavaScript)両方のコードを書いており、どちらかというとバックエンドがメインのためクライアントサイドは片手間になりがちという問題がありました。そこで、チーム内でFWG(フロントエンド・ワーキング・グループ)という会を組織しました。F
yuuAn 2017/06/07
JavaScript

npm

yarn
リンク
HTMLのpattern属性とJavaScript正規表現のunicodeオプション - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:nanto_viです。みなさんHTMLのフォーム検証機能は使っていますか? 近年は各Webブラウザの対応も進み、お手軽にフォームの利便性を高められるようになっています。そんなフォーム検証機能のひとつがinput要素のpattern属性です。pattern属性の値にJavaScriptの正規表現パターンを指定することで、ユーザーの入力が意図しないものであった場合、フォーム送信ができなくなります。下図は5桁の数字の入力が求められるところに3桁しか入力せずフォーム送信しようとしたところです。ブラウザに組み込みのエラー表示が出現し、またそのメッセージにtitle属性の値が使われていることを確認できるでしょう。(pattern属性を指定する際には、title属性に書式の説明を記述することが推奨されています。) <input type="text"
yuuAn 2016/05/21
HTML

JavaScript

正規表現

バリデーション
リンク
インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blog
インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5 ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか自己紹介 nanto_vi (外山真, TOYAMA Nao) ブックマークチームアプリケーションエンジニアはてなブックマーク Firefox 拡張はてなツールバー for Firefox はてなブックマーク Twitter 投稿機能はてなサマーインターン 2008 なんとなく Emacs 富山県南砺市とはあまり関係なし概略 UI の評価・設計・実装の概略 HTML についての概略、HT
yuuAn 2010/08/10
HTML5
リンク
1