Development bookmarks

未分類

• Ubuntu 20.04 LTS を 22.04 LTS にアップグレードする
  • Ubuntuのアップグレードについての記事。試してみようと思って失敗したのだが、関連情報を集めているときに今後の参考になりそうだと思った記事
• 【保存版】データサイエンティスト転職を決めるポートフォリオのガイドライン
  • データサイエンティストになるための勉強をした後、どんなポートフォリオを作っていけば良いかを丁寧に解説した記事。
• 最初から強いやつの特徴
  • ウェブ業界で仕事ができる人の特徴が挙げられている。これを参考にしたら強くなれるかもしれない？という指南書
• 2021年後半から2022年以降のソフトウェア業界（Web中心）の技術動向予想（ポエム）
  • ウェブ業界の予想。こういう風に動向が読めたら楽しそうだし、これができる人は実力があるなあと思う。
• 「DevOps」を全く知らない人のために「DevOps」の魅力を伝えるための「DevOps」入門
• DBとAPIサーバのパフォーマンスチューニングの調査
• 私のReactのコンポーネント実装アンチパターン
• エンジニアないない
  • 世間が思っているエンジニアと実際のエンジニアとの違いを並べたもの。映画に出てくる天才ハッカーのイメージとは違うよねって記事。個々の内容も共感できる？ことだが、それよりも「あるある」じゃなくて「ないない」という概念が新鮮に感じられてよかった
• Effective Remote Working
  • リモートワークになってより良いコミュニケーションをするにはどうすれば良いか、良いチームの作り方についてのスライド。内容は日本語
• ビット演算 (bit 演算) の使い方を総特集！ 〜 マスクビットから bit DP まで 〜
• 2019年増税関連／決済手段別　増税対応方法 (GMO)
• 知ったかぶりをしていたソケット通信の基礎を改めて学んでみる
• dialing failed socket: too many open files
• macOSでCPUの型番や詳細情報を調べる
• どうしてもスタイリッシュにSeleniumテストしたかった
• 我が名は神龍……どんなテストもひとつだけ自動化してやろう
  • Node.jsによる自動テストのネタ記事
• クックパッド開発者ブログ – 発表資料
  • クックパッド社員の発表資料集。
• iOSDC ベストトーク賞2位の発表の蛇足 #iosdc
  • iOSアプリの開発速度を170%に向上させたデバッグノウハウ。テストについて書いてある。とにかくスライドがきれい。
• 【Python】マーベル映画における男女格差を調べてみた
• https://awesome-python.com/

ウェブサービスを作る

• Webサービス個人開発するなら読みたい情報源10
  • webサービスをはじめるときの参考集
• Webサービスをつくりたい人が読むべき7つエントリー
  • webサービスをはじめるときの参考集２
• 下町柚子黄昏記 by @yuzutas0
  • webサービスを作っては葬ってる人のブログ。
• 考えすぎてしまう人のブログ
  • 診断メーカーと質問箱の中の人。結構稼いでるっぽい。
• Webサービスを公開し、運用するために
  • webサービスをはじめるときの具体的な手順が書いてあるブログ記事。
• 治安の悪い Slack Emoji を作るツールを作った
  • Emojiを作れる。github.ioでアプリケーションを公開するときの参考になる。

Linux

• Linux で CPU の数を調べる
• Linux のメモリー管理(メモリ－が足りない？,メモリーリークの検出/防止)
• tail コマンド
  • Linuxコマンドがかなりわかりやすく纏まってる
• 環境変数の一覧を表示するには
• iostatでのディスクI/Oの指標を見る
• Linuxで環境変数を永続化させる方法と手順について
• ディレクトリ以下の全てのファイルをgrepしたい
• 多段SCP ncでやるやつ
• SSH Key – Still asking for password and passphrase
  • githubのsshキー登録してもパスワード聞かれる件について
• Linux負荷監視まとめ
  • 負荷監視に使えるコマンドが一覧になっていて用途の概要もわかる。標準で入っているものやパッケージマネージャでインストールできるメジャーなものに限られているのでわかりやすい。こうして全体を見渡すと負荷監視のためにどういったパラメータを気にかければいいかも掴みやすくなる
• curlでjsonが返ってくるときの体裁を整える

API

• 翻訳: WebAPI 設計のベストプラクティス

GitHub

• WIPの代わりにDraft Pull Requestを利用する (GitHub)
• まだ git push origin するときに current branch 名を入力して消耗しているの?
  • current branch を同じ名前で push するなら head を指定するだけで良い。これで毎回ブランチ名を入力しなくて済む

リクエストが大きすぎる

• Meaning of max size of Nginx “large_client_header_buffers” directive
• 431 Request Header Fields Too Large
• 414 URI Too Longの原因と対策

セキュリティ

• OAuth アクセストークンの実装に関する考察

DB

• mysql スローログの場所
• 高負荷環境でDBが直面する問題とは？PHPとMySQLの TCP TIME-WAIT チューニング(前編)
• 高負荷を捌くDBチューニングノウハウを公開！PHPとMySQLの TCP TIME-WAIT チューニング(後編)
• MySQL クエリーキャッシュ 【チューニング方法とかも】
• はじめてのMySQLチューニング 第３回：max_connectionsとthread_cacheのチューニングを行う
• MySQL データベースが遅いときの調査方法と高速化テクニック
• MySQL、「too many connections」エラーを解消する
• MySQLの高度な管理とチューニングテクニック
• MySQLのコネクション接続数とスレッド数を参照するコマンド
• SQLの制約の種類とその指定方法

Apache/Nginx

• ApacheのMaxClientsとListenBackLogのチューニングの覚書
• 04) WEB同時接続数 (MaxClients) の変更
• nginxとapacheとMySQLの同時接続数の考え方
• nginxのworker_processes、worker_rlimit_nofile、worker_connectionsディレクティブの挙動を確認する
• Apacheのログ出力の要点
• サーバーの負荷が高い原因を探る〜初心者編〜
  • ロードアベレージ、CPU、IOの値を元に負荷の原因を特定するための方法について

言語・フレームワーク別

• Node.js ファイルの作成、書き込み、追記をする
• Sequelize configuration to retrieve total count with details

JavaScript

• xy-pagination
• Object.assign()を使ったコピーいろいろ
• Remove blank attributes from an Object in Javascript
• How to prevent submitting the HTML form’s input field value if it empty
• Cast to Number in Javascript using the Unary (+) Operator
• ソーシャルボタンのJavaScriptでfunctionの前に「!」がついている理由
• D3.js v4/v5 折れ線グラフ(line chart)の作り方
• 504 GATEWAY_TIMEOUT in ajax call

Java

• Spring Boot + MySQLでシンプルなWeb REST APIサーバを実装する
• SpringBoot + Spring Securityで認証を行う
• Spring BootでRESTfulなWebAPIを作ってみた
• J2EE パターン
• Struts、オープン・ソースMVC実装
  • IBMによるStrutsの解説。
• 第3章　逆引きカタログ　J2EE編｜サルでもわかる逆引きデザインパターン
  • MVCでViewHelperがどういう役割なのか知りたくて調べてたらたどり着いた記事。「一般的にモデルはJavaBeans （あるいはEJB）、ビューはJSP、Web層のコントローラがサーブレット、ビジネス層のコントローラが先ほどのファサードとして実装されます。」という記述が分かりやすかった。
• 【社内勉強会】MVC(Model View Controller)の基礎(2017/09/14)
  • MVCの分かりやすい解説。

HTML/CSS

• iOS Safariボタン

Vue.js/Nuxt.js

• Nuxt.js使ってみた
• Vue.js で d3.jsを使う その3（この二つの相性悪くない？）
• Nuxt&SSRでsetIntervalを使う時の注意点
• Vue.js で タイマーのコンポーネントをつくる
• Vue.jsとCSSアニメーションでラーメンタイマーを作る + Firebaseで簡単公開

ソフトスキル

• スケジュール管理能力を鍛えよう
• 15分で分かるGTD – 仕事を成し遂げる技術の実用的ガイド
• 仕事に大切なことはみんなSHIROBAKOが教えてくれた。傑作群像劇に学ぶ仕事術！！
• プロジェクトの残業を50%削減したタスク管理手法を惜しみなく公開する
• 開発者が考える提案書テンプレート markdown版
• 私がバグのパーソナルログを残す理由
• ITエンジニアの副業あれこれ
• はじめての要件定義で読むべきIPAドキュメント
• 工数見積もりやスケジュール管理で参考になる記事10選
• Speed of Code Reviews

チームビルディング、リーダーシップ

• 改善失敗して学ぶ、レガシープロダクトに立ち向かうチーム作り
• なんで全員にリーダーシップを求めるの？
• リーダーによるビジョン構築
• リーダーってどんな人？　この人のためならやってもいい、この人と一緒に仕事がしたいと思えるような人

採用とかキャリア、ロードマップ

• https://roadmap.sh
• フロントエンド面接対策ハンドブック
• エンジニア採用面接での「質問項目」と「意図」を公開する
• エンジニア採用担当者が絶対に読むべきnote15選
• バックエンドエンジニア(システム開発)
  • radikoのバックエンドエンジニア募集要項
• アプリケーション・エンジニア職位ガイドライン詳細
  • 株式会社ゆめみのジョブディスクリプション。目指すところがわかりやすい
• キャリアに関するセルフコーチングのやり方
• 運用エンジニアから開発エンジニアになるためにやったこと
• Web Developer Roadmap
• Web系に転身するために必要なスキル
• Tech Interview Handbook
  • 技術者として応募する際に参考になる資料がまとめられたサービス。技術面接対策はどすればいいか、どんなアルゴリズムが出題されやすいのか、あるいはレジュメは何を書けば良いのかなど。
• Toptal
  • トップエンジニアを紹介してる海外のエージェント。履歴書がきれいで参考になる。

SEO

• 気をつけないと怖いかも？301 リダイレクトはブラウザ上でキャッシュされますよって話
• 【知っておくと便利！】リダイレクト先に旧URLのクエリ（/?）を引き継がないhtaccessの記述方法
• SEO対策｜検索上位を独占するために弊社が行っている36の手順

SVG

• SVGの記述方法
• SVGで円グラフを作ろう
• SVGで円のラインをCSSアニメーションする
• SVGのプロパティを理解してアニメーションさせてみよう
• ChromeでSVGが表示されない現象

広告技術

• レガシーな広告配信システムをリプレイスした話
• はてな社内で10年間運用されていた広告配信システムを刷新し、ネイティブ広告枠に対応しました
• Google Publishser Tag
  • googletagライブラリの基本的な使い方。公式ドキュメント
• Header Bidding 導入によるネットワーク広告改善の開発事情
• Prebid.js 導入による Header Bidding 改善の舞台裏
• Amazon_Publisher_Services_Web
  • AdGeneration(?)のSDKリポジトリ
• Publisher API Reference

あんまり読まないかもなぁなものたち

• xmlで変数を指定する方法
• ELB配下のWEBサーバに無停止でデプロイするEC2Deployを作りました。
• 16年間うごいているWebアプリケーションが抱えていた技術的負い目を考察する
• Load Balancing Tomcat 7 for Application Deployment
• BloggerでMarkdownを使って快適にブログを書く方法 | テバサキ torinote