運用出来るWebアプリケーションの作り方
はじめに 先日、下記のようなツイートを見つけて、そういえば趣味で個人開発してたときには然程気にしてなかったけど、仕事で運用するようになって先輩たちから学んだり自分で身につけたチップスってちょこちょこあるよねー、とふと思ったので、Webアプリケーション開発に関わるものをいくつかまとめてみました。 特に体系的/網羅的という程でもないですし、最近はFWや色々な仕組みでカバーされてるものも多いですが備忘録として。 Tips 機械が読めるログを作る これは割と重要なのですが、ログは人間が読むものではなく機械が読むものです。それはZabbixだったりDatadogだったりSplunkだったりgrep/awkだったりツールは何でも良いのですが、古の時代はさておき現代ではログは機械が読めることが最重要です。 まず大前提として構造化されている必要があります。言うまでもないですが「フリーフォーマット」のログの
Webサイト制作の要件定義書の確認項目｜重松佑 / Shhh inc.
プロジェクトのキックオフ前後に作成する要件定義書。確認の抜け漏れを最小限に抑えるには、どのようなことを記載しておくべきか。そして、メンバーへのスムーズな共有と、その後の円滑なプロジェクト進行のための、良い要件定義書とはどのようなものだろう。自分たち用のメモも兼ねて「Webサイト制作プロジェクトの要件定義書」の確認項目をnoteに整理してみます。 1. プロジェクト概要1-1. 背景プロジェクトを発案するに至った背景です。現状の課題、ビジネス要件の変化、ユーザーの変化、社会的要請など、プロジェクトの存在意義や必要性を記載します。 1-2. ゴールゴールとは「完了条件」です。何を達成すれば終わるのか、どこに行けば終わるのかを記載します。通常は5W1Hのうち、WHATやWHEREをゴールとします。 1-3. 目的プロジェクトを何のために進めるのかという意図です。ゴールよりも広い視野で捉えます。5
37歳Web系ソフトウェアエンジニアの転職活動ふりかえり - スペクトラム
2023年4月中ごろから6月の今日までの2ヶ月と少しかけた転職活動が終了したので、記録ついでに振り返りたいと思う。 あくまで個人的な記録である。 応募手法 応募方法は、さまざまな方向から行った。 Twitterでの公開募集 エージェント経由 YOUTRUST経由 直接応募 Twitterでの公開募集 正直なところ、一回やってみたかったという部分が大きい。今回の転職活動における大きなチャレンジだった。ありがたいことに20社以上から声をかけていただいた。知り合いのフリーランスの方から「うちが関わってるところどうですか？」という声がけも3名からあった。その節はありがとうございました。 数は多いものの、話を聞く聞かないを考えなくてはならなくなり対応に追われた。公開募集とは、受動的な方法なのだと痛感した。また「会社名も書いてないから怪しいな？」と思ってDMの送信主を調べたら国際指名手配者だったという
RFCの読み方
こんにちは。技術開発室の伊藤です。 ハートビーツではメールサーバを自社で運用しています。そのメールサーバの移設を実施するにあたり、移設を対応するチームでさまざまなメールの仕様を理解しておく必要がありました。 メールプロトコルの仕様についてはRFC（Request For Comments）が発行されているため、メールに関するRFCを読んでまとめる勉強会を行いました。 その際にRFCを読むにあたって知っておくとよいことがいくつかあったので紹介します。 RFCとは RFCとはIETF（Internet Engineering Task Force）というインターネット技術の標準化を推進する団体やその他の団体が発行している、インターネット標準や技術提供の文書です。もともとは非公式な文書であることを明確にするため、Request For Comments（コメント募集）という名前にしていたようです
SMS認証の仕組みと危険性、「TOTP」とは？ 「所有物認証」のハナシ
SMS認証の仕組みと危険性、「TOTP」とは？ 「所有物認証」のハナシ：今さら聞けない「認証」のハナシ（1/3 ページ） ほとんどの人が日常的に行っている、ログイン、サインインなどの認証作業。認証で利用したパスワードが漏えいして第三者からの不正アクセスを受けたりするなど、認証をめぐるセキュリティの問題は後を絶ちません。こうした課題を解決するには、サービス提供者側だけで対策するだけでなく、サービスの利用者も正しい知識を持っておくことが必要でしょう。 本連載記事では、認証の仕組みや課題、周辺の情報について、できるだけ分かりやすくお伝えしていきます。 連載：今さら聞けない「認証」のハナシ 専門用語が飛び交いがちなセキュリティの知識・話題について、「認証」関連分野を中心にできるだけ分かりやすく紹介します。 執筆は、業務用の「トークンレス・ワンタイムパスワード」認証システム「PassLogic」や、
IBMとSamsung、垂直トランジスタ設計によるブレイクスルーを発表 「スマホの充電は週1に」
米IBMは12月14日（現地時間）、韓国Samsung Electronicsと協力し、半導体設計の飛躍的進歩を実現したと発表した。「Vertical-Transport Nanosheet Field Effect Transistor」（VTFET）と呼ぶ新たな設計アプローチで、2021年には崩れると見られていたムーアの法則を今後何年にもわたって維持できるようになる可能性があるとしている。 VTFETは、ウェハの表面にトランジスタを重ねるfinFETなどと異なり、トランジスタをウェハに垂直に層状に重ね、電流をウェハ表面に垂直に流す設計。この構造で、トランジスタのゲート長、スペーサーの厚さ、接点サイズの物理的制約を緩和できるとしている。FinFET設計と比較して、「パフォーマンスを2倍向上させ、エネルギー使用量を85％削減する」という。
また make の話してる（2020年9月14日） - なにもわからない
私の大好きな Makefile の話が盛り上がっていたのでまとめました。 「やめてね。」って方はお声がけください。 同じ会社にいるけど、真逆の感想を持っている。Makefile読まないと副作用が分からないし、Rakefile/package.jsonだけで済むのに無駄に1つレイヤ増えていて、Makefileできたときからいる人は楽だけど、途中から入った人にとっては学習コストが高い。 https://t.co/EXtmI3xl72— 神速 (@sinsoku_listy) 2020年9月13日 golangでMakefileを使うのは分かる。 ただ、RubyやNode.jsのリポジトリなら $ git clone xxx $ cd xxx $ bundle install && rake もしくは npm install && npm test で環境構築ができることを期待する。— 神速 (
「とにかく引き算が大事」消費者庁の資料をデザイナーの人がリデザインしたらめちゃくちゃ見やすくなった
つだしん @tsudashin 消費者庁の資料をリデザインしてみた2 とにかく引き算がだいじ、デザインに正解は無いのであくまで一例です pic.twitter.com/N3zd9M86Ze 2020-06-10 22:14:52
【EOF2019資料公開】社員100人規模のWebサービスにおけるエンジニアリングマネジメント - BASEプロダクトチームブログ
こんにちは！BASE株式会社の藤川（えふしん）です。 2019年10月31日開催されたEOF2019 (Engineering Organization Festival 2019)というエンジニアのチームマネジメントに携わる人達のイベントに、スポンサーとして参加すると共に登壇してまいりました。 こちらが当日の発表資料になります。 2019/10/31 BASE社発表資料 - EOF2019 from 真一 藤川 プレゼンテーションの目的としては、エンジニアのマネジメント業務はクリエイティブな仕事であり、エンジニアリングの延長線上でしかないんだよ！ということを知って欲しい。その結果として、エンジニアリングマネージャに挑戦する人を増やしたいというものです。 なお、BASE株式会社に僕がCTOとしてジョインした時には、すでにエンジニアが何人かいる状態でした。一応、BASE創業直後から技術顧問と
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK
[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 更新日：2019/12/27 Webデザイナーにとって、自分のデザインがコーディングしやすいのかどうかは意外と気になるもの。 コーダー側は受け取ったデザインを粛々とコーディングするだけなので、あまり「こうしてほしい」と声を上げることはありませんが、デザイナーの観点だけでは気付きにくい問題が埋もれてしまっているかもしれません。 ということで今回は、日々のコーディング作業で気になった覚えのあることをどどんとまとめてみました。 このデザインだとどんな風に困ってしまうのか、そしてどう変えれば改善できるのか、なるべく具体例を挙げて説明していきます。 どのデザインツールでも共通の内容が多いと思いますが、基本的にはPhotoshopでの作業を想定しています。 常識的な内容も多いので、そのレベルは当然できてますという方
![[Webデザイナーさんへ] そのデザインがコーディングしにくい理由と、改善ポイント詳説 | 東京のホームページ制作 / WEB制作会社 BRISK](https://cdn-ak-scissors.b.st-hatena.com/image/square/61015d8f4b04fb0dced52a6a21c4bd7213a4ba99/height=288;version=1;width=512/https%3A%2F%2Fb-risk.jp%2Fwp%2Fwp-content%2Fuploads%2F2019%2F12%2Fcode-friendly-kv2-1.png)
Webでできる体験を考える会 / On the possibilities of PWA experience
B2C、B2B プロダクトマネジメントの違い（および思考の罠） / B2C, B2B PM and reduction fallacy
W3C、パスワードを不要にする「Web Authentication」（WebAuthn）を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み
W3C、パスワードを不要にする「Web Authentication」（WebAuthn）を勧告として発表。Chrome、Firefox、Androidなど主要ブラウザですでに実装済み W3Cは3月4日、FIDOアライアンスのFIDO2仕様の中心的な構成要素であるWeb認証技術の「Web Authentication」（WebAuthn）が勧告になったことを発表しました。 W3Cが策定する仕様はおもに、草稿（Working Draft）、勧告候補（Candidate Recommendation）、勧告案（Proposed Recommendation）を経て正式仕様となる「勧告」（Recommendation）に到達します。今回、WebAuthnが勧告となったのに合わせて、W3CとFIDOアライアンスはWebAuthnの仕様が正式版になったことも発表しました。 WebAuthnは2018
プログラミング未経験からWebサービスをリリースするまでの365日｜Takuya Mishima｜note
こんにちは。タイトルの通りプログラミング未経験者がプログラミングを勉強し、チームをつくり、Webサービスを立ち上げた話について、その舞台裏を公開したいと思います。結論から言うとプログラミングの学習から約1年でWebサービスをつくれるようになりました！ お前は誰だ@i_am_34といいます。 普段はリブセンスという会社でマーケティングやらなんやらをしています。経歴としてはSEO会社で営業→広告代理店でリスティング広告の運用→リブセンスでマーケティング全般という感じで、インターネッツ関連の仕事をずっとしてきましたが、プログラミングは未経験でした。 何をつくったのかつくったのはこちら 自分が知らない素晴らしいモノが集まるプラットフォームICHIOSHI ひとことでいうと実名制のモノレビューサイトです。ユーザー登録をして検索窓に商品名を打ち込むと、Amazonからその商品を探してきて、レビューを投
Qiita:Teamからesa.ioに乗り換えました - LCL Engineers' Blog
Webエンジニアの横塚です。 皆さんは情報共有ツールは利用しているでしょうか。 LCLエンジニアチームでは先日、以前から利用していたQiita:Teamからesa.ioに移行することにしました。 移行の背景と、実際に移行してみてどうだったかを簡単に紹介したいと思います。 teams.qiita.com docs.esa.io 移行しようと思った理由 Qiita:Teamは本来やりたかったwiki的な使い方にあまり合ってなかった LCLでは、システム仕様や、共有しておきたい知見、定例MTGの議事録などをQiita:Teamの記事に溜めてきました。記事には必ずタグ付けをしておき、関連記事はタグで検索できるようにしていました。しかし、記事が増えていくにつれ、その運用も限界を迎えていました。 記事が増えすぎた結果、タグが形骸化し、キーワード検索をするしかない状況になりました。 慣れている人はいいで
HTTP/3 | daniel.haxx.se
The protocol that’s been called HTTP-over-QUIC for quite some time has now changed name and will officially become HTTP/3. This was triggered by this original suggestion by Mark Nottingham. The QUIC Working Group in the IETF works on creating the QUIC transport protocol. QUIC is a TCP replacement done over UDP. Originally, QUIC was started as an effort by Google and then more of a “HTTP/2-encrypte
「推測するな、計測せよ」のWebパフォーマンスにおける真の意味 - Webパフォーマンスについて
ソフトウェア工学で著名なロバート・C・パイク氏のCプログラミングに関する覚書というものがあります。 ルール1: プログラムがどこで時間を消費することになるか知ることはできない。ボトルネックは驚くべき箇所で起こるものである。したがって、どこがボトルネックなのかをはっきりさせるまでは、推測を行ったり、スピードハックをしてはならない。 ルール2: 計測すべし。計測するまでは速度のための調整をしてはならない。コードの一部が残りを圧倒しないのであれば、なおさらである。 ルール3: 凝った(Fancy)アルゴリズムは nが小さいときには遅く、 nはしばしば小さい。凝ったアルゴリズムは大きな定数を持っている。nが頻繁に大きくなることがわかっていないなら、凝ってはいけない（nが大きくなるときでさえ、ルール2が最初に適用される）。 ルール4: 凝ったアルゴリズムはシンプルなそれよりバグを含みやすく、実装する
Scaling a Web Service: Load Balancing
This post is going to look at one aspect of how sites like Facebook handle billions of requests and stay highly available: load balancing. What is a load balancer?A load balancer is a device that distributes work across many resources (usually computers). They are generally used to increase capacity and reliability. In order to talk about load balancing in a general way, I make two assumptions abo
まとめサイトや知恵袋が引っかからない検索サイト「Nyafoo!」登場 開発者自身にとって使える検索を目指した結果
ネットで何かの情報を検索しようとすると、多くの場合“まとめサイト”や“Q&Aサイト”が検索結果に表示されてしまいますが、それらのサイトに引っかからない検索サイト「Nyafoo!」が登場しました。 【訂正：2018年2月13日 サイトURLが移転したため、リンク先を移転後URLに変更しました】 Nyafoo! かわいい馴染みのある語感の「Nyafoo!」は、いわゆる「まとめ」と呼ばれるWeb上の情報を集めたキュレーションサイトや、利用ユーザーによる質問と回答が公開された「Q&Aサイト」などが表示されない仕様になっています。 開発したのはNyafooJapan（@nyafoo_japan）さん。開発理由については「Googleがアテにならないときが出てきたため」ということで、自分にとって使える検索サイトを作った結果、上記の「三次情報」サイト群を省くこととなったようです。 例として「猫」で検索し
インターネット広告の種類総まとめ
この記事は2016年6月9日に更新しています。 インターネット市場が盛り上がるなか、インターネット広告業界も順調に成長しています。 電通が毎年発表している「日本の広告費」によると、昨年、インターネット広告市場規模が初めて1兆円を突破しました。 参考： 「2014年 日本の広告費」解説―国内市場の活性化、紙とウェブの共存、そして地方創生― - 電通報 また、他メディアよりも変化に柔軟なインターネット広告ならではの傾向でもありますが、次々と新たな広告手法が登場しています。 DSP、ネイティブ広告、動画広告など、ここ数年で登場し、あっという間にネット広告の主要な立ち位置を占めるようになりました。 特に最近では動画広告を配信開始するメディアが増加しており、直近だとグノシーが既に提供している動画広告に加え、「Gunosy Premium Ads ヘッダービデオ」を6月中旬より提供開始すると発表してい
20110804「ここが違った！Webで成果を出すアクセス解析セミナー ～ 新解析手法と先端企業のケーススタディ」
2011年8月4日（木）にスタジアムプレイス青山にて開催した、ロフトワークセミナー「ここが違った！Webで成果を出すアクセス解析セミナー ～ 新解析手法と先端企業のケーススタディ」の関連タイムラインをまとめました。セミナーレポートも間もなく公開予定ですので、あわせてご覧ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
