最近ではReactやVueを使ったリッチでインターラクティブなUIがどんどん主流になってきていますし、2020年以降もこの流れは加速し続けるでしょう。 SPA（Single Page Application）やPWA（Progressive Web Application）の普及によって今までモバイルでしかできなかったことがwebでもどんどんできるようになってきています。 また、Firebaseを使うことでクラアントサイドだけの高速なサービス開発が可能になってきていて、今後ますますWebフロントエンドのニーズは増えるのは確実です。 （サーバーサイドが必要ないという主張がしたいのではありませんが） Webフロントエンドをどのように勉強するのか 初心者に立ちはだかる壁 しかし、何か作ってみようと思ってもなかなかほどよいアプリがありません。TODOぐらい簡単なものだと雰囲気を掴むのにはちょうどい
Intro 従来の History API を改善する Navigation API の仕様策定と実装が進んでいる。 これは、 History API の使いにくかった部分を補うだけではなく、「JS で画面遷移をする」という現状のミッシングピースに取り組み、 SPA が抱える多くの問題だけでなく MPA すら改善する可能性がある。 この API の目的と仕様を解説しつつ、実装のメモを残す。 画面遷移と SPA の軌跡 Web は HTML の取得と描画を繰り返す、画面遷移(Navigation)を前提としたアーキテクチャ(のちに SPA からの逆算で MPA と呼ばれる)が基本であり、ブラウザなどの実装もそれに最適化されている。 一方「アプリケーション」の設計手法をそのまま Web に持ち込んだ SPA は、この Navigation によってもたらされる UX の低下を防ぐ部分がある一方
はじめに こんにちは、Cloud Operations suite担当者です。2021年4月18日でちょうどGoogleに入社して10年が経ちました。自分は転職で入社したときのことは書いておらず、前職を退職したときの記録しか残っていませんでした。いい機会なので記録として10年間を振り返ってみようかなと思いました。自分用の振り返りで特に推敲もしておらず、読みづらいと思いますが、とりあえずそのまま出します。 Google入社のきっかけ 当時はPython関係のコミュニティ活動やアウトプットをしていて、ちょうどそのときにGoogleのPartner Solution Organization（いまの gTech という組織の前身）のTechnical Account Managerという職種で空きがあるので、受けてみませんかとメールが来たのがきっかけでした。当時はGoogleというとソフトウェア
フロントエンドのデベロッパーが2021年に向けて何に注目すべきかを紹介します。 特に上級職や転職など、ステップアップを目指す人は要チェックです！ 10 Things Front-End Developers Should Learn in 2021 by Simon Holdorf 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 1. フレームワーク 2. 静的サイトジェネレーター（SSG） 3. JAMstack 4. プログレッシブウェブアプリ（PWA） 5. GraphQL 6. コードエディタ/IDE 7. テスト環境 8. クリーンなコード 9. Git 10. ソフトスキル 終わりに はじめに 2021年は、フロントエンドの開発がテクノロジー業界で最もホットなトレンドの1つになることは間違いないでしょう。フ
待機状態のUIについて整理してみる(デザイン編)
Introduction 概要 待機状態 UI のデザインについての記事です。 待機状態 UI というのは、ローディングや情報の処理待ち時に用いられる UIのことです。ここで待機状態の UI と読んでいる理由は、各デザインシステムやガイドラインなどで言い方が違うため、今回はこのように言及させてください。 この記事では、既存のデザインガイドラインや既存のデザインシステムから待機状態の UI の概観、デザインにおいて考慮することをまとめます！ ベストプラクティスを提案するわけではなく、作成する際、配慮することを頭に入れて思考できる記事にします。 背景、課題感 WebFront-end における各 UI の実装を行おうと考えているが、実装する際、ビジネス側やデザイン側と実装する UI について話し合って作ることが多いです。 小さなプロジェクトだと、デザイナーがいない事も多く、Front-end
Re: Web3って流石にヤバくないか？
はじめに筆者はブロックチェーンがWeb3にリブランディングされる前からこの業界で働いているエンジニアです。しかしWeb3系のインフルエンサーの掲げる思想に対しては反対の立場を取っているため、この記事の主張は概ね理解するものの、いつまで化石みたいな認識で批判記事書けなたと思うところもあり、せっかくの機会なので最新の状況を世の中にアウトプットしていこうと思う。 一応匿名ブログということになっていますが、「本記事は個人の意見であり所属企業は関係ありません」と予め明記しておきたい。 さて、これから下記の記事に反論をしていこうと思う https://anond.hatelabo.jp/20230210072521 まず、web3の基盤をうたう殆どのブロックチェーンは分散されていないし、脱中央集権なんて無理だと諦め始めてる。あのイーサリアムでさえ、天下のSEC様に尻尾フリフリしてる。イーサの外を見れば
既に元ツイートは削除されているのですが、サウンドオブミュージックの「エーデルワイス」に関するこんな話が盛り上がってました。 togetter.com イギリスでは「第三帝国」を思い出すから嫌われているという内容ですが、それに対して、「いやサウンド・オブ・ミュージックは戦後だし…」みたいなツッコミが入って「デマ」という形になっていました。 私はネットミームに関しては、デマかどうかもそうですが、火のない所に煙は立たぬ主義なので、どうしてそういう話が出たのか、という流れを考えるのが好きなため、そういったことを調べてみました。結論だけ書くと、「”エーデルワイス”の曲自体についてナチスを想起する人はどうやら一定数いるが、誤解に基づくものであるし、あまり一般的ではなさそう」ということのようでした。デマというか、自分の経験をどこまで一般化するかという話なんだろうなと感じました。 【目次】 「エーデルワイ
Intro 筆者は、 Web のセマンティクスに対する実装の方針として、大きく Push 型の実装 と Pull 型の実装 があると考えている。 もっと言えば、それは実装方法という具体的な話よりも、開発者のセマンティクスに対する態度を表現することができる。 この話は「Push よりも Pull が良い」などと簡単に切り分けられる話ではない。 「自分は今 Push で実装しているのか、 Pull で実装しているのか」この観点を意識するかしないかによって、セマンティクスに対する視野が広くなり、その応用として、たとえば今自分が行っている実装が、将来の Web においてどのような互換性の問題を生じるかなどを想像できるようになるだろう。最近問題になる Ossification を、こうした視点の欠如の結果とみることもできる。 (本エントリでの Ossification は、一般に言われている Pro
LLMs The History of Chatbots ELIZA (1966) 初期の人工知能プログラムのひとつ。 ルールベースの簡単なパターンマッチングで返答していた。 心理療法士の会話を模したELIZA(DOCTOR)が有名。 PARRY (1972) PARRYは偏執病的統合失調症患者をシミュレートしようとしたもの。 ELIZA(DOCTOR)と通信し話題となった。 Jabberwacky (1982, 1988, 1997) ユーモラスな人間同士の自然な会話をシミュレートすることを目的としていた。 ユーザーとの会話の大規模なデータベースを構築し、言語と文脈を学習することができた。 プロジェクト自体は1982年から開始されていたが、当初は学習機能は有していなかった。 ローブナー賞を2005年(George)、2006年(Joan)に受賞している。 ローブナー賞(Loebner P
k8s のCDツールがいくつかあるので、それらの特徴についてまとめる。 一応CDツールの定義は"k8sにWebアプリケーションをデプロイするツール"を想定しているが、 k8sにおけるデプロイはマニフェストファイルを apply することなので、 そういったものはすべてCDツールとみなして調べた。 すべてのツールをちゃんと調べたわけではないので、ものによってはサラッとした紹介になっている。 Flux Tekton(Tekton Pipeline) Jenkins-X PipeCD GCP Cloud Deploy AWS Code Pipeline Spinnaker Pipeline & Stage 動的なパイプライン Managed Delivery Spinnaker を使いこなせるか? ArgoCD Single Source of Truth(SSOT) 複雑なCDパイプラインは作
この記事は私, wataokaが1年間をかけて作り続けた超大作記事です. 総文字数は8万を超えていますので, お好みのところだけでもみていってください. ついにこの時が来ました！！！！！ 1年間書き続けたQiita記事です！！！！！ ご覧下さい！！！！！https://t.co/eKBwP1zoeB — 綿岡 晃輝 (@Wataoka_Koki) December 31, 2020 俺的ランキング 動画での解説も挑戦してみました！ ぜひぜひご覧下さい！ 動画のリンク 第3位: Likelihood-Free Overcomplete ICA and Applications in Causal Discovery wataokaの日本語訳「尤度が必要ない過完備ICAと 因果探索における応用」 - 種類: ICA - 学会: NeurIPS2019 - 日付: 20190904 - URL:
MySQL 8.0.18 の実装を読み解きながら簡単なストレージエンジンを自作する - それが僕には楽しかったんです。
はじめに MySQL をビルドする ストレージエンジンを自作する Example エンジンをベースにする handlerton の作成とインスタンス化 テーブルを作成する 余談・気になったところ テーブルを開く INSERT の実装 ha_tina の存在 テーブルスキャン store_lock の実装 external_lock の実装 rnd_init の実装 info の実装 extra の実装 rnd_next の実装 おわりに はじめに 卒論書くのに飽きてきて何かやりたくなったので急にストレージエンジンを書くことにしてみた。 MySQL のストレージエンジンを実装していく中で、色々できるかなと思っていたけど、やってみると MySQL の内部実装について色々知らないといけないことが多くインデックスとかトランザクションとかそういうところは実装できなかった。 github.com My
西欧社会民主主義はなぜ衰退しているのか？/吉田徹 - SYNODOS
ポピュリズム伸長と社民の衰退 西欧各国の社民政党が大きなダメージを受けている。 2017年から2018年は、英EU離脱と米トランプ大統領誕生があったこともあり、西ヨーロッパ各国での選挙が大きな注目を浴びた。オーストリアやイタリアではポピュリスト政党が参画する連立政権が発足したが、フランスといった欧州の中核国ではポピュリスト勢力は政権の座から遠ざけられ、グローバルなポピュリズム・ドミノは押しとどめられたようにもみえる。 もっとも、これまでの各国選挙の推移を注意深くみれば、留意すべきはポピュリズム政党の伸長以上に、各国政治で中心的な役割を占めていた社民政党の決定的な衰退である。 まず、2017年3月のオランダ総選挙では、与党・労働党がわずか9議席（改選前38議席）という、歴史的敗北を喫した。1980年代から90年代にかけ、同党は中道右派政党のキリスト教民主アピールとともに2大政党のひとつだった
PWA(Progressive Web Apps)対応サイトの作り方・実装方法まとめ・入門 － AWS上で学習したPWA導入例とLighthouse Report Viewerの使い方 - NRIネットコムBlog
小西秀和です。 現在、AWSの静的ウェブサイトホスティングで入門するAWS Amplify(Console、CLI) － 概要編などAWSのサーバーレスな静的ウェブサイトホスティングをテーマにしたブログ記事を執筆しています。 今回もAWSは関係しますが、フロントエンドに近い話題で、最近動向が本格的になってきたと感じているPWA(Progressive Web Apps)について私が自主的に学習した内容を記事にしてみました。 私の場合はAmazon S3、Amazon CloudFront、AWS Certificate Manager、Amazon Route53を使用した静的ウェブサイトに最小限のコンテンツをデプロイしてPWAの実装について学習しました。 また、Lighthouse Report ViewerというPWAなどの品質テストができるツールを使用して、PWAの基準に合格し、Pe
Computer Scienceの学位が取れる米国のオンライン大学University of the Peopleに入ってみた感想 - えんぴつぶろぐ
2020年1月に申し込み手続きをして、1月30日開始のTerm3から、英語力証明のためのコースを受講している。 正確には、正式なComputerScience専攻の学生ではまだなく、Non-degree seeking studentという扱いではあるが…。 （2020.10.10追記） 現在は無事正式な学部生（Degree Seeking Student）となり、日本の大学からも14コース（単位数で言うと48）の単位移行が承認され卒業までの期間を短縮できることになりました。 他のUoPeople関連の記事はこちら： UoPeople カテゴリーの記事一覧 - えんぴつぶろぐ また、他の海外オンライン大学・大学院との比較をこちらにまとめましたので参考になれば幸いです。 zenn.dev （2020.10.10追記） University of the Peopleとは 学部生になるまでのプ
sumirenです。 2023年5月5日、ついにNext.js App Routerがstableになりましたね！ おめでとうございます！！ありがとうございます！！！ 今から本番で使うのが楽しみで待ちきれません。 13.4のリリースではstableの宣言とともに、目玉機能としてServer Actionsが来ています。Data Fetch（というか、もはやData Handling的なもの）の機能の一部として、とても興味深いです。 さて、Server Actions自体の解説は他の方に任せるとして、リリースノートには以下のような一文があります。 Server Actions in Next.js have been designed for deep integration with the rest of the data lifecycle, including the Next.js
感想です。 何をしたか 現状でBlitz.jsで本番サービスを運用できるかの調査。 Railsで運用している本番サービスの一部機能を、3日間ほどかけて移行を試してみた。 結論 (Railsの主戦場でもある)新規事業開発の文脈でのクイックな立ち上げを想定するなら、本番運用するにはまだ厳しい。 特に、RailsユーザーとしてはActiveRecordがないのが厳しい。 開発効率そのものはRailsと比べて多少落としても、Railsよりもスケーラブルで型安全に開発したいなら、割と良い選択肢に思う。 もろもろ可能性は感じるので、引き続き応援していきたい。 良かった点（＝Blitz.jsに興味を持っている理由） 型安全な開発 サーバーもフロントも全てが型に守られた開発、そしてIDEの恩恵を受けられるのは、いうまでもなく心地がいい。 型は補助輪のようなものなので、ユーザースキルが高ければ必須ではないく
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
Web フロントエンドエンジニアの実態を現場から完全主観でお届けします。 現代のフロントエンドエンジニアについて理解したい方向けです。 #動機みんな（誰やねん）が思う「フロントエンドエンジニア」像と、私自身を含む実際の現場の「フロントエンドエンジニア」像に大きな乖離を感じることが増え、それについて説明する機会が増えてきたので、私が思う「フロントエンドエンジニア」像をまとめてみました。 みんなとは、IT企業の人事部・IT人材系エージェント・デザイナー・駆け出しエンジニア・MPAに固執するエンジニアなどです。 #定義Web フロントエンドエンジニアの定義は多岐に渡ります。 ここでは、以下条件を「全て」満たすエンジニアを Web フロントエンドエンジニアと定義して話を進めます。 Web ブラウザや Web ビューなどの Web プラットフォーム上で動作する UI/UX・機能を実現することを目的と
はじめに 国立研究開発法人 産業技術総合研究所の人工知能研究センターに所属している、片岡裕雄と申します。研究者としてコンピュータビジョン（CV）やパターン認識に関する研究を行う一方で、研究コミュニティcvpaper.challengeを主宰して「CV分野の今を映し、トレンドを創り出す」ことにも挑戦しています。cvpaper.challengeには最新動向の日本語サーベイ資料や研究メンバーによる研究成果も載せています。今回の記事に書ききれない、より詳細な情報はぜひそちらをご覧ください。 今回の記事については、出身大学の大先輩・皆川卓也氏から話を受けて実現しました。皆川氏は2010年にコンピュータビジョンの業界動向を寄稿されているのですが、今回恐れ多くもその企画を受け継ぐことになりました。 それから11年、深層学習の隆盛とともに発展してきたCV分野の動向を述べるにはあまりにも紙面が限られていま
Firefox OSの軌跡 - Qiita
Original article:https://medium.com/@bfrancis/the-story-of-firefox-os-cb5bf796e8fb written by Ben Francis. モバイル市場は長らくAndroidとiOSの独擅場ですが、その牙城を崩すために、数多くの企業やコミュニティが挑戦を繰り返してきました。 Windows Phone、BlackBerry OS、Sailfish OS、Harmony OS、Tizen、etcetc… 中でも特に注目されていたモバイルOSのひとつが、Mozillaが開発していたFirefox OSです。 以下は、その始まりから終わりまでの一部始終を描いた物語、The Story of Firefox OSの日本語訳です。 著者のBen Francis( Twitter / GitHub / Medium / Link
はじめに先日ワークビザを取得し、自分の中でカナダに来てからの最低限の目標をクリアできたと感じたので、これまでのことを記録し、これからの目標を改めて確認したいと思い筆を取ります。今回の僕のように、ある程度日本でエンジニアとしての経験を積んだ後、移住を目的にトロントで働いている、という記事は僕がまだ移住を模索していた2018年当時見かけなかったこともあり、この記事が今後誰かしらの参考になればと思います。とりあえずはStay Home中の暇つぶしにでもなれば幸いです。 尚、この記事ではカナダやトロントがいかに住む場所としていいか(気候含む)などについての言及はしません。 誰？@tooooooooomy です。GitHub上では@kazu9su です。アカウント取得当時インターネットに疎くてアカウント名を統一しなかったことは未だに心残りです。 新卒でマーケティング・リサーチ事業の会社で4年ほど働い
![[海外就職] カナダ・トロントでRailsエンジニアとして働くようになるまで｜tommy](https://cdn-ak-scissors.b.st-hatena.com/image/square/5b734582e282b416765e638bb83e051740d189de/height=288;version=1;width=512/https%3A%2F%2Fassets.st-note.com%2Fproduction%2Fuploads%2Fimages%2F26113107%2Frectangle_large_type_2_2c7cc425ed7a0fec14a59364fd3f15ef.jpg%3Ffit%3Dbounds%26quality%3D85%26width%3D1280)
シンプルなUIライブラリを使おう2023 - Qiita
皆さんこんにちは。昨今の技術選定においては、「シンプルさ」が重視されることが良くあります。 特に「イージー VS シンプル」という対立軸が持ち出されることが多く、規模の大きなアプリケーションを作る際には「シンプル」側の技術を選定するほうが有利だという論調がよく見られます。 本当にそうなのか、あるいはそもそも「シンプル」とはどういう意味なのかについては皆さんそれぞれの考えがあるでしょうから、この記事では深入りしません。 代わりに、実際どのような技術がシンプルなのかが気になるところです。そこで、今回は筆者が比較的得意なWebフロントエンドのUIライブラリの領域において、どのライブラリがシンプルなのか調査してみました。 React 先日プロジェクトでReactを使ってみたら、本当にシンプルな実装でやりたいことが全部できちゃうというか、すぐに画面に反映できて開発効率的にも良いなと感じました。 フロ
目次＃ 前編 準備段階：計画と指標 パフォーマンスを重視する文化、Core Web Vitals、パフォーマンスのプロファイル、CrUX、Lighthouse、FID、TTI、CLS、端末。 現実的な目標の設定 パフォーマンスバジェット、パフォーマンス目標、RAILフレームワーク、170KB/30KBバジェット。 環境の定義 フレームワークの選択、パフォーマンスコストの基準設定、Webpack、依存関係、CDN、フロントエンドアーキテクチャ、CSR、SSR、CSR + SSR、静的レンダリング、プリレンダリング、PRPLパターン。 中編 アセットの最適化 Brotli、AVIF、WebP、レスポンシブ画像、AV1、アダプティブメディア読み込み、動画圧縮、Webフォント、Googleフォント。 ビルドの最適化 JavaScriptモジュール、モジュール/ノーモジュールのパターン、ツリーシェイ
SEOに取り組むなら最低限知っておきたい101のシンプルなアドバイス - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ SEO施策の新しい気づきを得たい場合、自身のSEO施策に抜け漏れがないかを確認したい場合などに、施策リストを紹介している記事は参考になります。 SEO Japanでもこのような記事はたびたび紹介していますが、今回の記事もそれに該当します。 しかし、いわゆる「施策」というよりは、アドバイスやティップスがまとめられているため、今まで紹介してきた記事とは少し毛色が異なります。記事中にもありましたが、初心者の方や自身の考えをブラッシュアップしたい方などへは参考になるはずです。 実績のある、実行可能なSEOの戦術をお探しだろうか？しかも、すぐにあなたの助けとなる戦術だ。この記事では、すぐに実行できる101
🌶️ IMHO 🌶️ - Rich Harris on frameworks, the web, and the edge.
この記事はSvelte/Sveltekitの作者であるRich Harris氏による講演「🌶️ IMHO 🌶️」を翻訳したものです。 この記事の作成には、Whisperによる書き起こし、DeepLおよびChatGPTによる翻訳を補助的に使用しています。 また、本文中には適宜訳注を入れています。 この場を借りて、翻訳を許可していただいたRich氏、 またこの翻訳をきめ細かくレビューしていただいたtomoam氏、英文解釈の相談に乗っていただいたshamokit氏へ感謝を表明したいと思います。 So, I'm going to be giving a talk tonight called In My Humble Opinion, and it's a collection of loosely connected thoughts about recent trends in front
はじめに PDTで10/23 - 10/25に開催されたReact Conf 2019に参加してきたので、その参加レポートです。 筆者の英語力が頼りないため、内容の正確性に保証はありません。また、人名はすべて敬称略です。 ここに書ききれなかった内容については、お会いしたときに酒の肴として聞いてください。 参加した経緯 CFP募集してたから応募した 採択されなかったけど、おまけで抽選免除でチケット購入できる案内がきた せっかくだし、自前でチケット買って行くことにした なんやかんやで10/11のTSConfも行くことにした どうしてこうなったんだろう🤔 ちなみに、時系列的にはUSに3週間弱滞在してたうちの第三部です。 第一部TSConf編と第二部Los Angeles編は近いうちに書きます。 参考リンク conf.reactjs.org www.youtube.com www.youtube
必聴！ イスラエル発、世界中の音楽を詰め込んだ驚異のバンド『Pinhas and Sons』 2020-05-30 2023-03-29 Funk, Israeli Jazz, Jazz, Music, Pops, Progressive Rock 2018, イスラエル, イスラエルジャズ, キーボード, ジャズ, ファンク, フュージョン, プログレ, ベース, ヴォーカル, 中東音楽 超弩級のミクスチャーバンド、ピンハス＆サンズイスラエルのキーボード奏者、オフェル・ピンハス（Ofer Pinhas）率いるピンハス＆サンズ（Pinhas & Sons, ヘブライ語：פנחס ובניו）が凄い。 男女ツインヴォーカルが特徴的で、ジャズやプログレ、クラシック、クレズマー、バルカン、ラテン、ブラジルなど幅広いジャンルに影響を受けた独創的かつテクニカルな音楽を展開する驚愕のミクスチャーバンド
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
はじめに Webシステムの開発に携わりたくて転職して9か月，知らない事ばかりで日々勉強しております。 自分の勉強用メモとして知っておくべき技術をまとめようと思いました。 (こちらの記事にインスパイアされたものです) 技術用語について，なるべく2～3行で概要を説明できる事を目指しています。 情報が多過ぎるので，主流な技術は見出しを赤字にしています。(主観強め) また，今後需要が増えそうな技術は青字にしています。(かなり主観強め) とはいえ，新しい技術が登場すれば，数年でトレンドが変わってしまう事も多々あると思います。 ほとんどはあくまでも初心者がネットで情報をかき集めた程度のものです。 誤りがあればご指摘，ご意見など頂きたいです。 ※2023/2/6追記 不正確・不十分だと思った記載はひっそりと随時修正しています。 また，「そういえばこんなんあったな」という項目も追記しています。 あと，自分
僕らが20年たっても成長しつづけるエンジニアでいるために | CyberAgent Way サイバーエージェント公式オウンドメディア
原 一成 (ハラ カズナリ) 2008年に新卒でサイバーエージェントに入社。主に『Ameba』関連の開発を担当。パフォーマンス、アクセシビリティ、アーキテクチャなど、Webアプリケーション品質の向上に注力している。 ― サイバーエージェントのWebフロントを12年間見てきてどう感じますか？ 今でこそ、Webエンジニアとして日々開発に携わっていますが、2008年当時のユーザー端末はガラケーがメインで、WebフロントはFlashが全盛期の頃です。サイバーエージェントではFlashで開発された「PC版アメーバピグ」が象徴的なプロダクトでした。 当時を振り返るとJavaScriptはとっつきづらく、どこか敬遠していました。なにより関数が長くて(笑)「document.getElementById(id)・・・なんでこんなに長い関数をタイピングしないといけないだろう」と思ったり。プロダクトに導入した
Intro Referrer-Policy は、送信される Referer の値を制御することが可能だ。 このヘッダの副次的な効果をよく理解していないと、「no-referrer にして送らないのが最も安全だ」という誤解を生むことになる。 では、複数あるポリシーの中でどのような観点で、どのディレクティブを採用するのが良いのだろうか? 前提として前回の記事の「リクエストの出自をチェックすることは現代の実装のベースプラクティスである」という点を踏まえて考えてみる。 令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io https://blog.jxck.io/entries/2024-04-26/csrf.html Referer とアナリティクス Referer は、リクエストに対してその前のページの URL を送るところから始まった。 GET / H
オルタナティブな情報を保存する：統計不正問題からこれからの図書館を考える 東京大学大学院情報学環：福島幸宏（ふくしまゆきひろ） はじめに 2018年12月に発覚した厚生労働省所管の毎月勤労統計調査の不正問題は(1)、問題が経済・雇用政策の根幹にかかわるだけに、大きな波紋があった。非常に多くの検証や報道がなされたなか(2)、明治初年以来の伝統を誇る日本統計協会では、月刊誌『統計』において、2019年中に5回も「統計の信頼性向上をめざして」という特別企画を組んでいる。結局この問題を発端にした政府統計の不備は、「政府の一斉点検によると、56ある基幹統計のうち約4割で問題が見つかっている」(3)とされている。日本の基幹統計が全く信頼性を失ったことのインパクトは非常に大きい。 この事件は、一見直接的な当事者でない図書館にも深い関係を持つ。従来、図書館は収蔵している個別の図書館資料の記述が検証を要する
関心が高まりつつあるPWA（Progressive Web Apps）についての技術・情報交換の場である「PWA Night」。Vol.14の今回はUI/UXがテーマです。株式会社テックフィードCEOで、「TechFeed Pro」のプロダクトマネージャーでありUXデザイナーでもある白石俊平氏は、同アプリ開発の経験からUI/UX設計の2つの原則について話しました。 TechFeed ProのUI/UX 白石俊平氏（以下、白石）：始めようと思います。「TechFeed ProのUI/UX」というタイトルでやりたいと思います。 軽く自己紹介すると、株式会社テックフィードというところの社長をやってます。「TechFeed Pro」というプロダクトがあるんですけれども、そのプロダクトマネージャーとかUXデザイナーとかもやっています。なので、ビジネスからUXデザイン……僕、開発者でもあるので、そうい
vuefes.jp 一日セッション見つつメモを残したので、個人ブログに放り投げておく。 殴り書きなので何の清書もしてないし、誤字脱字もチェックしてないです！！！ Keynote | The Evolution of Vue / Evan You https://vuefes.jp/2022/sessions/yyx990803 0.x系の Pre バージョン時代の話 ES5のみのFeatureを前提にする必要があった 1.0のコードネームってEvangelionだったのか.. 2015-2016でのコアなライブラリ群の追加が多かったらしい。Vue Router とかVuex 大規模SPAアプリケーションの構築の解決狙い Vapor Mode Virtual DOM への依存がない パフォーマンス特化でのプリビルド 今後 Vue2→3の移行期という認識 30%が Vue3, 25%が 2.7
2021年4月14日、ジョー・バイデン大統領は、20年にわたる「テロとの戦い」において、１つの画期となる決断を表明した。この日、バイデンは、2001年10月、ジョージ・W・ブッシュ大統領（当時）がアフガニスタン空爆開始を宣言したホワイトハウスの「条約の間」で演説を行い、「アメリカ史上最長の戦争を終える時だ」と宣言、アメリカ同時多発テロから20年を迎える9月11日までに、アフガニスタンの駐留米軍を完全撤退させると表明した。 アフガニスタンの安定の目処が立たないままの完全撤退については、共和党のみならず、政権内からも反対の声があがっていた。米中央情報局（CIA）のウィリアム・バーンズ長官は14日の上院公聴会で、米軍が撤退すれば、同地域の軍事力低下につながると懸念を表明した。完全撤退は、こうした懸念の声を、バイデンが押し切るかたちで決定された。 こうした決定の背後にある考えが、「中間層のための外
Consistency Models: 1~4stepsで画像が生成できる、新しいスコアベース生成モデル はじめに こんにちは。 今回は、Yang Songさんをはじめとする拡散モデルの第一人者が新たに提唱する生成モデルである、Consistency Model（一貫性モデル） を説明します。 まだ実用レベルのpre-trained modelがリリースされているわけではなく、PoCの段階ですが、その成り立ちやデザインからして、のちに拡散モデルの正統進化版の1つとして広く受け入れられるものになる気がしています。 前置き Consistency Modelは拡散モデルと強すぎる結びつきがあり、拡散モデルをスコアベース生成モデル（Score-based Generative Model）として捉えることが議論の端緒となっていることから、話に追いつくまでには数多くの文脈があります。 特に、以下の
"Education is a progressive discovery of our own ignorance." – Will Durant (勉強とは自分の無知を徐々に発見していくことである。) あまり勉強に熱が入らない大学生も多いのではないだろうか。そうだとしたら、かなりもったいない。この連載では、勉強する意味を見出せていない諸君に向けて、文系・理系の様々な学問を探求する「知的好奇人」達からのメッセージをお届けする。ちょっとした好奇心が、諸君の人生をさらに豊かにしてくれることを祈って。 今回の"知的好奇人"は？ 今回お話を伺ったのは、東京理科大学の特任副学長・栄誉教授の秋山仁先生。秋山先生といえば、バンダナ姿で数多くのテレビ番組にも出演する高名な数学者。そんな秋山先生が現在研究されている内容や、理系学問、さらには先生の専門である数学の面白い点を聞いてみた。 1.数学は「永遠の真
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み 企業の「Webパフォーマンス」に対する意識が、ここ数年の間に大きく変わりつつあります。特にGoogleが、検索ランキングの指標となる「Core Web Vitals」を発表し、その構成要素のひとつに「Webパフォーマンス」を挙げたことから、UX向上の観点だけでなく「検索順位の向上」というビジネス的な観点からも、優先度の高い課題と認識されるようになっています。今回、プロダクト横断でWebパフォーマンスの改善に取り組んできた、ヤフー 浜田真成さん、リクルート 古川陽介さんの2人に、その意義や活動の効果的な進め方について語っていただきました。 全社的に「Webパフォーマンス改善」に取り組む2人のエンジニア 浜田：ヤフーの浜田です。2015年の入社で、動画配信サービスの「GYAO!
——————————————————————————————————————————————————— Redis(REmote DIrectory Server)Redisは例えば以下の特徴を持つLLOOGGを元としたインメモリの非リレーショナルのデータベースです。 String, List, Hash, Set, Sorted Setに代表される豊富なデータ型シングルスレッド処理イベント駆動処理 by aeライブラリ通常RESPプロトコルによるクライアント/サーバーモデルでリクエスト/レスポンスデータは条件を満たす場合にメモリ最適化されて保存。CPUとのトレードオフRAXを利用したメモリ利用量の最適化(Redis 4.0~)この記事では、入門から始まり、実装をより意識することで深く理解することを目標としています。 以下の説明中の(*)マークは、特にVanilla Redisでの話となり
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2020年にWebフロントエンドを勉強する人が作るべきたったひとつのアプリ - Qiita
Navigation API による「JS での画面遷移」と SPA の改善 | blog.jxck.io
Googleに入社して10年が経ちました - YAMAGUCHI::weblog
フロントエンドのデベロッパーが2021年に向けてチェックしておきたいこと
イギリス人はエーデルワイスが嫌いなのか、半径五メートルの世界 - ネットロアをめぐる冒険
Web のセマンティクスにおける Push と Pull | blog.jxck.io
歴代チャットボットと最近のLLMのまとめ - Qiita
k8sの各種CDツールを比較する - pospomeのプログラミング日記
【動画解説】2020年に読んだAI論文100本全部解説(俺的ベスト3付き) - Qiita
Next.js Cacheのアツさをシェアしたい(App Router)
Blitz.jsをRuby on Railsエンジニアが触ってみた感想
Webフロントエンドエンジニアのすゝめ | ATHLINGUAL
コンピュータビジョン（CV）の動向 2021 | gihyo.jp
[海外就職] カナダ・トロントでRailsエンジニアとして働くようになるまで｜tommy
フロントエンドパフォーマンスのチェックリスト2021年版（PDF、Apple Pages、MS Word）-中編 | POSTD
React Conf 2019に参加した話 - sasurau4のブログ
必聴！ イスラエル発、世界中の音楽を詰め込んだ驚異のバンド『Pinhas and Sons』
SPAは万能じゃない。「革新的」と言われているPWAはどこがすごいのか？ | レバテックラボ（レバテックLAB）
Webシステム開発で関わる技術のまとめ(2022年に知った物) - Qiita
Referrer-Policy の制限を強めると安全になるという誤解 | blog.jxck.io
CA1975 – オルタナティブな情報を保存する：統計不正問題からこれからの図書館を考える / 福島幸宏
TechFeed ProのPM兼UXデザイナーが語る、PWAのデメリット・メリット
📝 Vue Fes Japan Online 2022 / 見たセッションメモ - memo_md
「リベラルな国際秩序」を超えて――アメリカに生まれる新しい国際協調主義/三牧聖子 - SYNODOS
Consistency Models: 1~4stepsで画像が生成できる、新しいスコアベース生成モデル
50年以上に渡って『数学』を探求し続ける、その理由。#学問の面白さってなんですか？ | マイナビ学生の窓口
地道だけど重要な「Webパフォーマンス改善」をいかに進めるか？ ヤフーとリクルートにおける社内横断的な改善の取り組み
Dive Deep Redis ~ 入門から実装の確認まで - hayashier Tech Blogs