HTMLのdialog要素とフォーム機能

こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか? 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォー…

TypeScript で querySelector メソッドを使うときに型引数を指定する

こんにちは、エンジニア職の id:nanto_vi です。(この記事は、はてなエンジニア Advent Calendar 2020 の 12 日目の記事です。昨日は id:cohalz さんによる「Webサービスのモニタリングについてのチェックリスト」でした。) 結論 TypeScript で querySelecto…

カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて (builderscon tokyo 2018)

こんにちは、Webアプリケーションエンジニアのid:nanto_viです。先日開催されたbuilderscon tokyo 2018において「カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて」という発表を行いました。Webブラウザ上で、小説を縦組みで読むという機能に関す…

通知機能って何を作ればいいの?

こんにちは、id:nanto_vi です。この記事ははてなエンジニア Advent Calendar 2017 の 10 日目の分です。前日は id:ikesyo さんによる「SwiftのSDK overlayとswift-corelibs-foundation」でした。 スマホアプリはもちろん、Web でも利用の広まっている通知機…

少しずつアクセシビリティ意識する

こんにちは、アプリケーションエンジニアの id:nanto_vi です。はてなでは週 1 回、エンジニアとデザイナーが参加する社内勉強会が開かれています。その勉強会にて「少しずつアクセシビリティ意識する」という発表を行ったので、発表資料を公開します。 なぜ…

薄いフレームワーク指向の Web クライアントサイドプログラミング

こんにちは、Web アプリケーションエンジニアの id:nanto_vi です。先日開催された Kyoto.js #12 において、「薄いフレームワーク指向の Web クライアントサイドプログラミング」と題した発表を行いました。とある Web アプリケーションの開発にあたって、Ja…

Unicodeプロパティを使ったPerl正規表現

こんにちは、Webアプリケーションエンジニアのid:nanto_viです。 Webアプリケーションを作っていると、「全角文字と半角文字を統一したい」「ユーザーの入力から漢字を抜き出したい」といったテキスト処理を行う場面にたびたび遭遇します。はてなではWebアプ…

HTMLのpattern属性とJavaScript正規表現のunicodeオプション

こんにちは、Webアプリケーションエンジニアのid:nanto_viです。みなさんHTMLのフォーム検証機能は使っていますか? 近年は各Webブラウザの対応も進み、お手軽にフォームの利便性を高められるようになっています。 そんなフォーム検証機能のひとつがinput要素…

Perl の Time::Piece 利用上の注意点

こんにちは、アプリケーションエンジニアの id:nanto_vi です。この記事ははてなデベロッパーアドンベントカレンダー 2015 の 2 日目です。Perl で日時を扱うモジュールのひとつに Time::Piece があります。コアモジュールなので手軽に使えますが、Perl - Ti…

TypeScript で実現する MVP アーキテクチャパターン

こんにちは、アプリケーションエンジニアの id:nanto_vi です。先日行われた Hatena Engineer Seminar #4 で、「TypeScript で実現する MVP アーキテクチャパターン」と題する発表を行いました。当日は皆様ご清聴いただき、また懇親会でも活発な質疑をいただ…

URI.pmを継承する

こんにちは、アプリケーションエンジニアのid:nanto_viです。この記事はKyoto.pm Tech Talk 02で発表した内容を加筆修正したものであり、はてなエンジニアアドベントカレンダーの5日目です。はてなは今年で設立13年目を迎え、以前から存在するサービスの保守…