HTMLのdialog要素とフォーム機能 - Hatena Developer Blog

2021/12/01 12 users dialog要素 モーダルダイアログ HTML 自前 CSS

こんにちは、id:nanto_viです。この記事ははてなエンジニアAdvent Calendarの1日目の分です。 Webアプリケーションでモーダルダイアログを実現しようとして苦戦したことはないでしょうか？ 自前でHTML、CSS、JavaScriptを組み合わせて実装していくと、フォーカスやスクロールの制御が大変ですよね。そんな悩みを解決して... 続きを読む

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

2020/12/12 16 users TypeScript cohalz モニタリング 型引数 指定

こんにちは、エンジニア職の id:nanto_vi です。(この記事は、はてなエンジニア Advent Calendar 2020 の 12 日目の記事です。昨日は id:cohalz さんによる「Webサービスのモニタリングについてのチェックリスト」でした。) 結論 TypeScript で querySelector、querySelectorAll メソッドを呼び出すときは、型引数を指定... 続きを読む

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

2018/09/11 158 users カクヨム Webアプリケーションエンジニア 質疑応答 補足

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

学生がエンジニアで仕事をして知識を増やすこと - cohаlz.hatеnablоg.сom

2017/12/11 39 users cohаlz hatеnabl アルバイト 概要 エンジニア

2017 - 12 - 11 学生がエンジニアで仕事をして知識を増やすこと この記事は， はてなエンジニア Advent Calendar 2017 の11日目の記事です． 前日は id:nanto_vi さんによる 通知機能って何を作ればいいの？ でした． 概要 はてな にシステムプラットフォーム部のアルバイトとして入社して一ヶ月弱が経ちました． エンジニアとしてアルバイトをするのはこれで2社目... 続きを読む

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

2017/08/30 73 users Hatena Developer Blog エンジニア

2017 - 08 - 30 少しずつアクセシビリティ意識する こんにちは、アプリケーションエンジニアの id:nanto_vi です。はてなでは週 1 回、エンジニアとデザイナーが参加する社内勉強会が開かれています。その勉強会にて「少しずつアクセシビリティ意識する」という発表を行ったので、発表資料を公開します。 なぜするの？ 何をするの？ とりあえず何をするの？ 例: テキストラベルを付与する ... 続きを読む

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

2017/03/10 180 users アプリケーションエンジニア web アプリケーション 発表

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

サーバとわたし - Words fly away, the written letter remains.

2016/12/13 78 users Words fly away サーバ わたし tomomii

2016 - 12 - 13 サーバとわたし こんにちは。 id:tomomii です。こちらは「 はてなスタッフアドベントカレンダー2016 」13日目の記事です。今年のテーマは「好きなもの」です。 昨日の担当は id:nanto_vi さんによる 去年今年に食べた駅弁 でした。おいしそう。 わたしは好きなものを分類して自分内に収納しているのですが、その中にじわじわと心惹かれる片思いのような好き... 続きを読む

セキュリティ会の取り組み - Hatena Developer Blog

2016/12/03 38 users Hatena Developer Blog プロパティ

2016 - 12 - 03 セキュリティ会の取り組み はてなエンジニアアドベントカレンダー2016 この記事は、 はてなエンジニアアドベントカレンダー2016 の3日目の記事です。昨日は id:nanto_vi による CSS の -webkit-line-clamp プロパティについて: Days on the Moon でした。 こんにちは、はてなでチーフエンジニアをしている id:wtat... 続きを読む

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

2016/04/28 152 users pattern HTML Webアプリケーションエンジニア

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

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

2015/02/13 282 users アーキテクチャパターン アプリケーションエンジニア ＭＶＰ

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

URI.pmを継承する - Hatena Developer Blog

2014/12/05 22 users URI アプリケーションエンジニア 加筆 保守 運用

2014-12-05 URI.pmを継承する はてなエンジニアアドベントカレンダー2014 こんにちは、アプリケーションエンジニアのid:nanto_viです。この記事はKyoto.pm Tech Talk 02で発表した内容を加筆修正したものであり、はてなエンジニアアドベントカレンダーの5日目です。はてなは今年で設立13年目を迎え、以前から存在するサービスの保守・運用も重要な業務のひとつとなって... 続きを読む

はてなでコードを書くときに気をつけていること: Days on the Moon

2011/12/18 17 users コード Days on the Moon はてな 返答 一環

こんにちは、はてなでアプリケーションエンジニアをしている nanto_vi です。この記事は Hatena::Staff Advent Calendar 2011 の一環として書いています。Advent Calendar の会場ははてなブログとなっていますが、主催の antipop さんに尋ねたところ何でもよいというような返答があったのでここで書きます。 はじめに謝っておきますが、この記事ははてな... 続きを読む

Chrome+HTML5 Conference「Webアプリの道も一歩から」講演資料を公開します - Hatena::Engineering

2011/08/26 326 users Engineering nagayama ディレクター 講演

2011年8月21日(日)に開催されたChrome+HTML5 Conferenceにて、id:nagayamaとid:nanto_viが講演を行ったので、その資料を公開します。「Webアプリの道も一歩から 〜はてなブックマークの場合〜」と題し、公式Chromeウェブアプリ はてなブックマークの開発フローや利用技術について解説しました。発表は2部構成で、ディレクターのid:nagayamaがはてな... 続きを読む

Hash::Compactでキー名にエイリアスをふってストレージ容量を節約する - antipop

2011/06/23 10 users hash antipop alias エイリアス カラム

MySQLのカラムなりMemcached的なストレージなりに構造化されたデータをつっこみたい時に、長ったらしいキー名が何度も使われるのは容量の無駄だなあという話になって、簡単にキー名にaliasをふれるようにしたら便利だね、つか、Data::Modelに確かそういうのあったよね、汎用的に使えるようにしたい、とid:nanto_viと話したので、ちょっとやってみた。https://github.co... 続きを読む

インターン講義5日目「ユーザインターフェース,HTML5」 - Hatena::Engineering

2010/08/06 424 users ユーザーインターフェース Engineering 長丁場

インターン生は、連日の講義と課題で大変そうですが、今日も講義が続きます。本日は、id:nanto_viによる「ユーザインターフェース,HTML5」です。仕様書を隅々まで読んだ講師によるディープな講義内容となっています。今日も2時間の長丁場ですが、頑張って着いていきましょう! ユーザーインターフェース、HTML5ユーザーインターフェースで大切なこと、HTML5 及び関連 API で何ができるか 自己... 続きを読む

インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena::Engineering

2010/08/05 673 users DOM Engineering 音質 JavaScript

今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、Javascriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので、音質・画質とも良好にできました。明日もAM10:30より、Javascript界の貴公子id:nanto_viによる「... 続きを読む