はてなブックマーク

初めに Team DELTA の三浦です。 昨年のアドベントカレンダーでweb 制作から開発領域に足を踏み出している話を書きました。 React で書かれたスマートクリニックシステムの UI 調整をメインでやっています。 アドベントカレンダー以降も Team DELTA として情報発信していくぞ！ということで、今週は、自分が UI 調整をする中で気づいた、マークアップで気をつけたいことの記事を書きました。 どんな人に読んでほしいか まずは自分（戒めも込めて） そして、どちらかというとサーバー側をメインで書いていて、あまりマークアップに触れてこなかったという方にも、参考になる部分があれば幸いです。 どんな内容か なるべく適切なタグを使おうというテーマです。WAI-ARIA のようなアクセシビリティには細かく踏み込んでいません。 誤っている内容があれば、（優しめに）ご指摘いただきたいです！ H

はじめに 株式会社マクアケでエンジニアをしている @tokutoku3 です。 僕が携わっているMakuakeという応援購入サービスを支える管理画面では、１年半ほど前からマイクロフロントエンドというアーキテクチャを取り入れた開発・運用にトライしています。 本記事では、その経験を通して感じたことを紹介できればと思います。 対象読者 マイクロフロントエンドに興味がある 試してみたいが、どんな観点があるかわからない 他サービスでの事例を参考にしたい 書いていること マイクロフロントエンドアーキテクチャを導入したサービス開発で実際に試していることや、感じているメリット/デメリットの話 書いていないこと 具体的な実装サンプル 実装に踏み込んだ話は別記事にしようと思っています マイクロフロントエンドとは？ 概念自体初見の方は、以下の記事を読むと雰囲気が掴めるでしょう。 ざっくり表現すると、マイクロサー

はじめに この記事はLIFULL Advent Calendar 2022の21日目の記事です。 今回は、みんな大好き UX に関する成熟度モデルのお話を書きます。 UX成熟度モデルとは 一言で表現すると、組織のUXに関する長所と短所を評価するためのフレームワークです。 概念自体は2000年初期頃から存在していましたが、統一規格は無く幾つかのモデルが定義されていたようです。 代表的なモデルは、2006年に Jakob Nielsen(ニールセン)が定義したUX成熟度モデルです。 弊社での取組み 弊社では数年前から独自のUX成熟度モデルを策定し運用しています。 組織全体に対して定期的なアセスメントを実施し、各組織のUX成熟度を把握した上で、組織毎にカスタマイズしたリサーチ支援活動や啓蒙活動に活かしています。 UX成熟度モデルの社内運用を開始して１年程で評価結果の適切性や運用コスト等々の課題に

年末年始の連休で『Terraform: Up & Running, 2nd Edition』を読みました。 モチベーション某 SaaS の構成管理のため、試験的に Terraform を使っています。理由は「組織の拡大に対応するために 3 桁個の設定を追加することにしたから」です。設定の追加だけなら書き捨ての GAS で済ませる選択もあったのですが、その後のメンテナンスまで考えて Terraform を試してみるか、という判断をしました。 「設定のプロビジョニング」を最優先の目標とし、最低限の調査・検証をしてエイヤしたので「つまみ食いじゃなく、体系的に学んでおきたいな」、「これ、運用を意識したらどういう書き方にするんだろうなー」と常にモヤモヤを抱えている状態でした。機能自体は公式ドキュメントにしっかり書かれているんですけどね。こういうときはとりあえず書籍です。 (脱線) O'Reilly

2023年1月20日（金）に開催された「Qiita Advent Calendar 2022 Online Meetup」にエンジニアリングマネージャーの河野が登壇いたしました！ 今回「組織で積極的にアウトプット活動を行う企業」として登壇のお声がけをいただき、「アウトプットはいいぞ！ - 組織編 -」にて、株式会社NTTドコモ様、ヤフー株式会社様とともにパネルディスカッションで事例をお話してまいりました！ ・まずはQiita Teamで内部向けの発信を増やしアウトプットのハードルを下げた ・お互いに反応、応援し合う空気ができてアウトプットの文化が進んでいった ・CTOも記事を見ておりコメントしたり声をかけたりしている これらのお話は、特に驚きや共感のご反応をいただきました！ 貴重な機会をくださった、Qiita株式会社様に感謝です！ 弊社のアウトプットの取り組みについては、こちらの記事でも詳

これははてなエンジニアアドベントカレンダー2022 50日目の記事です。 3回目の登場 id:yutailang0119 です！ 昨日は id:rokoucha の Docker Desktop for Mac が完全にぶっ壊れた時の対処方法 でした。 はてなエンジニアAdvent Calendar 2022 は、実は12/26以降も続いていました！ ご覧いただけましたか？ これまでのまとめ はてなエンジニア Advent Calendar 2021完走しました！ - Hatena Developer Blog はてなエンジニア Advent Calendar 2020完走しました！ - Hatena Developer Blog はてなエンジニア Advent Calendar 2019完走しました！ - Hatena Developer Blog はてなエンジニア Advent Cal

この記事は MICIN Advent Calendar 2022 の16日目です。 前回は外山さんの GA4で実現するクロスプラットフォームのデータ計測と分析 でした。 皆様はじめまして。株式会社MICINでアプリケーションエンジニアとして働いている小泉です。普段は主にMiROHAという治験業務支援アプリケーションのフロントエンドの開発を行っています。 TypeScriptでフロントエンドの実装を行う場合、APIのレスポンスやパラメータに型をつけることは当然のことかと思います。最近ではGraphQLのスキーマやOpenAPIのスキーマから型やクライアント用のコードを自動生成することも広まってきている印象があります。 一方でバックエンドのAPIに関わる型や処理を自前で定義している場合もあるかもしれません。私が携わっているプロジェクトでも以前はバックエンドの実装やAPI仕様書を見つつフロントエ

こんにちは! サイボウズ株式会社フロントエンドエキスパートチームの Saji (@sajikix) です。 はじめに フロントエンドエキスパートチームでは毎週火曜日に Frontend Weekly という 「1 週間の間にあったフロントエンドニュースを共有する会」 を社内でに開催しています。 今回は、2023/01/10 の FrontendWeekly で取り上げた記事や話題をまとめたものになります。 取り上げた記事・話題 Next.js 13.1 がリリース Next.js 13.1 がリリースされました。主要なアップデートは以下の通りです。 app ディレクトリを使った際の初回の JS の読み込みサイズ減少 next-transpile-modules で行ってたモジュールのトランスパイルの機能が本体に組み込まれた Edge Runtime が stable に Turbopack

『DevelopersIOでの10年連続年間100本投稿』を達成したのでこれまでを振り返り、これからを考える 私自身、クラスメソッドにジョインして現在10年目を過ごしています(2013年08月にジョイン、2023年01月現在で9年5ヶ月経過)。2013年から数えて昨年2022年は「10年目」になっていた訳ですが、その10年間の全ての年で「DevelopersIO 年間投稿100本」を達成することが出来ました。(※2022年12月終了時点) 「足掛け10年」を経ての記録なので感慨もひとしおなところはありますが、当エントリではここまで節目の記録を振り返ってきた記録シリーズの1つとして振り返りの記録を残しておきたいと思います。 目次 「年間投稿100本」の切り口で振り返る ブログ開設から現在までの「著者毎の累計投稿本数推移」を振り返る 時系列で振り返る 投稿本数全記録(月別) 2020年 202

こちらはPostgreSQL Advent Calendar 2022 カレンダー2枚目・15日目の投稿となります。 前回は、@hmatsu47さんのSupabase で TCE（透過的列暗号化）を軽く試してみたでした。 はじめにこんにちは、フューチャーでアルバイトをしている齋藤です。以前は同社のインターンでSQLフォーマッタを作成していました(記事)。現在はインターン中に作成していたSQLフォーマッタをPostgreSQLの構文に対応させる作業に取り組んでいます。 このフォーマッタではSQLパーサにtree-sitter-sqlを利用していますが、対応していない構文がいくつか存在します。本記事では、未対応の構文であるBETWEEN述語を例に、tree-sitterの構文拡張の手順を紹介します。開発中のSQLフォーマッタはOSS公開予定ですので、ぜひ仲間を増やしたいという思いから記事にしま

こちらははてなエンジニア Advent Calendar 2022 - Hatena Developer Blogの46日目です。1/15日の分なのですがフライングでの投稿です(日付を間違えてた)。 昨日は Perlでテーブル駆動テストを書くのにハマっている - NaaN日記でしたね。テーブル駆動テストのことを知ったのは私は数年前にGo言語のテストを書き始めてからですが、いつ頃から流行り始めたのかがちょっと気になる今日この頃です。このエントリにもLambdaのテストについて書いてありますが、このテストコードもテーブル駆動で書いています。テーブル駆動テスト大好きです。 やりたかったこと 色々なチームが相乗りしているAWSアカウントのGuardDutyの検知を、自分のチームに関係のあるイベントだけ通知する、というのを実装したかった。 検知結果を自分のチーム専用にいい感じにフィルタして通知したい

優れたPMになるために必要な「プロダクトセンス」と「システム化とアドリブの使い分け」 アドベントカレンダー24日目を担当するShuです。 プロダクトマネージャーの皆さん、普段利用する道具を自らでデザインしていますか？ Uenoさんのツイートから引用させていただきますが、「Use to make」することは知的生産することと同等に重要かつ魅力的な行為であり、プロダクトマネージャーとして必要な感性を磨いてくれる！と私は考えています。 道具をデザインすることには際限のない魅力がある。それは道具が本有する再帰性への展望的な投機だ。道具の中には、使うことと作ることが、同時的に、生き生きと連関している。その永遠なるランループに、私たちは耽溺してしまうのである。 pic.twitter.com/OsaSUZnMui— Manabu Ueno (@manabuueno) 2020年12月23日 そんな私は

はじめましての人ははじめまして。そうでないひとはお久しぶりです。株式会社はてなのエンジニアの猫ロキP(@deflis/id:deflis55)です。 これははてなエンジニアアドベントカレンダー2022 43日目の記事です。 昨日は同じチームでお世話になっている id:anatofuz の2022年、CPAN(Perlの)モジュールのメンテナを引き継ぐ活動を始めた件 - Acme::AnaTofuZ->new; でした。 ホントは去年の秋ぐらいに書こうと思っていたネタです。書く暇がなくて伸ばし伸ばしになっていたので、アドベントカレンダーに乗じて書くことにしました。 はてなに転職してはや4ヶ月。去年、 chezmoi を導入して個人PCから会社PCまで同じ設定ファイルを使える環境を構築したので、そのやり方を紹介します。 はじめに みなさんdotfilesは書いてますよね？*1*2 そのdotf

この記事は、 NTT Communications Advent Calendar 2022 25 日目の記事です。 はじめに こんにちは、イノベーションセンターの松本です。ソフトウェアエンジニアとして活動しています。 この記事では、チームが大きくなったときに苦労するTerraform運用について記述します。 上手くいってた頃のTerraform運用 Terraformを開発チームで少人数で使い始めた直後や、また運用担当者だけで使っている状態では問題はありません。 コードを整理して記述し、GitHub等を使ってバージョン管理やレビューすることで、開発者がインフラをセルフサービスで変更できるようになり、多くの仕事を早く終わらせる事ができるようになります。 大きなチームにおけるTerraform運用の混乱 開発チームのメンバーが増えたり開発チームだけでなく運用チームや顧客対応チームもTerra

『un-T factory! XA Advent Calendar 2022』 15日目です。 どうぞよろしくお願いします。 はじめに カルーセルを実装する際、アクセシビリティの設定はしていますか？ Swiperでは、デフォルトでaria属性・role属性がスライドやprev・nextボタン、ページネーションに付与されます。 ですが、それらは全て英語で設定されています。 日本人向けのサイトを制作するのであれば日本語で設定してあげるほうが親切ですよね。 意外と簡単に実装できますので、まだやったことがないという方はぜひ取り組んでみてください。 Swiperはv8.4.5を使用します。 アクセシビリティに関するオプション Swiperにはアクセシビリティに関するオプションが用意されています。 a11y オプション名 初期値 説明

これははてなエンジニアアドベントカレンダー2022 42日目の記事です。 昨日は id:k-murakami0609 さんの 過去に所属してたチームに転生したら導入したいもの でした。 はてなのノベルチームで日常的に使っている便利グッズ最高ですね!! みなさんもノベルチームにjoinして体験してください!!! さて今回は2022年にぼちぼち始めたCPANモジュールのメンテナを引き継ぐ活動についてお話しようかなと思います。 CPANモジュール CPANモジュールとはご存知プログラミング言語Perlのモジュールシステムのことです。 Perlインタプリタに付随しているコアモジュールも含めて、PerlではCPANと呼ばれるアーカイブにモジュールがアップロードされ、cpanmやcpmなどのツールを通してインストールし利用する世界観になっています。 TeXのモジュールアーカイブのCTANに影響されて作

■前説この記事は、Unityゲーム開発者ギルド Advent Calendar 2022に投稿した記事をリファインしたものとなります。UGDGアドカレは他にも知見になる記事が多くあるので興味ある方は見てみましょう。 ■前節みなさん、ゲームを作ったことはありますね。 みんなゲーム作ってる人ではない？　そうですね。 でもたぶんここ読んでる人の多くは一本位はゲームを完成させている人だと思います。　というかそれが前提です。 ところで、ネット上の多く存在するゲーム制作講座、何かしら読んだことがあると思います。 そしてそのほとんどの場所で、「初心者」向けにこういっているでしょう。 「いきなり大作を作ろうとしないで、まずは小さい作品から😊😊」 うるせえ！！　俺はもうそこは通り過ぎたんだ！！ そこはもう通り過ぎたから、まとまった規模の作品を作りたいんだ！！ となる。 そう。「入門講座」は小規模ゲームを

(2020 年末に書き出したまま放置していたのを見つけた。2016 年に東京からドイツのベルリンに引っ越して 4 年間暮らした記録。現地での暮らしや自分の感じた（会社の）文化の違いなど他にも書きたいことは色々あるけど、そう言っていると塩漬けになってしまうので少し書き足して公開。) 2016 年以前から一度海外で暮らしてみたいと思っており準備をしていた。OS の言語設定を英語にしたり、Meetup に定期的に参加して英語の練習をしたり、GitHub 一日一草や英語のブログなどを通じて海外からも活動を見えるようにすることに注力した。 2016 年の夏、試しに Honeypotというヨーロッパの逆求人サービスに登録してみたら、結構親身に相談に乗ってくれて助かった。フルスタックエンジニアとして登録しようとしたら、フロントエンドかバックエンドに絞った方が待遇が良くなると言われ、フロントエンドで行くこ

こんにちは。AlphaDrive アプリケーションエンジニアの芥川です。 弊社では選考フローにモブプロ形式のライブコーディング面接を取り入れています（記事内では省略して「コーディング面接」と呼びます）。 私も昨年コーディング面接を受けて AlphaDrive に入社し、この 1 年くらいは面接官を担当するようになりました。 この記事では面接官としてコーディング面接をする上で意識していることを紹介したいと思います。主に「進め方」「フィードバック」「評価観点」について話します。 これから弊社の採用を受けようとしている方はもちろん、採用に携わっていてコーディング面接を導入・検討している方にも参考になればと思います。 本記事は、 NewsPicks Advent Calendar 2022 の 12/24 公開分の記事になります。 qiita.com 前日の記事からの連作です 本記事は前日の CT