「はてな技術書典部」が技術書典15で『Hatena Tech Book Vol.2』を頒布！ #技術書典15 - Hatena Developer Blog
去る11月12日（日）、株式会社はてなのエンジニア、デザイナー、編集の有志が集結した「はてな技術書典部」は、新刊『Hatena Tech Book Vol.2』を引っさげ、技術書オンリーイベント「技術書典15」のオフライン開催に参加いたしました！ こ19 はてな技術書典部 準備かんりょー、お待ちしています！ #技術書典 pic.twitter.com/i1DRrxaTwx— kmuto (@kmuto) 2023年11月12日 技術(書|者)のための電子・紙書籍制作ツール「Re:VIEW」の開発者である、MackerelチームのCRE（Customer Reliability Engineer）・id:kmutoが制作を取りまとめた『Hatena Tech Book Vol.2』は、2019年に「技術書典6」で頒布した『Hatena Tech Book』からなんと4年ぶりの新刊となりました
はてなリモートインターンシップ2023を開催します！ - Hatena Developer Blog
こんにちは、CTO の id:motemen です。 はてなは今年も、学生を対象としたエンジニア向けの夏のインターンシップ、「はてなリモートインターンシップ2023」を開催します。 今年も昨年に引き続き、8月後半〜9月前半にかけて3週間程度のプログラムを企画しています。リモートでのインターンシップも4年目となり、オンラインならではの取り組みをさらに充実させる予定です。また、今年はオフラインのイベントも企画しています。 昨年のインターンの様子はこちらをご覧ください。 はてなリモートインターンシップ2022 レポートサイト - 株式会社はてな 今回も、リモート開催に最適化したカリキュラムを準備中です。 前半はWebアプリケーション開発のオンライン講義を実施後、数日かけて課題に取り組んでもらい、はてなのエンジニアスタッフによるコードレビューや面談でフィードバックを行います。 後半はチーム開発体験
CSS Modulesの歴史、現在、これから - Hatena Developer Blog
マンガメディア開発チームの id:mizdra です。半年ほど前から「フロントエンドエキスパート」という肩書きをもらい、社内でフロントエンドの啓蒙活動をしています。具体的にどんな活動をしているかについては、社内のポッドキャストで少し話しましたので、興味があれば聞いてみてください。 developer.hatenastaff.com 最近、私はReactを採用する社内プロダクトでのCSSの書き方を検討していました。最終的にそのプロダクトでは、CSS Modulesを採用するに至りました。しかしその過程で、CSS Modulesのメンテナンス体制に対して懸念があり、将来的な存続を危ぶむ声が界隈にあることを知りました。 ただし、実際にメンテナンス体制について調べてみたところ、万全ではないものの引き続きメンテナンスがされていて、使用もできることが分かりました。そこで、今回はCSS Modulesに
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"
Webアプリケーションのログに関するいくつかの考察 - Hatena Developer Blog
こんにちは、はてなでWebアプリケーションエンジニアをやっている id:polamjag です。 最近のはてなでは、若手エンジニアを中心として、いろいろな技術を見つめ直すワーキンググループをやっています。先日、id:onk も「デプロイ今昔」という記事を書きましたが、このエントリーはそのシリーズの続きで、ワーキンググループの「ログ」の回で議論したこと・話題になったことをまとめました。 Web開発におけるログを見つめ直す ログを4つの目的で分類する 目的ごとに求められる取り扱いの要求水準 いまどきのログフォーマットについて まとめ：どう実装するかを模索していく Web開発におけるログを見つめ直す Webサービス（Webアプリケーション）の運用には、多種多様なログがついてまわります。多くのミドルウェアは何もしなくてもそれなりの量のログを出力しますし、クラウド上のマネージドサービスも然りです。行
Mackerel のフロントエンド "React化" プロジェクトを支える技術と設計 - Hatena Developer Blog
こんにちは, Mackerel 開発チーム アプリケーションエンジニアの id:susisu です. 現在 Mackerel では, Web コンソール画面の開発に使用しているフレームワークを, これまで使用してきた AngularJS から React へ移行することを中心とした, フロントエンド開発の刷新プロジェクトを行っています. このプロジェクトの立ち上げについては以前 Hatena Engineer Seminar で発表しましたが, そこでは時間の都合もあり, 技術的側面についてはあまり深く掘り下げることは出来ませんでした. ということでこの記事では, より技術的な面にフォーカスしてプロジェクトの内容をご紹介できればと思います. "React化" プロジェクトについて Mackerel の開発は 2014 年ごろから始まりましたが, フロントエンドのフレームワークとしては当初か
Mackerelで開発した時系列データベースについての論文がIEEEの国際会議「COMPSAC 2019」で発表されました - Hatena Developer Blog
Mackerel チームのWebアプリケーションエンジニア id:astj です。 さくらインターネットさんのプレスリリースにある通り、はてなのMackerelチームより、私 id:astjと、同じくWebアプリケーションエンジニアの id:itchynyも執筆に参加した論文「HeteroTSDB: An Extensible Time Series Database for Automatically Tiering on Heterogeneous Key-Value Stores（HeteroTSDB: 異種混合キーバリューストアを用いた自動階層化のための時系列データベースアーキテクチャ）」が、IEEEの国際会議「COMPSAC 2019」に採択されました。 論文は、2019年7月15日～19日（現地時間）にアメリカ合衆国ウィスコンシン州で開催された「COMPSAC 2019」にて、
はてなサマーインターン2019 - Hatena Developer Blog
10年後の自分をつくる はてなのサマーインターンは10年を越える歴史のなかで、 100名を越える若きエンジニアたちが輩出してきました。 その参加者の多くが第一級のエンジニアとして、国内外のIT企業で活躍をしています。 「『知る』『つながる』『表現する』で新しい体験を提供し、人の生活を豊かにする」――。 このミッションのもと、わたしたちはてなは、世界の未来をいままさに作りつつあるみなさんに、 情報技術に関する最新のノウハウを共有したいと考えています。 10年後の自分のために、そして、10年後の世界のために、 はてなのインターン・プログラムに参加してみませんか。 ブックマーク Facebookでシェア Twitterでシェア カリキュラム 「はてなサマーインターン」の実習期間は前半と後半に分かれています。前半課程では、はてなのサービス開発・運用に必要な技術を習得するためのトレーニングを行います
はてなで働くエンジニアにアンケートシリーズ第2回 onk - Hatena Developer Blog
こんにちは、id:hitode909です。今回は、id:onkに話を聞いてみます。 onkさんとはここ半年ほど隣の席に座っていて、マンガチームでの課題を足がかりに、CTO室の時間を使って全社的な問題を解決しようと日々活動しています。 id:onkにアンケート はてなidとその由来を教えてください いつどんなきっかけで入社されましたか? 現在の仕事を教えてください チーム内の立ち位置を教えてください 今日一日の流れを教えてください 最近うまくいったことは何ですか? 最近うまくいってないことは何ですか? ふだん大切にしていることは何ですか? はてなはどんな会社ですか? おわりに id:onkにアンケート はてなidとその由来を教えてください 苗字の大仲 (ONaKa) からです。2004-2005 年ぐらいに取得したはず。当時は (今も？) 母音を省略するのがカッコイイという雰囲気があったと思
カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて (builderscon tokyo 2018) - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアのid:nanto_viです。先日開催されたbuilderscon tokyo 2018において「カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて」という発表を行いました。Webブラウザ上で、小説を縦組みで読むという機能に関するものです。その発表資料に補足と質疑応答の内容を加えて公開します。 なお、当日は資料を単一のHTMLファイルに切り出して、それをFirefoxで開き200%にズームした画面を映しながらプレゼンテーションしました。 カクヨムでの縦組み表示の実装と、縦書きWebの将来に向けて 自己紹介 nanto_vi (TOYAMA Nao) 株式会社はてな Webアプリケーションエンジニア Perl, TypeScript カクヨム KADOKAWA × はてな による小説投稿サイト 2016年2月正式オープン 縦組み表示 補足
「Hatena Engineer Seminar #10 @ Tokyo」を5月23日（水）に開催します！ #hatenatech - Hatena Developer Blog
こんにちは！アプリケーションエンジニアの id:KGA です。 来る5月23日(水)、サポーターズさんの会場をお借りして「Hatena Engineer Seminar #10」を開催します！今回は、はてな東京オフィスでの開催ではないのでご注意下さい。 connpass.com Hatena Engineer Seminar は、はてなのサービスを開発する上で、エンジニアがどのような事を考えているのか、どのような働き方をしているのかを語るイベントです。過去にもインフラ技術やフロントエンド開発、スマートフォン開発など、様々なテーマで開催されてきました。 Hatena Engineer Seminar カテゴリーの記事一覧 - Hatena Developer Blog さて、今回のテーマですが特定の技術領域にフォーカスするのではなく、技術を使いどのようにサービスを作りユーザやお客様に価値を届
Mackerel開発チームカイゼンの旅（振り返り・モブプロ・スキルマップなど） - Hatena Developer Blog
こんにちは。Mackerel開発チームディレクターの id:daiksy です。 Mackerelチームでは、開発プロセスにおけるプラクティスや、チームをうまく機能させるための様々な取り組みに対して、普段から定期的なカイゼンを行っています。 世の中は新年度を迎え、いろいろと新しい取り組みにチャレンジしやすい時期でもありますし、Mackerelチームで行った最近のカイゼンの様子を簡単にまとめてみようと思います。 振り返りでKPTをやめた Mackerelチームではスクラムをベースとした開発サイクルを採用しており、1スプリント2週間というペースで開発イベントが計画されています。スプリント最終日に振り返りを実施し、2週間の間に起きた出来事や課題などを議論して、次のスプリントでカイゼンをする、というルーチンです。 チームではこれまで長い間、KPTという振り返りのフレームワークを採用していました。K
社内障害情報共有のススメ - Hatena Developer Blog
こんにちは、アプリケーションエンジニアのid:shiba_yu36です。今日は社内で数年ほど取り組んでいる障害情報の社内共有についてご紹介したいと思います。 障害情報を社内共有する理由 サービスを運営しているなら、出来る限りサービスが一時的に止まってしまうなどの障害を起こさないように事前に対策を取るなど気をつけるべきです。しかし、どれだけ事前に対策をとっても、急激なアクセスの増加や、意図しないバグの混入、オペレーションのミスなどを理由として、障害を起こしてしまうことがあります。 障害が起きた時、それに暫定的に対応して終わりとしてしまうことも多いです。しかし、復旧した後大事なのは、障害に対して適切に振り返りをし、同じサービスで同様の理由で障害を起こさない、また社内で同様の理由の障害を未然に防ぐことです。 そこで、はてなでは障害の暫定対応をした後は、障害の振り返りや他チームへの知識共有のために
はてなにおける機械学習の取り組みについて - Hatena Developer Blog
こんにちは、アプリケーションエンジニアのid:syou6162です。2018年になってしまいましたが、2017年のはてなにおける機械学習の取り組みについて振り返ってみたいと思います。 機械学習サブ会とは リソース/ツール整備 定例会 プロジェクトの近況を共有、より専門的な困り事を相談 技術共有/雑談 論文読み会/専門書の輪講会 社内で機械学習ハッカソンの開催 おわりに 機械学習サブ会とは はてなではより専門的な内容に関するエンジニアの小集団として、サブ会という制度が昨年から開始されています。昨年までは個人的に機械学習勉強会をランチタイムに運営していましたが、社内で正式にサブ会として認定されたことにより、業務時間内に活動しやすくなりました。このエントリではサブ会発足からの約八ヶ月の活動を振り返りってみたいと思います。 簡単に背景について説明しておきます。はてなは現在のところ、研究開発専門の部
Bing検索の裏側―BitFunnelのアルゴリズム - Hatena Developer Blog
はてなアプリケーションエンジニアの id:takuya-a です。 この記事では、Microsoft の検索エンジン Bing で採用された BitFunnel アルゴリズムを紹介します。 昨年のエンジニアアドベントカレンダーでは、文字列検索のアルゴリズム全般について紹介しました（文字列アルゴリズムの学びかた - Hatena Developer Blog）。今年はそのなかでも、インデックス（索引）を使った全文検索アルゴリズムについてのお話になります。 この記事の前半は全文検索の入門にもなっていますので、検索技術になじみがない方にも楽しんでいただけるのではないでしょうか。 逆に、「そんなのもう知ってるよ！」という方は、本題である「BitFunnel アルゴリズムの詳細」から目を通していただければと思います。 この記事は、はてなエンジニア Advent Calendar 2017の21日目の
自律分散監視システムとそれを利用したネットワークグラフ可視化への挑戦 - Hatena Developer Blog
はじめに はてなサマーインターン2017の大規模システムコースの成果報告をします。 今年の大規模システムコースではメンターのid:masayoshiさんとid:y_uukiさんの下、自律分散監視システムとそれを利用したネットワークグラフの可視化に取り組みました。自律分散監視システムでは単純なクラスタリングによる死活状況の確認だけではなくアプリケーションレベルの疎通確認を行えるものを実現しました。またどのようにしてクラスタを形成するかという問題に取り組む内に、サービス間のネットワーク上のつながりを取得できるようになり、その情報でサーバー間の関係性の可視化を行いました。この記事では、それらの詳細を説明します。 はじめに 自律監視システムの実現 中央サーバー型の監視システム 自律分散監視システム アプリケーションレベルの相互監視 どうやってクラスタを形成するか？ 実験 ネットワークグラフの可視化
Mackerelチームの若手エンジニアが初めて大物タスク「Azureインテグレーション」を手がけた話 - Hatena Developer Blog
こんにちは、Webアプリケーションエンジニアをやっています、すてにゃん ( id:stefafafan ) と言います。私は16卒のエンジニアで、今回初めて割と大きめなタスクを調査からリリースまで担当したので、その一連の流れを紹介していきたいと思います。 Mackerelとははてなが運営しているサーバ監視サービスです。 mackerel.io Mackerelでは以前AWSインテグレーションという、AWSクラウド製品の管理・監視ができる機能が実装されました。 mackerel.io 今回私はAzureインテグレーションという機能を実装しました。この記事ではこちらの機能のリリースまでのプロセスを紹介します。 mackerel.io 準備 見積もり会 調査 アクセス権限 SDK/API周り 料金周り 再見積もり クローラー 方針相談 実装 デプロイの相談 Mackerel本体 デザイン 動作確
YAPC::Fukuoka 2017 HAKATA はてな社員の感想エントリ/資料まとめ - Hatena Developer Blog
こんにちは, アプリケーションエンジニアの id:papix です. Perlは超大好きです. さて, YAPC::Japanシリーズ第三弾, YAPC::Fukuokaが7月1日に開催されました. yapcjapan.org 今回のYAPC::Fukuokaでは, 前回のYAPC::Kansaiと同じく, はてなからは4人の社員が登壇しました. こちらのエントリでは, はてな社員による感想エントリや, 登壇者の発表資料をまとめてご紹介します. id:AirReader airreader.hatenablog.com speakerdeck.com id:AirReader は, Googleのツールを活用してサービスディレクターとしての意思決定を支えているという発表を行いました. 意思決定には, 勇気, 情報収集と分析, 意思伝達が必要で, TagManagerやAnalyticsとい
Hatena Engineer Seminar #8 を開催しました #hatenatech - Hatena Developer Blog
こんにちは！Mackerelチームの id:amagitakayosi です。 先日開催された Hatena Engineer Seminar #8 のレポートをお届けします！ 目次 Hatena Engineer Seminarについて id:amagitakayosi 「はてなにおけるフロントエンド会の取り組み」 id:t_kyt 「がんばらないTypeScriptのはじめ方」 id:masawada 「フロントエンドの秩序は保たれているか?」(LT) id:akiym 「マンガビューワの遅延ロードのしくみ」(LT) パネルディスカッション 最後に Hatena Engineer Seminarについて developer.hatenastaff.com Hatena Engineer Seminar(以下「エンジニアセミナー」)は、はてなのサービスを開発する上で、エンジニアがどのよう
「Hatena Engineer Seminar #8 @ Tokyo」を7月12日（水）に開催します！ #hatenatech - Hatena Developer Blog
こんにちは！エンジニアの id:amagitakayosi です。 来る7月12日(水)、はてな東京オフィスにて 「Hatena Engineer Seminar #8」を開催します！ connpass.com Hatena Engineer Seminarは、はてなのサービスを開発する上で、エンジニアがどのような事を考えているのか、どのような働き方をしているのかを語るイベントです。 過去にもインフラ技術やスマートフォンアプリ開発など、様々なテーマで開催されてきました。 Hatena Engineer Seminar - connpass 今回のテーマはフロントエンドです。 はてなのサービスのフロントエンドはどのように開発されているのか、 ユーザー体験を良くするためにどのようなことを行なったのか、 長く続くサービスのフロントエンド開発はどのように維持されているのか、といった内容で、はてなの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
