要約：OSS開発プロジェクト運営者の側でとれる対策はいくつかあるよ。issueは基準を設けてどんどん閉じてしまおう。GitHubならActionsで自動化も簡単だよ。自動テストを整備するように、必要なコストだと思って割り切るといいよ。 結城です。 GitHub Actionsに関することならなんでもありらしいアドベントカレンダーとのことでしたので、ほんのちょっとかすっているだけではありますが、4日目にエントリーさせて頂きます。 「軽率に寄せられる報告や要望がOSS開発者を疲弊させる」という問題について語るOSS開発者は少なくないです。私の観測範囲内では最近も、イシュートラッカーにissueを立てようとすること自体に待ったをかける記事1や、「要望には初手で『なぜ自分で実装しない？』と訊ね、次に『継続的にメンテナンスしてくれるの？』と訊ねるドライな対応がおすすめ」という趣旨に受け取れる発言など

オーストラリアのメルボルンを拠点に活動するエンジニアのxssfoxさんが、「プログラマーにとって理想のモニターの回転角度」を追求し、その成果を自身のブログにまとめています。 Ideal monitor rotation for programmers https://sprocketfox.io/xssfox/2021/12/02/xrandr/ エンジニアのxssfoxさんは、過去に読書とプログラミングのためにポートレートディスプレイ(縦長モニター)を利用したことがあるそうです。これは確かに大量のテキストを表示するには適していたそうですが、いくつかの問題があったとのこと。 xssfoxさんは横長の通常モニターと、縦長モニターの長所と短所を以下のようにまとめています。 ◆横長モニター ・長所 ほとんどすべてのアプリケーションが動作可能。動画コンテンツのほとんどが通常は横長であり、横長モニタ

この記事は BASE Advent Calendar 2021 の 5 日目の記事です。 基盤チームの右京です。 最近ひょんなことから browserslist の設定を見返したのですが「babel や autoprefixer で必要になったので導入した」以上はあまり触れられていなかったため、この機会にいちから見直してみようと思いました。 browserslist? https://github.com/browserslist/browserslist 簡単に言えば、クエリを書くとそれに該当するブラウザをリストで取得できます。babel(preset-env) や autoprefixer はここから取得出来るリストを利用して、必要な変換内容を決定しています。単純にバージョン指定でのクエリが記述できるだけではなく、利用統計に基づく絞り込みも可能となっています。例えば、0.2% 以上のシ

「温泉むすめ」の運営会社、株式会社エンバウンドがスポーツ文化ツーリズムアワードの受賞を辞退したというニュースが、インターネット上を駆け巡った。 温泉むすめは、５年前から地道に活動を続ける「温泉地」を美少女キャラクターに擬人化したメディアミックス作品であり、クリエイターや声優の方々の地道な努力もあって、少しずつ、各地の温泉事業者や観光協会とのコラボが進んできた、まさに「萌え興し」の理想型とも言える成果をあげてきた作品であった。 文化資源と観光地の融合による魅力発信という、まさに「アワード」の趣旨にふさわしい、優れた取組であった。なぜ、それが受賞辞退に追い込まれたのか。 発端は、またしてもフェミニスト運動家・仁藤氏による炎上扇動的なツイートだった。 昨日指摘した性差別・性搾取表現や中等部の設定などをこっそり削除しているようだが、見れば見るほど男の願望を形にしたキャラクターばかり。肌の露出やはだ

この記事はNuxt.jsアドベントカレンダー2021の1日目の記事です。 今年のトピックといえばNuxt3が10/12にパブリックベータとして公開されたことですね。 Nuxt3では内部的にVue3に移行されて、Vue2をサポートしなくなりました。 つまり、現在Nuxt.js v2系で作られているアプリはNuxt3にはそのまま移行するのは困難であることが想定されます。またNuxt3自体未だベータである点を考慮するとアップグレードするには二の足を踏むことでしょう。 そこで登場するのはNuxtBridgeです。 その名の通りv2とv3の架け橋というわけです。 v2で作られたアプリを一旦NuxtBridgeで動く状態に移行することでv3への移行を容易にするというわけですね。 v2からv3へのマイグレーションについては私が主催しているNuxt道場で発表しましたのでスライドをぜひご参照ください 面白い

❯ deno -h deno 1.16.2 A modern JavaScript and TypeScript runtime （中略） OPTIONS: -h, --help Prints help information -L, --log-level <log-level> Set log level [possible values: debug, info] -q, --quiet Suppress diagnostic output --unstable Enable unstable features and APIs -V, --version Prints version information ❯ deno --help deno 1.16.2 A modern JavaScript and TypeScript runtime （中略） OPTIONS: -h, -

この記事は、React Advent Calendar 2021 1 日目の記事です。 定期的に話題になる、UI コンポーネントでの余白 (margin, padding) をどうするか問題。 昨日も Zenn に解説記事が流れてきました。 (参照記事の参照記事) Zenn の記事の中で、UI ライブラリーにはレイアウト (Box モデル) が当たり前に存在する と記載がされています。 (※一部引用) 例えば、Chakra UIではレイアウト(Boxモデル)に特化したコンポーネントが存在します。 Chakraのレイアウトの責務を持ったコンポーネントの豊富さは大変魅力的ですね。 そう、Chakra UI のレイアウト関連コンポーネントは、大変魅力的なのです・・・！ ということで、マージンを持たない UI コンポーネントを Chakra UI で作ってみようと思います。 保険 React を仕

どうも今年もやってきました クソアプリアドベントカレンダー 1の2日目を担当させていただきます @nabettu です。 今年で参加５年目らしい。まじかよ。 過去のクソアプリ達 作ったもの 今年作ったのはこちら！ 100 Pixel Artというドット絵が書けるWebサービスです。 どんなサービスか 絵文字の ⬜ 🟥 🟧 🟨 🟩 🟦 🟪 🟫 ⬛ の９色の四角のみを使ってドット絵が描けるサービスになります。 10かける10で100ドットのみ9色限定で、9^100パターンのみ作れるエディターになっております。 キャンバスサイズが100ドットのみで、使える色も9色しかないというポイントがクソアプリ的制限です！ サービスの特徴 このサービスの特徴として「Finish」ボタンを押すと、編集が完了すると絵文字なのでそのままテキストとしてコピーできます。 つまり完成したらそのままTwitt

これは Qiita Advent Calendar 2021 「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア」の2日目の記事です。 --- 株式会社スペースマーケット所属のデザイナーの中原です。 スペースマーケットというWebサービスの開発に携わっています。 お鍋には必ずウインナーを入れます。 どんな内容？デジタルプロダクトの開発において、デザインとエンジニアリングは密に連携して協業する（シームレス）のが良いとは言うものの、目指すものの違いがあることは認識しておくと良さそうだね、というお話。 分業で起きていた悩み成果物や担当者がはっきり分かれがちだったデザインとエンジニアリングの間では、次のような問題がよく見られます。 デザイナーとエンジニアで認識が揃っていない、情報がうまく伝わらない 同じプロダクトを扱っているのに成果物・情報がデザインとエンジニアリングで分かれ

Deno (ディノ) Advent Calendar 3日目の記事です。 今日は dnt というツールについて紹介します。 dnt とは dnt は Deno 向けのソースコードを Node.js 向けのソースコードに変換するためのツールです。Deno のコアチームメンバーである、David Sherret さんが主に開発しています。GitHub の denoland org 以下にホストされており、位置付け的には Deno 公式の Deno to Node.js の変換ツールです。 使い方 次のような内容の build_npm.ts を用意します。 import { build } from "https://deno.land/x/dnt/mod.ts"; await build({ entryPoints: ["./mod.ts"], outDir: "./npm", package

初めまして、NSSOLにてUXデザイナーをしている1年目のhamazonと申します。 今回縁あってQiita Advent Calendarに投稿させて頂くことになりました。 本記事の要件は以下になります。 目的 新卒配属からUXデザイナーとして、約4ヶ月で取り組んできたことと所感の共有 想定している読者 Qiita Advent Calendarの参加メンバー、Qiitaの閲覧者。あわよくばUXデザイナー/NSSOL/サービスデザイン部に興味がある就活生も。 読者の方々に伝えたいこと UXデザイナーがどんなことをしているのかを理解し、面白い！と思ってもらう。また、自分がこれまでの取り組みから得た学びを実践してもらう。 目次 1.自己紹介 2.11月までにやったこと 3.これまでに得た学び 4.おわりに それでは記事の内容に入ります。 1. 自己紹介 まずお主誰じゃ、というツッコミが入るか

こんにちは。もぐめっとです。 旅に出るとこのI love ****シリーズのシャツを買うのが割と好きです。 最近、久々にAWS触ったらまるっとデータをふっとばしてしまったので戒めのために原因と対策を記しておこうと思います。 この記事は本番環境でやらかしちゃった人 Advent Calendar2021の3日目の記事になります。 なぜデータが吹っ飛んだのか 原因としては2点あります。それは無知と慢心です。 経緯として最近引き継ぎをうけた某スタートアップが作成したサービスを改修しようとしていたところから始まります。（サービスとしては既に停止済み） 最初にインスタンスを止めてインスタンスサイズを変えようとしたのですが、あろうことか、「インスタンスの終了」を選択してしまいました。 実はEC2には停止と終了の２つの言葉があり、シャットダウンだけだと停止を選ばないといけないのです。 どちらも一緒や！！

Vue3系から導入されたComposition APIを使用することで、VueでもReactのようにカスタムフックを用いたロジックの切り分けができるようになりました。 今回はVue3系のComposition APIで使えるカスタムフックを利用したロジックの切り分け方について、解説してみました。 Composition APIについて簡単に解説 カスタムフックの説明に入る前にComposition APIについて、従来の書き方であるOptions APIと比較しながら簡単に解説していきます。 Options APIでの書き方 今回はサンプルコードとして、ボタンをクリックした回数を表示するコンポーネントを用意しました。 Options APIで実装すると、以下のようになります。 <template> <button @click="increment">Counter</button> <p

原初 原初、混沌があった。 混沌は凝り固まり…うんこになった！ 世界は💩に覆われようとしていた。 その時！🚽が現れた。 💩の世界に現れた🚽は、次の規則に縛られていた。 誕生 💩に隣接する🚽が3つあれば、次の世代🚽が誕生する。 生存 🚽に隣接する🚽が2つか3つならば、次の世代でも生存する。 過疎 🚽に隣接する🚽が1つ以下ならば、💩にまみれて死滅する。 過密 🚽に隣接する🚽が4つ以上ならば、過剰により死滅する。 そう！たんなるライフゲーム！ Delphi 一昨年は、Windows, macOS 向けアプリを、昨年は、iOS, Android 向けアプリを作ったので、今年は！CUI のアプリケーションも作れちゃうんだ是！ってところを見せつけたいと思います。 では、ご覧ください！ Windows macOS Linux (Ubuntu 18.04) Qiita に載せる

ぜんG坊主 @76together 今日のご法事がとてもカオスだったので皆さんにも伝えたいが140文字じゃ伝わらない。 お経本配布し皆さんと読経をしてたら御焼香のタイミングで皆さんページ数が分からなくなったようで、4歳の女の子が読経中の私の真横まで来て「ねぇ！！いま何ページなの？？？」と聞いてきて笑ってはいけない法事。 2021-12-04 22:04:29 ぜんG坊主 @76together すぐに女の子をお母さんが私から引き剥がしその場は事なきを得たが、僧侶を初めて見て法事初体験の女の子に疑問スイッチが入り… 女の子：ねぇ！神様なの？この人神様？？ ママ：違う！お坊さん！…やめなさい！ 女の子：あのキラキラのは？ ママ：あれは仏さま！ と、法事の空気は最高潮に。 2021-12-04 22:20:13 ぜんG坊主 @76together 私が読経中であろうが彼女の知的好奇心は止まること

先日、以下の記事を公開しました。 こちらで紹介したのがdexというツールです。これを利用したVim(Neovim)用のDexというコマンドも併せて紹介しています。 このコマンドを使って、以下の記事で紹介されているローカルPlaygroundを作ってみようと思います。 playjsコマンド こちらのスクリプトに実行権限をつけ、パスの通ったディレクトリに配置してください。 #!/bin/bash # 開発用設定の整っているディレクトリへ移動 # cd ~/ghq/github.com/kawarimidoll/deno-dev-template/ # JSファイル名 filename="playground.js" # ファイル作成 echo 'console.log("Playground start");' > "$filename" # 作ったファイルを開き、:Dexコマンドで自動実行を

あなたの身長、適正ですか？ 皆さんはダイエットと聞くと何を思い浮かべるでしょうか。 糖質制限？有酸素運動？色々あると思います。 おそらく共通しているのは「体重を減らすこと」ではないでしょうか。しかし、それはダイエットの本質ではありません。 ダイエットの本質、それは、体重と身長がバランスの取れた健康な体になることです。 つまり、ダイエットのアプローチには大きく２つあります。 今回私は「身長を変える」にフォーカスしたWEBアプリを作りました。 適正身長がすぐ分かるアプリ「せたけん」 こちらのリンクから無料で使うことができます。 ソースコードはGithubにアップロードされています 使い方 直感的なUI 体重をスライド入力するだけで、適正身長がすぐに分かります！ オプション入力で専門家っぽい人からアドバイスもらえる 現在の身長を入力することで、専門家っぽい人からあなたにぴったりなアドバイスをもら

Software. Faster. GitLab is the most comprehensive AI-powered DevSecOps Platform.

こちらは「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」4日目の記事です。 こんにちは、はな（@kon_hanae）です。 つい先日、3年間勤めた受託のWeb制作会社からスタートアップ系の事業会社に転職しました。 前職はフロントエンドエンジニアとして静的サイトのマークアップやWordPressサイトの構築などを主にやりながら、クライアントへのヒアリングや画面設計あたりに手を出しつつ、ごくまれにバナー等のデザインを作ったりしていました。 現職ではUI/UXデザイナーとフロントエンドエンジニアの兼務のようなポジションを賜りまして、Reactを書いたりUIデザインをしたりジャーニーマップを作ってみたりなどしています。 IT業界に入ってまだ4年足らずではありますが、自分はずっと"デザインとエンジニアリングのあいだ"で仕事をしてきたのかなと思

記事の内容 本記事は、 @seya さんが立ち上げた エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア カレンダー2の4日目になります。 4日目は、株式会社iCARE フロントエンドエンジニアの@watsuyo_2 が担当します。 iCAREのUI周りは、主にデザイナー4人(12月から新たに1人Join)、フロントエンドエンジニア9人(内3人業務委託)、技術顧問1人で開発しています。 10月に、iCAREにおけるデザイナーとフロントエンドエンジニアのコラボレーション という内容でミートアップに登壇したのですが、それ以降の話を取り上げようと思います。 現状のデザイナー → フロントエンド開発のペインを探してみた 挙げようとすれば、いくらでも出てくるような気がするので、観測範囲内で5つ挙げました、 実装前のデザイン確認漏れが起きる ツール上のデザイン詳細度を信用しきれてい

iOSのメールプライバシー保護機能が闇動作なので紹介したい iOS15(2021/9/21リリース)では、メールプライバシー保護機能(MPP - Mail Privacy Protection)なる機能が導入されました（iPadOSやMacOSも同様に導入）。標準メールアプリが対象で、iOS15で標準メールアプリを起動するとこんな画面が出てきます（画像はiPadOS15ですが）。見たことある方、多いのではないでしょうか。 この機能に関するAppleさんの説明は iPhoneでメールプライバシー保護を使用する にあり、 送信者に対しIPアドレスが隠されること メールが開かれたかどうか送信者は確認できなくなること が謳われています。 この実現方法を調べたら驚きの挙動でして、 いままでITPの謎動作とかを対岸の火事だと思って眺めていたらメールの方にもやってきたわ 、という気分になったので紹介して

日本国内でも様々なデータが公開されるようになってきました。今回はこのうちプレゼン資料やXRなどにも利用できそうな地形データや建物データについてアプリケーションで利用しやすいWavefront OBJ (.obj)形式に変換することを試してみました。 出力される.objファイルは、PowerPoint などの Microsoft Office 製品やUnityなどのゲームエンジン、各種3Dソフトウェアなどで開けるよう互換性を考慮しています(例えば、PLATEAUで配布されている.objファイルはそのままでは読めないアプリケーションがあります) ので、いろいろ活用してみてください。 地形の3Dモデルを利用する 地理院地図は、従来よりSTL, VRML, WebGL向けの3Dモデルを作成することができるようになっています。このうち他のアプリケーションで利用可能そうに見えるVRMLは、最近(2.7

もう師走ですね。びっくりです。こんにちは。 食べログでセキュリティをやったり業務改善をやったりしております @ya_po と申します。 この記事では、私が 食べログの古いSSL/TLSを、113ドメイン・72箇所・29社 抜け漏れなく廃止した 顛末をお話させてもらえればと思います。 同じような境遇にいる方の、なにかの参考になれば幸いです。 食べログから古いSSL/TLSを廃止したい 皆様ご存知の通り、POODLE1やBEAST2など、SSL/TLSにまつわる脆弱性は世の中で意外と多く発見されています。 そのためWebセキュリティの界隈では「HTTPSを使ってるだけでは安全とは限らない」と言われて久しい状況です。 Webサービス提供者の私たちとしてもこの状況に対応していく必要があり、食べログではTLS 1.2と安全な暗号スイートだけが利用されるようにしましょう！ ということになりました。 な

毎度、ググっても出てこない小ネタを取り扱っております。 本記事は個人的な見解であり、筆者の所属するいかなる団体にも関係ございません。 本エントリーは、Qiita Adventカレンダー 2021 GitLab の記事です。 0. はじめに 2021年12月03日のQiita Adventカレンダー 2021 GitLaに以下の記事を書きました。 GitLabのEnvironmentを使いこなせ！(Environmentってなに？編) - Qiita https://qiita.com/ynott/items/79d567ecb0cfbce722a8 GitLabの機能にあるEnvironment機能を解説しました。 本エントリーは、.gitlab-ci.ymlの書き方を解説します。 1. いきなり本題 以下のように書きます！ 重要なのはenvironmentの部分です。 stages: -

React でのスタイリングをどうするかはなかなか考え処であり、チャレンジングな分野である。 最近フロントエンドで話題になっている linaria というライブラリを使ってみたので、紹介も兼ねてここに記す。 また、後半では React におけるコンポーネント開発の手段として storybook を使用する上で、linaria の導入方法にも触れる。 linariaとは フロントエンドにスタイルを適用するための CSS in JS ライブラリ。 styled-components のように、テンプレートリテラルの中に CSS をそのまま記述するという方式をとっている。 CSS をほぼそのままコピペして突っ込むことが可能なため、デザイナーから渡される CSS を素早くプログラムに組み込める。 ビルド時に静的に CSS ファイルを生成し、実行時にそれを読み込むため、一般的に styled-com

こちらは「エンジニアリングに興味があるデザイナー、デザインに興味があるエンジニア Advent Calendar」５日目の記事です。 業務ではサービスの仕様検討からデザイン作成、フロントエンド実装まで器用貧乏にやっています。 前職も現職もデザイナー不在の組織で働いており、デザインまわりで苦い思いをすることが多々あるのですが、最近特に思うのは「デザインの一貫性を保つのは難しい」ということ。ここでは、そんな悩みの原因、そして現職での対応策を書き連ねます。 エンジニアだけで開発してると、デザインは破綻する 初期はデザイナーさんにデザインを作ってもらっていたが、保守・運用フェーズに入ったらエンジニアのみでデザインも実装も進める、みたいな現場をちょくちょく見かけます。 そんな現場で目にするのは、初期デザインにはなかった色やマージン、レイアウトのパターン。時間が経つにつれて初期デザインは崩れ、統一感の

どうも、@ちーずです。 アドベントカレンダー5日目、本日のテーマはReactにおけるメモ化に関してです！！ そもそもメモ化とは？ プログラムの高速化のための最適化技法の一種であり、サブルーチン呼び出しの結果を後で再利用するために保持し、そのサブルーチン（関数）の呼び出し毎の再計算を防ぐ手法である。 メモ化された関数は、以前の呼び出しの際の結果をそのときの引数と共に記憶しておき、後で同じ引数で呼び出されたとき、計算せずにその格納されている結果を返す。 参考: メモ化 - Wikipedia つまり、計算結果をキャッシュし、それを再利用することをメモ化と言います。 なぜメモ化が必要？ Reactでは下記のようなタイミングでComponentが再レンダリングされます。 state / props が更新された時 親コンポーネントが再レンダリングされた時 Componentが再レンダリングすると、

Help us understand the problem. What are the problem?

おはこんばんちは、@ちーずです。 アドベントカレンダー3日目にして、すでに毎日記事を書くことの大変さを実感してます 本日のテーマはuseEffectです！ useEffectとは useEffectとは、関数コンポーネントで副作用を実行するためのhookです。 ...と言われてもReactにおける副作用ってなんぞ？ってなりますよね。 Reactのコンポーネントの世界において、副作用はコンポーネントのライフサイクルのことを指します。(多分) ▼ コンポーネントのライフサイクル (クラスコンポーネントにおけるライフサイクルメソッド名を添えて) マウントされる (componentDidMount) 更新される (componentDidUpdate) アンマウントされる (componentWillUnmount) 書き方 // 第一引数: コールバック関数(任意でcleanup関数を返す)

ReactのState管理を比較してみた (useState / useReducer / React Context API / Redux / Recoil)React おはこんばんちは、@ちーずです。 アドベントカレンダー2日目はReactのステート管理についてです。 Reactでは、いろんな方法でステート管理できますね。 React hooksでは、useStateやuseReducer、useContextなど... さらにstate管理のライブラリも、ReduxやMobX、recoilなど色々あって何がなんだかわからない... そう感じている人もいると思います。(※ 自分です) それらをどのように使うことができるか、どんな時に使うと良いかなどをまとめてみました！！ React hooksでのステート管理 1. useState 一番基本的なState管理ができるhooksです。

ついに始まりましたね！！Qiita アドベントカレンダー 今年は1人で25日分の記事を書くチャレンジをしています、ちーずです。 業務でのフロントエンド開発を通して学んだことを毎日アウトプットしていこうと思います！！ 本日のテーマは「Nx」です！！ Nxとは Nxとは、React / node.js / Angularのアプリケーションをモノレポ(monorepo)で管理ができるの開発ツールセットです。 ReactのフレームワークであるGatsbyやNext.jsも使うこともできます。 (TypeScriptと相性の悪いVueやNuxt.jsはサポートしていない様子...悲しい) 12/2 追記 公式以外であれば、ちゃんとプラグインがあるみたいです！！ 外部からプラグイン作って自由に拡張できるところもNxの良いところですね...！ モノレポ(monorepo)とは モノレポは「モノリシックリ

テーマは「カイゼン Tips」のLT（ライトニングトーク：1人5分～10分程度） 今回のLT（ライトニングトーク）会は改善をテーマにを行います！ エンジニア/デザイナーの改善に関わることならなんでもOK！ ※LT初心者・未経験者も歓迎 LT発表希望の方は、LT発表枠より申込み登録をお願い致します！ もちろん見学だけでもOK！ 【テーマ例】 プログラミングカイゼンTips 組織/チーム/取組み/振返り改善Tips リファクタリング Tips バグ削減をカイゼンするために苦労した話 カイゼンして良かった技術的負債 開発効率の改善 20年もののプロダクトコードをカイゼンしてみた話 パフォーマンス改善やってみた サーバ構築・運用の効率化改善 コミュニケーションを改善するためにやった5つのこと 開発言語(Java,PHP,JavaScript,HTML,TypeScript,Ruby,Python,

※タイムスケジュールや内容は変更になる可能性があります。 ■登壇者 株式会社LITALICO プラットフォームエンジニアリング部 副部長　磯貝 和樹 発表テーマ：『マイクロサービスで運用しているサービスでの障害・品質への立ち向かい方』 ローンチしてまだ数年のSaaSプロダクトだが、もともとの障害者福祉の業務が複雑であることもあり、日々プロダクトの複雑性はましていく。その中でシステム障害が多発。マイクロサービスであるがゆえの問題と業務の複雑性にどう品質をあげるために立ち向かったか、お話できる限りさせてもらいます。 プロフィール： 中小SIer、その後、インターネットプロバイダでIP電話、VPSやオンラインストレージのバックエンドシステムやMVNE、MVNO、プロバイダの業務システムなどを開発をリード。大手SNS会社に移りScala使ったチャットシステムやSNSプラットフォームの開発を担当。

当イベントでは、事業会社のPMや、受託開発経験者からのトークのほか、 皆さんからの質問に答えるぶっつけパネルディスカッションも実施予定！ カメラオフでもOK。お好きな格好でお好きな場所でご参加ください♪ ▼LTテーマ 『PMが考える良い要件定義のポイント』 企画からの落とし込みが肝になる要件定義、やってみてよかった施策や工夫されたTipsを、共有します☆ ▼登壇者 鈴木 碩子｜株式会社PR TIMES 開発本部プロダクトチームMgr 2017年4月に株式会社ismを創業後、2020年10月にPR TIMESへグループイン。2021年2月よりPdM、PMM、デザイナーと共にプロダクトチームを立ち上げています。メディアと広報の仕事に携わって8年目のPRパーソン。 御守 一樹｜ヘイ株式会社 STORES 事業責任者 2020年 heyにシニアプロダクトマネージャーとして入社。PdM組織のマネージ

お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。 2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。 なお有料の対象となるのはAPIのみであり、connpassのサービスにつきましては今後も無料でご利用いただけます。 12月 17 Engineer Career Lounge #1「エンジニアの成長戦略を考える」 〜まつもとりー氏 × potato4d氏 × ゆずたそ氏 × iwashi氏によるキャリア談義〜

過去の Infra Study のアーカイブはこちらからご視聴いただけます。 開催概要 昨年2020年4月に開始したインフラ勉強会シリーズ「Infra Study Meetup #1 - #10」では、ここ数年の技術発展により拡がった「インフラ」領域について再整理し学び直すべく、まつもとりー氏（@matsumotory）と協力し、各領域の最前線で活躍されるエンジニア / 研究者の皆さまをお招きし、インフラ技術を基礎から応用、普遍的な技術から最新技術まで網羅的に学べる機会を設けて参りました。 そして今回、Infra Study Meetup 1st シーズンのご発表者の皆さまにご推薦いただいたエンジニア/研究者の皆さまをお招きし、Infra Study Meetup 2nd シーズンを開幕いたします！ 2021年5月7日（金）　第1回「インフラ技術者・研究者としてのキャリア」 紹介者　：まつ

Front-End Lounge 第二回は『フロントエンドエンジニアのキャリア』。 2021年現在、これまでにいわゆる『フロントエンド』として定義されていたブラウザを中心とした領域は過去の定義となり、Node.js やサーバーレス、 CDN レイヤーといった新たな領域に手を広げています。 一方でこれまで通りブラウザを中心とした、 Surface へのアプローチに責任を持つ立場として、デザインやアクセシビリティに対してのオーナーシップもより強く求められており、もはや『フロントエンド』と一口に定義すること自体が難しいものであると言えるでしょう。 そんな中、私達はフロントエンド開発者としてこれから先どのように進んでいくのか、はたまたその先にどのようなキャリアがあるのか。 Front-End Lounge #2 では、スペシャリストとして強く活躍する立場、リーダーとして活動する立場、より組織にフォ

お知らせ connpassではさらなる価値のあるデータを提供するため、2024年5月23日(木)を以ちましてイベントサーチAPIの無料での提供の廃止を決定いたしました。 2024年5月23日(木)以降より開始予定の「connpass 有料API」の料金プランにつきましてはこちらをご覧ください。 なお有料の対象となるのはAPIのみであり、connpassのサービスにつきましては今後も無料でご利用いただけます。

この記事は Tech KAYAC Advent Calendar 2021の5日目の記事です。 こんにちは、バックエンドエンジニアの @commojun です。昨年のアドベントカレンダーでは、6年続いているサービスのPerlのバージョンを5.16から5.30にアップデートさせようとしたときの話を書かせてもらってりしていました。 最近は、絶滅危惧種Perlエンジニアのために、#Perlから逃げるなというハッシュタグを流行らせたいなーと思っています。 愛されキャラとは ところで皆さんの身の回りには、愛されキャラと呼ばれるような人はいるでしょうか？仕事場や学校など、身近に愛されキャラがいると、場の空気がとても良くなりますよね。そんな愛されキャラとはどんな特徴を持っているのでしょうか？ 雑にググってみると、例えば以下のような特徴を持っていることがわかります。 人に優しい 素直 寛容 たまに天然 弊

この記事はBASE Advent Calendar 2021の4日目の記事です devblog.thebase.in ごあいさつ はじめましての人ははじめまして、こんにちは！フロントエンドエンジニアのがっちゃん（ @gatchan0807 ）です 今回は、フロントエンドエンジニア界隈で話題になっているDenoについて調査し、プラスでSlack Botを書いてみることで現時点のDenoはどんな感じで使えるのかを検証したので、その経験をシェアできればと思っています！（実際にSlack Botを書くのは次回の記事の予定です） つらつらとDenoを触っていて気になったポイントを書いたためにかなり長い記事になってしまいましたが、お付き合いいただけますと幸いです！ Denoの基礎知識 DenoはNode.jsの作者、Ryan Dahl（ https://github.com/ry ）さんがNode.j

DX（デジタルトランスフォーメーション）による業務改革が急務となるなか、これからDXに取り組む企業に必要なITシステムは何か。こうした問いに答える手引書が公開された。情報処理推進機構（IPA）が2021年11月16日に発表した「DX実践手引書 ITシステム構築編」である。 本書はDX推進に向けたITシステムのあるべき姿と、システムに必要な技術要素を解説している。DX先行企業22社にヒアリングし、現場の声を取り入れたという。編集に携わったIPAの境真良社会基盤センター DX推進部長は「2025年の崖を飛び越えて、ITシステムをどのように変えていくのかを示した」と説明する。 技術要素の前段階が重要 DX実践手引書は3章で構成されている。主な特徴は、DXの推進に必要な組織や人材を解説している点と、DXの推進に必要な技術要素をまとめた「スサノオ・フレームワーク」を図示したことである。 第1章は「D

[速報] AWS上でWeb/モバイル開発をローコードで実現する AWS Amplify Studio が発表されました！(パブリックプレビュー) #reInvent Amplify StudioはFigmaと連携しており、Figmaで作成したデザインをReact UIコンポーネントに自動的に変換します。 近年のアプリケーション開発の高速化を支えている Amplify に UI 面の自動化がサポートされたら Amplify だけで開発が完結するのでは？これは気になる！ということで早速触ってみました。 公式の資料は次にまとまっています。 Introducing AWS Amplify Studio AWS Amplify Studio | Visually Build Extensible, Full-Stack Apps Fast Issue Tracker 2021/12/03 現在、 G

こんにちは佐々木です。NRIネットコム Advent Calendar 2021 開催中です。しかし、内部で検討した結果、私は枠外になりました。ということで、Japan APN Ambassador Advent Calendar 2021として書かせていただきます。どちらも宜しくおねがいします。 今日のテーマは技術選定とアーキテクトの育成についてです。ITエンジニアの間には、定期的にどう技術選定するのかといった議論が出てきます。いろいろな観点があるとは思いますが、私が重要であると考えている所を簡単に述べてみます。 技術選定に銀の弾丸はない まず最初に言っておきたいのが、『技術選定に銀の弾丸はない』ということです。銀の弾丸とはIT業界でもよく利用される比喩で、英語で“silver bullet”とは「狼男を倒せる武器」が元々の意味です。それが転じて「困難を解決する決め手」という意味で使われ

Gitのコミット粒度はまずConventional Commitsで種類が混ざりにくいようにしつつ、「小さいコミットを後からくっつけたり並べ替えたりする方が、大きいコミットを後から分割するよりもずっと簡単なので、迷ったら細かくコミ… https://t.co/AlCtjvT3rC

この記事は、Merpay Advent Calendar 2021 の 5 日目の記事です。 @1000ch です。最近はメルペイのエンジニアリング部門にて、Android・iOS・Web を含むクライアントエンジニアリング全般を担当しているので、その話をします。 メルペイクライアントサイドの責務 メルペイのクライアントサイドはどのような領域を担当しているのか、俯瞰してみます。メルカリグループには、C2C マーケットプレイスを担うメルカリ、金融決済事業を担うメルペイ、メルカリ Shops を担うソウゾウ、フットボールクラブを運営する鹿島アントラーズ、暗号資産事業を担うメルコイン、物流事業を担うメルロジがあります。 一口に金融決済事業のクライアントサイドと言っても非常に様々で、いわゆる「iOS と Android のメルカリアプリのうち決済に関わる機能実装」だけで完結するほど単純ではありませ

はじめに メルペイ ML Platformチームの@ysk24okです。この記事は、 Merpay Advent Calendar の4日目の記事です。 本記事では自チームにモブプログラミングを導入し、チーム一丸となってタスクに取り組むようになった話を共有します。 モブプログラミングとは モブプログラミング（以下モブプロ）とは、モブプログラミング・ベストプラクティスでは「3人以上の人々が1台のコンピューターの前に座って協力しながら問題を解決していくこと」と定義されています。Hunter Industries社のWoody Zuill氏が2015年頃からカンファレンスなどで発信しはじめたことで世の中に広まっていったと言われています。 モブプロでは1人のタイピストとその他のモブに分かれ、10分でタイピストを交代します。その他のモブは基本的にコードは書かず、問題解決のためのアイデアをタイピストを

この記事について この記事はアドベントカレンダー2021 Rust 四日目の記事です 概要 フロントエンドエンジニアである筆者がWASM（Rust）でWebアプリを作ってみたので、 その際の技術選定（主にビルド・開発補助周り）について 作ってみた雑感、特に「ぶっちゃけフロントエンドRust[1]ってどうなの？」という点 について書いていこうと思います。 TL,DR 2021年12月現在フロントエンドでのRustの採用は技術的に可能だがエコシステムが未発達なのでそれなりに技術力とコストを要求される とはいえ伸び代はかなりあるのでエコシステムが頑張ってくれれば、数年後には十分一般的な選択肢になってるかも（なってて欲しい） 主な対象読者 フロントエンドに携わる機会がある方々 この記事を読んでいただくことで・・・ フロントエンドという文脈におけるWASMの現状を知ってもらう フロントエンドをRus

デザインパターン (design pattern) とは、過去のデザイナーたちが見つけた経験則的な型に対して名前をつけ、型の再利用性を高めやすくしたものです。ソフトウェアデザインの世界（特に、プログラミングの領域）においてはプログラム構造の設計パターンのことをまさに “デザインパターン” を呼び、これを共通の知識として積極的に取り入れています。 これに対しアンチパターン (anti-pattern) とは、必然的に否定的な結果に至る型を指します。アンチパターンもデザインパターンの一種と捉えこれを知識に蓄えておけば、設計の過程でどのような結果に至るのかを事前に予測することができるし、失敗を未然に防ぐことも可能となります。 今回は、アプリケーションデザインにおける典型的なアンチパターンをいくつか紹介します。 アプリケーションデザインの定義 ここでの「アプリケーションデザイン」の言葉は、以下の意

Introduction この記事は Nikkei Advent Calendar の 4 日目の記事です。 Web チームの伊藤です。 この記事では、電子版フロントエンドを実装する上でアクセシビリティに配慮した実装を行った箇所を具体例を挙げて紹介します。 Web アクセシビリティについて Web アクセシビリティは通常、「様々な利用者が Web サイトを使えるようにする」ものだと言われています。 具体的な手法としては、WCAG及びその達成方法集に則った実装を行うことが挙げられます。 独自にガイドラインを制定している会社もありますが、実際には、これらの基準をすべて満たすことは難しいでしょう。 比較的簡単に取り組めるところでは、Lighthouse のアクセシビリティスコアを上げることが考えられ、新規に実装する場合には、レビューなどで Lighthouse のスコアを上げる形になります。 本

by ライブドアニュース編集部 ざっくり言うと 世界初のVTuberで、1日に5周年記念を迎えたキズナアイ 2月26日のライブをもって無期限で活動休止すると4日、YouTubeで発表した 「インテリジェントなスーパーAI」になり戻ってくる、などと説明した 提供社の都合により、削除されました。 概要のみ掲載しております。 関連ニュース ランキング 総合 国内 政治 海外 経済 IT スポーツ 芸能 女子