さくらインターネットは今日で上場から18年になりました｜田中邦裕
これまで皆さまに頂いた様々なことに、改めて感謝いたします。 せっかくの機会なので、これまでとこれからを、長々と書きます。 私が上場したのは2005年10月12日で、当時は27歳と、上場した起業家ランキングでは４番目に若いという光栄な記録があるそうです。ただ、それから1年11ヶ月後に最速債務超過ランキングで4番目に早い債務超過という、ありがたくもないランキングに入る羽目にもなるなど、平坦な道のりではありませんでした。 いまではありがたく東証プライムに上場していますが、今回は上場するまでと、いま考えていることにフォーカスして、上場後の話はまた機会があればまとめたいと思います。 起業したときのことさくらインターネットは舞鶴高専在学中に起業しました。そのキッカケはインターネットとサーバが好きで、それとたわむれ続けたいというものでした。 ちょうど1995年当時はHTTPやWWWが勢いを増してきたこと
情報の見つけやすさを追求する - 社内ドキュメンテーションの階層整理術 - KAKEHASHI Tech Blog
カケハシのプラットフォームチームでソフトウェアエンジニアをしているすてにゃん (id:stefafafan) です。今回はチームに配属されて数ヶ月の私が、いかにして社内ドキュメンテーションの階層構造を整理し、情報の検索性を向上させたかについてお話します。 はじめに この記事の想定読者 課題意識 メンバーへの共有と相談 社外事例の調査 esa の階層整理 第 1・第 2 階層の整理 ストック情報とフロー情報を意識した階層の整理 esa の機能をフル活用する 効果や今後について はじめに カケハシでは全社的にドキュメンテーションツールとして esa - 自律的なチームのための情報共有サービス を利用しています。それぞれのチームやプロダクトごとに階層を切ってドキュメントを書いています。 プラットフォームチームでは認証基盤などの社内プラットフォームシステムを開発しているため、自チームが運用する各種
学びを祝うふりかえり「Celebration Grid」 - Qiita
はじめに 2019/04/14(日) #技術書典6 お34 プロジェクトマネージャ保護者会で発売するふりかえり読本 学び編～経験を力に変えるふりかえり～より、アクティビティを1つ紹介します。 書籍の概要は下記スライドをご参照ください。 この記事では、Management 3.0 のプラクティスの1つである、Celebration Gridを紹介します。 ふりかえり読本に記載されている内容そのままですので、ためし読み記事としてもご活用ください。 出典 フレームワーク「Management 3.0」より。学びを祝いあう習慣を組織に根付かせるためのプラクティスです。 目的・ねらい Celebration Gridは、「Celebration」の名がつくとおり、学びや気付きを「祝いあう」ための活動です。チームで活動をしていると、プラクティスどおりに（ルールや教科書に沿って）行ったことや、実験的に行
ジャンプTOON Next.js App Router の活用〜得られた恩恵と課題〜 | CyberAgent Developers Blog
目次 はじめに Colocation を意識した設計方針 Parallel Routes と Intercepting Routes を用いた設計パターン サーバー側に処理を寄せたことによる恩恵と課題 Next.js が抱える課題 おわりに 参考文献 はじめに ジャンプTOON のWeb版（以降、ジャンプTOON Web）の開発を担当している浅原昌大（@assa1605）です。 5 月にサービスを開始した「ジャンプTOON」は、オリジナル縦読みマンガ作品や人気作品のタテカラー版を連載する、ジャンプグループ発の新サービスです。 ジャンプTOON のフロントエンドには、Next.js を採用し開発をしています。 本記事では、Next.js の最新機能や設計パターン、Next.js を採用した恩恵と現在の課題について紹介します。 Colocation を意識した設計方針 Parallel Rou
ソシオメディア | About Face 翻訳こぼれ話 3: 演劇メタファーを解除せよ
来る2024年8月19日、『About Face: The Essentials of Interaction Design』第4版（Alan Cooper、Robert Reimann、David Cronin、Christopher Noessel 著、2014年出版）の邦訳版、『ABOUT FACE インタラクションデザインの本質』がマイナビ出版より発売されます。ソシオメディアが翻訳と監訳を行いました。現在、Amazon など各書店で予約受付中です。 今回の邦訳版は、紙版、電子書籍版、そしてマイナビ出版のサイトから購入できる PDF 版の3種類があります。電子書籍版と PDF 版は固定レイアウトです。紙版はこれまでの『About Face』シリーズと同様に B5変形判（3.3 x 18.2 x 23.4 cm）—— O’Reilly などの大判技術書お馴染みのサイズ感です。ちょうど『
ESLint の Flat Config を書く時に読んでほしい記事 (2024-08版) - Object.create(null)
ESLint v9 から Flat Config がデフォルトの設定ファイルの形式となり, 徐々に対応しているプラグインも増えて移行が進みつつありますが, 実際に移行したプロジェクトを見ているとしばしば勘違いなどから誤った設定をしている事例を目にします. ということで, Flat Config を書くにあたっていくつか知っておいて欲しいことや, よく見かけるミスをまとめてみました. この記事では網羅的な説明はしませんので, ESLint や typescript-eslint の公式ドキュメントを前提として, 副読本的に参照してください. Getting Started with ESLint - ESLint - Pluggable JavaScript Linter Getting Started | typescript-eslint Flat Config のしくみ Flat Co
Font with Built-In Syntax Highlighting
Note: I received a lot of great feedback from the discussions at Mastodon and Hacker News, so I've updated the post with some improvements to the font! I've also added some further examples and acknowledgements at the end. Syntax Highlighting in Hand-Coded Websites The problem I have been trying to identify practical reasons why hand-coding websites with HTML and CSS is so hard (by hand-coding, I
ネストオブジェクトの罠 RE: TypeScriptで「選択肢」の定義をEnum的な定数にまとめる
この記事は、静的解析とビルドサイズ面で興味深いテーマでした。記事として自分の考えを書きます。 注意。あくまでビルドパフォーマンス視点での最適化です。強い意図があって、自分のドメインモデリングの方法論ではこれが最適なんだ、というなら元コードの方法論を止めるつもりはありません。 元記事のコードを minify するとどうなるか 元コードを参考に、それにアクセスするサンプルコードを書いてみます。 const sortingOptions = { priceDesc: { id: "priceDesc", sort: "price", order: "desc", label: "価格が高い順", }, priceAsc: { id: "priceAsc", sort: "price", order: "asc", label: "価格が安い順", }, ratingDesc: { id: "ra
ブラウザの履歴を操作して「戻る」ボタンで広告を出すやつについて – コーヒーサーバは香炉である
2023年後半頃から、ブラウザの「戻る」ボタンを押すと、訪問したおぼえのないページが表示されることが増えた。そういうページは大抵、記事風の広告やサイト内の記事へのリンクが大量に並ぶという構成になっている。 こんなレイアウトになってることが多い。 この手法はブラウザバック広告とかブラウザバックレコメンド (あるいはレコメンデーション) とか呼ばれており、国内外の複数のWeb広告会社がこれを提供しているようだ。 たとえば、こちらはGMOアドマーケティングの “TAXEL” が提供しているブラウザバックレコメンド。 【新たな収益・回遊源が誕生！】ブラウザバックレコメンド サイトから離れてしまうユーザーに対し、広告やレコメンド記事を表示させることで、収益化や内部回遊に繋げることを目的としているフォーマットになります。 ……というのがセールスポイントらしいのだが、サイトから離れる人は、サイトから離れ
【React】リッチテキストエディタ（Quill、Tiptap、Slate...）の考え方や前提知識
概要 4年ほどProductionで使っていたリッチテキストエディタ（Quill on Nuxt.js v2）をTiptap on Next.jsに移行しました。 既存のQuillエディタの使い勝手をTiptapで再現しつつ、改善できるところは改善しつつ、既存の4年分のリッチテキストデータが正しく編集できるようにしなければいけませんでした。 本記事では移行の具体的なプロセスを解説しようと思っていたのですが、リッチテキストエディタは前提知識があまりに多いため、前提となる知識や考え方を解説しているだけでそこそこのボリュームになりました。そこで、一旦考え方や前提知識をまとめた、という体で公開します。 本記事を読んでから各ライブラリのDocsを読んだりカスタマイズを始めたら、少しハードルが下がっていることかと思います。 対象読者の例 リッチテキストエディタに興味がある リッチテキストエディタの開発
TypeScriptで「選択肢」の定義をEnum的な定数にまとめる――satisfiesとSSoTもあるよ
ソート順の選択プルダウンがある一覧系ページを実装するとき、選択肢たちの管理方法に頭を悩ませることが多いと思います。 商品一覧ページの概要 ソート順プルダウンの選択肢たち 上の画像に示したような場合だと、 《クエリパラメータ》と《選択肢》の間の相互変換 ?sort=price&order=desc <--> 「価格が高い順」 《select の状態に使うための文字列》と《選択肢》の間の相互変換 <option value={id}>{label}</option> クエリパラメータが sort order の2つあり、それらをそのまま流用できないので 最低限でも、これらの変換ロジックを用意しておく必要がありますね。 この記事では、このような「選択肢と、それにまつわる変換ロジック群」を整理する方法を、高凝集・SSoT (Single Source of Truth; 信頼できる唯一の情報源)
すべての主要ブラウザで利用可能になったアットルール@starting-styleとは
本記事では2024-08-06にリリースされた Firefox 129をもって主要なブラウザすべてで利用可能になったアットルール @start-style について紹介します。 トランジション開始時のスタイルを指定できる @starting-style @starting-style はトランジションされる要素に対して、CSS プロパティの開始値を定義するためのプロパティです。 従来の CSS 記法では display: none; が指定されている要素にトランジションを使用した場合、トランジションが発生しませんでした。 そこで、@starting-style ルールを用いてトランジション開始時のスタイルをしているすることで元の要素に display: none; が指定されていたとしても正しくトランジションを発火させることができるようになります。 .open-content { disp
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている
「Tailwind CSSめっちゃ負債になりそう」はそうでもないのでは、と思っている Tailwind CSS 1 を一目見た人、特にCSS初学者のうちけっこうな割合が「これエグい負債になりそう」と思う気がする。なぜなら実際にそのような意見をちらほら見るからなんだけども、自分はあんまりそうは思っていないし、微妙に今のCSSについて誤解があるような空気も感じるのでその理由を説明したい2。JSXと同じで嬉しさを理解して使い慣れればなんてことはないのだけど、一方でその背景にある話はJSXより複雑なので単純に使って慣れればいいという話でもなさそう。 なお、この記事は私の以下の2ツイートを膨らませたものです。 Tailwind CSS、剥がすのは大変そうだけどそれをもって重大な負債になると評せるかは微妙に思っている https://x.com/aumy_f/status/18220941478532
ソースコードを解析して社内向けUIライブラリの使用状況を自動で集計する
プロダクト全体のソースコードを解析して、提供しているモジュールおよびそれを使用しているプロダクトごとに個別に自動集計する仕組みとその実装方法について解説します。
フロントエンド開発に役立つ Datadog 活用法 - LegalOn Technologies Engineering Blog
はじめに 本記事では、Datadog の設定方法を解説しながら、どのようにフロントエンド開発に活用できるかを話していきます。Datadog とは SaaS 型で提供されている監視サービスです。システムやアプリケーションの監視ができ、収集したログを分析するのに役立つ機能をたくさん提供しています。 こんにちは、株式会社LegalOn Technologiesで Software Engineer（Frontend）をしている山越 ( @yukishinonomeIT ) です。弊社では2024年4月に『LegalOn Cloud』というプロダクトを提供開始しました。Datadog は既存のプロダクトでも使っていたので、この新しいプロダクトでも活用することになりました。そこで、『LegalOn Cloud』における Datadog の運用を担当することになったので、実際にどのような活用をしている
ZOZOTOWNのフロントエンド開発にCSS in JSを導入して2年後の状況 - ZOZO TECH BLOG
はじめに こんにちは。ZOZOTOWN開発本部フロントエンドの菊地（@hiro0218）です。 現在、ZOZOTOWNではWebフロントエンド技術のリプレイスプロジェクトが進行しています。以前の記事ではCSS in JSの技術選定をした際の背景や課題について紹介しました。 techblog.zozo.com その後、「ZOZO Tech Meetup - Web フロントエンド」でおよそ1年後の状況を簡単に共有させて頂きました。 speakerdeck.com 今回はZOZO Tech Meetupでお話した内容に加えて、CSS in JS導入から2年後の現状を改めて紹介したいと思います。 CSS in JS導入後の運用状況 ZOZOTOWNの開発体制は、Webフロントエンドだけでも5つのチームが存在し、さらに外部の業務委託メンバーも加えると、開発に携わるメンバーは執筆時点でのべ50名を超
食事も、人間関係も、「苦手なもの」だったから『ダンジョン飯』を描けた。ゲームの影響と共に掘り下げる、九井諒子の「好きと嫌いの活かし方」とは【ゲーム世代の作家たち】
最初に聞きたい、九井先生とゲームの出会い──今回は、『ダンジョン飯』の源流となっている「ゲームからの影響」を中心にお聞きしていければと思います。まず、九井先生の原体験となっているゲームは、どういったタイトルなのでしょうか？ 九井諒子氏(以下、九井氏)： オーソドックスに、『ドラクエ』や『FF』といったRPGを遊んでいました。 おそらく初めて触ったゲーム機はファミコンだったと思うのですが、たしか親が懸賞で当ててきたものだったんです。だから、ファミコンはいつの間にか家にありました。その次のスーファミとPS1は親に買ってもらったのかな……。 そこからPS2あたりの時期はちょっとゲームから離れていたのですが、PS4くらいの時期になって、ようやく自分の稼いだお金でゲームを買えるようになりました。 ──PS2あたりの時期は、どうしてゲームから離れられていたのでしょう？ 九井氏： 単純に受験をしなくちゃ
平出和也のK2西壁遭難と２０年前の想い出｜大石明弘
「８０００ｍ峰に行こう」 私のその言葉に応えてくれたのは平出和也だけだった。 ２１歳の時だった。 平出は私とは違う大学で、陸上部から山岳部に転部したばかりだった。 長髪で無口だった彼は、東京周辺の山岳部が集まる飲み会で異様なオーラを放っていた。 しかし、その雰囲気とは裏腹に、 「やりましょう！ 絶対いきます」 と言って、親し気に顔を向けてきてくれた。 一年後の２００１年１０月、大学４年生の秋。私たちはチベットのチョ・オユー（８１８８ｍ）にいた。 遠征をサポートしてくれたのは、お互いの大学だけだった。 ７０００ｍでさえも未知の世界だった私は、最終キャンプで高山病になりテントの中に倒れこんだ。 しかし無酸素登頂を目指していていたから、酸素ボンベは持っていなかった。 平出はスープを作り、苦しむ私に飲ませてくれた。 頭は朦朧としていたが、そこから下山しようとは全く思わなかった。 「登ってやる。絶対
判別可能なユニオン型 (discriminated union) | TypeScript入門『サバイバルTypeScript』
TypeScriptの判別可能なユニオン型は、ユニオンに属する各オブジェクトの型を区別するための「しるし」がついた特別なユニオン型です。オブジェクトの型からなるユニオン型を絞り込む際に、分岐ロジックが複雑になる場合は、判別可能なユニオン型を使うとコードの可読性と保守性がよくなります。 通常のユニオン型は絞り込みが複雑になるTypeScriptのユニオン型は自由度が高く、好きな型を組み合わせられます。次のUploadStatusはファイルアップロードの状況を表現したユニオン型です。アップロード中InProgress、アップロード成功Success、アップロード失敗Failureの組み合わせです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Remix の細かすぎて伝わらない好きなところ | ドクセル
