【画像】 朝日新聞のカメラマン､望遠圧縮で品川駅の混雑を演出するも､｢圧縮マン｣と連呼され釈明 1 名前：黒(兵庫県) [US]：2021/01/08(金) 15:20:59.65 ID:AS794XT/0 ヤムラ会長（一時的に解錠中） @aoyamadai 今朝の品川駅で圧縮マンが大活躍！ 2021年1月8日 午後1:11 https://twitter.com/aoyamadai/status/1347395505534369797 西畑志朗 Shiro Nishihata @NSHT_46 2021年1月8日 午後2:05 望遠レンズで撮影するのは、通行される方の邪魔にならないように背後が柱の場所まで 下がり、離れて撮影するためです。当該の場所では、近くに寄って撮影すると歩行の 邪魔になるので、ほとんどのカメラマンが望遠で撮影しています。 https://twitter.com/NS
画面をデザインするということ - Qiita
この記事は社内の勉強会で話した内容を再編したものです。 私自身はPC/ブラウザ/スマホのアプリ開発をしている１エンジニアにすぎないのですが、対客や要件定義から開発、運用、そしてUIのデザインを担当しており、自分なりに伝えられるものがないかと試みたものです。 デザインとは デザインとは単に見た目だけの話ではなく、「ビジネス」と「ユーザーが得る体験価値」から始まり、それを実データと結びつけながら人の認知を通してどう見せるのかという作業です。 始まりの部分は最近だとUXデザイナー、終わりの部分はUIデザイナーとかグラフィックデザイナーとか呼ばれるような人の仕事です。そしてそれらを形にするのがエンジニアです。 画面を設計するまでの作業 ギャレットのUX5段階モデルに従って、どういったことを考えないといけないのか確認します。 （実際にUX５段階モデルを意識して仕事してるわけではありませんが、何かしら
月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください！ ウクライナのソフトウェア開発者Dmitry Zaporozhets氏が2011年10月に、たった1人で開始したオープンソースプロジェクト「GitLab」。それが、ちょうど10年を経て時価総額1兆円もうかがうほどの大成功したDevOpsのSaaSプラットフォームへと進化することになると想像した人は、ほとんどいなかったと思います。GitLabのライセンス・SaaSビジネスを展開するGitLab Inc.は9月17日付けで米国証券取引委員会（SEC）に対してFORM S-1を提出し、IPOへ向けて最終段階に入りました。 開発初期か
コードレビュー虎の巻 - Qiita
レビューガイドライン(Review GuideLine) ここで述べているレビューはピアレビューについての方法です。 （作業成果物の欠陥と改善の機会を探すレビュー） 「最悪を最初に」を基本としてレビューすべき、 たとえば、仕様やアルゴリズムに欠陥があるのに、typoにこだわってもしょうがないので、なにが最悪かを考え、それを防ぐための物からレビューをします。 誤りがプロダクト全体に影響し、手戻りのコストが高くつく、あるいは失敗するようなリスクがないかを考慮にいれてレビューの対象を選択します。 たとえば、基本的な初期フェーズの要求仕様や、クリティカルな決定の基礎になる仕様、使用頻度が高いモジュールなどを重点的にレビューします。 以下に書く項目はレビュアーに負担をかけないようにするのが前提なのでレビュアーに出す前にそもそもテストしたい項目です。 参考： あなたのおっしゃるレビューってどのことかし
サマリ DNSリバインディングが最近注目されている。Google Chromeは最近になってローカルネットワークへのアクセス制限機能を追加しており、その目的の一つがDNSリバインディング対策になっている。Googleが提供するWiFiルータGoogle Nest WiFiはデフォルトでDNSリバインディング対策機能が有効になっている。 DNSリバインディング対策は、攻撃対象アプリケーションで行うべきものであるが、ブラウザ、PROXYサーバー、リゾルバ等でも保護機能が組み込まれている。本稿ではそれら対策機能の状況と対策の考え方について説明する。 DNSリバインディング（DNS Rebinding）とは DNSリバインディングはDNS問い合わせの時間差を利用した攻撃です。DNSのTTL（キャッシュ有効期間）を極めて短くした上で、1回目と2回目の問い合わせ結果を変えることにより、IPアドレスのチ
ウェブブラウザー「Firefox」について、ネット銀行「PayPay銀行」は2022年3月25日にサポートを終了した。推奨ブラウザー環境の対象外となり、今後は画面が正しく表示されなくなる可能性がある。 2004年に公開された米国発のFirefoxは、かつてはウィンドウズ搭載パソコン（PC）に標準搭載されていた「Internet Exploer」（IE）に次ぐ有力な選択肢として人気を集めた。現在では、事情が変わってきている。 2010年は国内2位、シェア2割強だった アイルランドの「statcounter」というサービスは、ウェブブラウザーの利用率を集計している。公式サイトによると、世界中の200万以上のサイトへのアクセスを分析しているという。 それによると今から11年ほど前、2010年12月の国内パソコンブラウザーのシェアは、IEが58.6%で1位、そして2位にFirefoxが21.63%
著作権侵害のタイミー社員、マネーフォワード運営メディアにダイヤモンド社の記事とほぼ同一構成の記事を寄稿。さらに有料noteでも無断転載か。
【11月8日 18時追記】11月8日（火）15時、NewsPicksが当該社員の「若者のロールモデル」表彰を取り消されたとの事です。 Twitterでの著作権侵害の疑いが取り消し理由とのこと。 昨日ご紹介したタイミー社員さんの記事ですが、いくつか続報がありますので記事化させて頂きます。 まず、はじめにSUANがスパム報告されていた件です。 奥村さん、そりゃないでしょう。。なんでSuanが「スパム扱い」なんですか？虚偽報告の同調を集めてツイート消そうとするのは流石に辞めて頂きたいです。 あとマーケットを変えようと頑張っている方を非難しているのではなく、無断転載や著作権侵害を非難しているのです…。https://t.co/IE43uem3yQ pic.twitter.com/L7ykAXXonC — SUAN / スタートアップメディア🎈 (@suan_news) November 6, 2
Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか？「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」
Firefoxとは "Mozilla Foundationおよびその傘下のMozilla Corporationによって開発されているフリーかつオープンソースのウェブブラウザである。"(Wikipediaより) リンク Mozilla 史上最速の Firefox をダウンロード より高速なページ読み込み、メモリ使用量削減、機能満載の最新版 Firefox が登場しました。 166 users 1936
（2021.1.31 14:27追記：この記事はマイナンバーカードを使った電子申告を前提にしているので、ID・パスワード方式で確定申告したい人にはあんまり役に立ちません） はじめに 2021年からはスマホで電子申告 特別定額給付金のときに技術的には可能であることが示されていた 実際にやってみた 本当に楽だった 2021.1.31 11:00追記：マネーフォワード クラウド確定申告 2021.1.31 14:14追記：普通のe-Taxも改善してきているらしい はじめに 今年も確定申告の時期になりました。 2020年は技術書典8疲れから4月になってから申請したのが記憶に新しいところです。会計を締めるまでには時間がかかりましたが、freeeが国税庁のe-Taxサービスに電子申告用バイナリデータをアップロードしてくれるmacOSアプリを用意してくれていたおかげで、e-Tax自体はとてもすんなり行き
ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか・・・、この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載7回目となる本記事では「ウェブ業界で、2010年代から変化したもの」をテーマとしてアンケート結果を紹介します。 floatプロパティーは現役？ floatプロパティーは、CSSレイアウトのために2000年代中頃からテーブルレイアウトに代わって使われてきました。FlexboxやCSS Gridなど、他にレイアウト手法が存在する現在において、floatプロパティーはどれほど使われているのでしょうか。 1829票の回答があり「とてもよく使う」が5.7%、「たまに使う」が19.8%、「ほとんど使わない」が69%、「floatを知らない」が5.5%でした。 現在はfloatプロパティーを使う
池江璃花子が「平社員」だなんて見え透いた嘘はやめろ
池江璃花子が平社員と同じ立場だと主張するバカ（anond:20210508032456 とか、ブコメとか）が大量に湧いていて開いた口が塞がらない。 四の五の言う前に、とりあえず池江璃花子のオフィシャルサイトを見てくれ。そこらへんの平社員が、こんな見栄えの良い、内容の充実した、IEにも対応していて右クリック禁止の個人サイトを持っているか？そもそも、そこらへんの平社員が自分の個人サイトに「オフィシャルサイト」なんて名前をつけてもギャグにしかならないだろう。 「お知らせ」をクリックすれば、メディアへの出演情報がたくさん表示される。そこらへんの平社員がこんなにテレビにたくさん出演するか？池江璃花子を単体で特集したNHKスペシャルが2回も3回も放送されているが、こんな平社員がいるか？ 「企業・団体の皆様へ」をクリックすれば、スポンサー企業の名前がずらりと並ぶ。ヤクルトと東京海上日動とSK-ⅡとCM契
「部分的」動員がロシア社会に及ぼす影響
マキシム・ミロノフ先とオレグ・イツホーキ先生が、動員がロシア社会に及ぼす影響について簡単なコメントを書いておられたので、簡単に紹介します。お二方ともロシアの出身ですが、ミロノフ先生はアルゼンチン在住でIEビジネススクールの教授、イツホーキ先生は米国在住でUCLAの教授をされています。 動員開始直後、ということで、とり急いで取りまとめられたものですが、かなり気の滅入る分析となっています。 要約 1. 今後6カ月の間に70万人から100万人の動員が試みられる。 2. 当初の動員の対象集団は200〜300万人と推定される。したがって、この集団に属する人が徴兵される確率は25％を超える。 3 徴集兵の最初の6カ月間の予想死傷率を60～70％と推定する（死者が15〜20％、負傷者が45〜50％）。 4. ウクラ
仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう｜ハイクラス転職・求人情報サイト AMBI（アンビ）
仮想DOMは本当に“速い”のか？ DOM操作の新しい考え方を、フレームワークを実装して理解しよう 最近のJavaScriptフレームワークで利用される「仮想DOM」について、リアルDOMの違い、メリット・デメリット、仮想DOMを使ったフレームワーク開発などを、ダーシノ（bc_rikko）さんが解説します。 はじめまして、ダーシノ（@bc_rikko）です。さくらインターネットでフロントエンドエンジニアをする傍ら、NES.cssというファミコン風CSSフレームワークを開発しています。 さっそくですが、皆さんは、ReactやVue.jsといったJavaScriptフレームワークを使ったことがありますか？ そういったフレームワークで使われている、仮想DOMについて知っていますか？ 「聞いたことない」「聞いたことはあるけど、どう実装されているかは知らない」「熟知している」。いろいろなレベルの方がい
Firefox / Safari MozillaはMozilla Specification Positionsというリストを公開しています。 IETFやW3C、TC39などが提唱しているWeb技術に対して、Mozillaはどのように評価しているかという立ち位置を表明したものです。 あくまで現時点での評価であり、もちろん今後の仕様変更などに伴い評価は変わる可能性があります。 Mozilla's Positions Mozillaはどのように評価しているかの分類。 under consideration 評価の検討中。 important 優れた概念であり、Mozillaにとっても重要である。 worth prototyping 優れた概念であるが、プロトタイプを作成し、フィードバックを得て磨きをかける必要がある。 non-harmful 有害ではないが、良いアプローチではなく、取り組む価値
【悲報】ツナマヨを酷評したイタリアンシェフ、あらゆるレビューサイトやSNSが誹謗中傷だらけになってしまう : 痛いニュース(ﾉ∀`)
【悲報】ツナマヨを酷評したイタリアンシェフ、あらゆるレビューサイトやSNSが誹謗中傷だらけになってしまう 1 名前：ジャングルキャット(SB-Android) [ID]：2022/01/02(日) 21:28:14.00 ID:y11JkKJW0 Googleマップ https://dotup.org/uploda/dotup.org2687240.png 食べログ https://dotup.org/uploda/dotup.org2687241.png Googleマップ 食べログ YouTube Twitter インスタグラム 2: メインクーン(茨城県) [US] 2022/01/02(日) 21:29:01.37 ID:pfoA9K020 こいつらは食べてもいないのに評価してるの？ 6: サビイロネコ(ジパング) [US] 2022/01/02(日) 21:29:32.94 ID
ゲーミングマウスが仕事の効率を上げる！ 16年以上マウス沼に沈んでいるマニアが推す「仕事に使いたい」4商品 #ソレドコ - ソレドコ
こんにちは、ブロガーのKessyです！ 2017年にガジェットをレビューするブログ「けしろぐ」を開設し、今ではブログの執筆が本業になっています。 ぼくは昔からPC周辺機器を集めるのが趣味で、中でも「ゲーミングマウス」が大好物です。16年前にはまって以来、気になったゲーミングマウスを次々に集めていたら、気づけば40個以上も所有していました。今ではほぼ毎月のように新しいマウスを買っています。 ゲーミングマウスというと「ゲームにしか使えないもの」と思われがちですが、意外と普段のPC作業にも向いているんですよ。ゲーミングマウスの機能を応用すれば、ExcelやPowerPointなどを使ったPC作業の効率が格段にアップするからです。 ということでこの記事では ゲーミングマウスの魅力 仕事の効率を上げてくれるおすすめのゲーミングマウス を紹介するとともに、 ぼくがゲーミングマウスにハマったきっかけ を
はじめに 「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBackend for Frontend (BFF)等が必要になるとわかり「これJSでやる必要なくない？」とも感じていたのでちょうど良かったです。 こういうのを見るとRIAやGWTのように似たアプローチで廃れた技術や、登場が早すぎたMeteor、今も頑張ってるMSのBlazorなど色々頭をよぎります。といわけで歴史を俯瞰する意味でHTML + JavaScriptとそれ以外の技術のせめぎ合いの歴史やMSのBlazorやRustのyewなどWebassemblyを使う
上司「ヤフーが開かない」「アプリで開いてます？」「いや、ヤフー」…→インターネットの用語を理解できる世代できない世代の齟齬はどうしたら埋まる？
もぐお @M0GU0 上司と 「ヤフーが開かない」 「アプリで開いてます？」 「いや、ヤフー」 「ブラウザってことですか？」 「いや、ヤフー」 「ヤフーのアプリですかね？」 「アプリじゃない、ヤフー」 「サファリかグーグルか...」 「ヤフー」 「あの...」 「ヤフーが開かない」 ってやりとりして全部嫌になって帰った NOBU1024 @NOBU1024 俺「IE開いてください」 相手「？？？」 上司「インターネットにつなげてください」 相手「おｋ」 上司「こう言わないとわからん人がいるんだよ（ドヤ）」 twitter.com/M0GU0/status/1…
はじめに Web では古来より <img> タグを用いて画像を読み込んでいました. しかし <img> タグにはアスペクト比に関する情報を埋め込むための属性が用意されていません. そのため, ブラウザが画像をネットワークから fetch して読み込みが完了するまで, レスポンシブな img 要素の寸法を決定できず, ページにガタツキ (Layout Shift) が生じる問題がありました. この問題を解決するため以前より, アスペクト比を埋め込むための新たな属性の導入が提案されていました. しかし最近議論に動きがあり, 既存の属性を利用する方法が提案され, ブラウザに実装され始めています. ここでは問題の背景, 提案と議論の変遷, そして開発者が取るべき対応について紹介します. はじめに img タグと Layout Shift intrinsicsize 属性 intrinsicsize
スキル0から1年間でマルウェア解析を習得した学習方法 - the_art_of_nerdのブログ
みなさん、こんちにはmです。 今回は私が1年の期間でマルウェア解析のスキル0から習得するまでに取り組んだ方法をまとめました。 初めに開始時のスキルや1年間でかけたコスト、スケジュールなどを共有します。 開始時のスキルなど 表層解析、動的解析、静的解析の違いもあまり理解していない プログラミングはPythonを学び始めた程度 低レイヤーの知識なし アセンブリの知識なし Windowsアプリケーション開発の経験なし SOCアナリストとしてブルーチームの知識は多少 脆弱性診断の経験も（深くはないが）多少 エンジニア歴7、8ヶ月目くらい ざっくりですが、このようにマルウェア解析に絡んでくる知識はほぼ0でした。 学習にかけたトータルコスト 書籍：約5万円 オンライン教材：12万円 約17万円近く1年間に使いましたが、お金で直接スキルは買えないので必要経費です。 なお、オンライン教材の12万円について
包丁の研ぎどうしてますか？[追記]
毎度ずっと困ってたことなんだけど、切れなくなったらどうしてる？ みんな近所に刃物研ぎのお店とかあるのかなあ。 もうキャベツ割ることすらかなり重労働だし、ピーマンは滑りすぎて怖い。 新しいの買ってるのか？ 以下追記 沢山のコメントありがとう！ﾎｯﾃﾝﾄﾘで自分の増田が出てきて驚いた。 遅くなってしまってごめんね！ ほんとにざっくりまとめだからあんまり参考にならないかもしれないけど 同じく困ってる人何人かいたんで書いとくね。 「砥石かシャープナーか」 ほとんどのコメがこのどちらかに関するものだった。 結果5：3で砥石の勝ち 砥石のコメントにはこうするとうまく行くよ～ってアドバイスがずいぶんあったのが印象的。 あと砥石勢は熱意がすごい。 砥石以下砥石のコメから多かったのを。全然知らなくて調べながら書いたからね、自分でも調べてね！ ＜何を使うか＞ ・シャプトンの砥石(オレンジ、320と2000)
愛知『波物語』のステージ上で真木蔵人がブチギレ「なんでマスクしねーんだ！最低限のルールは守れよ！」…動画が流出 : 痛いニュース(ﾉ∀`)
愛知『波物語』のステージ上で真木蔵人がブチギレ「なんでマスクしねーんだ！最低限のルールは守れよ！」…動画が流出 1 名前：jinjin ★：2021/09/05(日) 14:28:32.27 ID:CAP_USER9 炎上中の「NAMIMONOGATARI」に出演していた真木蔵人が、ルールを守らない客席にブチギレる動画が流出。SNS各所で話題になっている。 【以下、真木蔵人ステージ上でのMC】 盛り上がるのはいいんだよ、でもマスクは付けてくんねぇ お前たちがお前たちの手でお前たちのイベントぶっ壊してどうすんだよ！ 誰かがケツ取られんだろ VIP席のみんなだってそうだよ、マスクぐらいしてやってくれよ だから俺たちこれ開催出来るようになったんだぜ なんでマスクしねーんだよ、おっ？ 調子に乗ってんじゃねーぞ！ すぐこのイベント中止に出来るんだぜ なんでだよ？お前たち騒ぎてーんだろ？楽しみてーんだ
一人暮らしを始めて1年経ちそうなので色々振り返ってみる
去年4月に就職に伴って実家を出た 家を綺麗に維持する思ったより手間と金がかかるなあと思ったけど、自分の部屋は投資しただけ目に見えて良くなるので自己肯定が得られて良いなあとなっている 一人暮らしで困った時にインターネットで調べものしても役に立たんキュレーションサイトばっかり引っかかって答えが出ず、とりあえずやってみて解決したことが多かった なので、日記代わりにでも体験を書いておいたら何かの役に立つかな思った（調べるまでもなく常識だからあえてどこにも書いてないのかもしれないけど） 部屋選びRC造とNURO光が使えるのを絶対として、次点で駅の近さ、あとは間取り・家賃で決めた 部屋選びは「まずこれだけは譲れないってものをピックアップして絞るといい」っていうのをどっかで見たのが参考になった 今のとこ部屋にはめちゃくちゃ満足してる 強いて言えば不満はウォシュレットないことぐらい 電子レンジ・洗濯機・冷
ロシア軍の電子戦システム、ウクライナ軍に鹵獲される 軍オタ界隈騒然 1 名前：ラニナミビルオクタン酸エステル(愛媛県) [JP]：2022/03/13(日) 23:11:19.97 ID:ZNwRlvSG0 🇺🇦 Ukraine Weapons Tracker@UAWeapons #Ukraine: A rare and highly valuable Russian R-330BMV Borisoglebsk-2B electronic warfare system was recently captured by the 10th Mountain Assault Brigade of Ukraine. https://twitter.com/UAWeapons/status/1502962379436527616 粗撃手(売国的愛国主義)@JFIFUDHDVHDJZUH おおう
フロントエンドとSPA職人の目指したものの歴史と概略
年末年始にフロントエンド論みたいな記事をいくつか見たが、僕ら古のSPA職人がやってきたフロントエンドという職域と目指していたものが失伝しかけている気がするので、ここに時代ごとに何を考えていたか、雑に書き殴る。 注意点として、 2004から始まるが、自分がプログラミングを始めたのが2010, 業務としてコードを書き始めたのが 2012 なので、解像度が高いのはそれ以降になる。 tl;dr 2004: 動き出す HTML 2011: 構造化のはじまり 2015: 贅沢品としてのSPAとコミュニティ分化 2017: 貧者のSPA 2019: 守破離としてのパフォーマンス 2004: 動きだす HTML AJAX の時代。要は XMLHTTPRequest で取得したコンテンツに応じて、動的書き換えをDOM書き換えを行うこと。今では名付けるほどでもない操作だが、HTMLが静的なものをやめたことは、
ヤフーのIE11 サポート終了の進め方
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。第11代黒帯（Webフロントエンド／ヤフー内のスキル任命制度）の伊藤（@koh110）です。 普段はCTO室にあるWebフロント技術室で、全社のフロントエンドに関わる仕事をしています。 最近の仕事のひとつとして、IE11 の非推奨の案内 がありました。 Yahoo! JAPANでは、Internet Explorer 11を推奨ブラウザーとしていましたが、Microsoft社のInternet Explorerサポート終了に伴い、2021年9月7日をもってYahoo! JAPANにおけるInternet Explorer 11でのご利用を非推奨とさせていただきます。 この案内についてTwitterや記事などで触れていた
モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack | Hypertext Candy
2020.04.30 モダンJavaScript概論 − Node, npm, ECMAScript, Babel, Webpack この記事では、モダンな JavaScript を書くための前提として知っておくべき、いくつかのキーワードを紹介します。想定読者は、初心者 〜 jQuery なら書けるレベルの開発者です。これから React や Vue.js を学びたい方、または Web 開発の世界に飛び込む新人さんなどの学習の助けになれば、と思います。 「モダン」な JavaScript ここで言う「モダン」とはどういう意味でしょうか？ 「モダン JavaScript」という表現は数年前から目にしますが、大抵 ES2015（JavaScript の 2015 年バージョン）以降の JavaScript を指しているようです。確かに、const / let やアロー関数などの文法的な改善、A
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは。Yahoo!ニュース を担当しているエンジニアの喜楽です。 今回は、Yahoo!ニュースが取り組んでいるブラウザバック時の表示最適化手法について紹介します。 なぜブラウザバック時の挙動に注目するのか ユーザーがYahoo!ニュースのページを閲覧し、別のページに遷移する方法は大きく分けて以下の2つが考えられます。 （A） リンクをたどってページを遷移する （B） ブラウザーのナビゲーションボタンまたはスワイプ操作によって遷移する 「戻る」による遷移（ブラウザバック） 「進む」による遷移（ブラウザフォワード） Yahoo!ニュースでは総PVのうち一定程度が(B)のブラウザバックまたはブラウザフォワードによるページ遷移時のも
映画『THE FIRST SLAM DUNK』公式 @movie_slamdunk 【解禁情報③：最新予告映像】 『THE FIRST SLAM DUNK』 の最新予告映像が公開されました！ #スラムダンク特番 #SLAMDUNK #SLAMDUNKMOVIE pic.twitter.com/fYlvyzUBB5 2022-11-04 21:08:17 映画『THE FIRST SLAM DUNK』公式 @movie_slamdunk 【解禁情報②】 映画を彩る楽曲アーティスト情報が 発表されました！ オープニング主題歌：The Birthday エンディング主題歌：10-FEET 「第ゼロ感」 音楽：武部聡志、TAKUMA(10‐FEET) #スラムダンク特番 #SLAMDUNK #SLAMDUNKMOVIE ▼スラムダンク特番 youtu.be/SeW4rLqyXCM pic.twit
筆者はES6以前のVanilla JSがあまり好きではありませんでした。 そこで、バニラJavaScriptをなるべく書かなくていいように、2000年代を通じてさまざまなアプローチを追求してきました。最初はRJS（Ruby-to-JavaScript）、次はCoffeeScriptでした。どちらのアプローチも、バニラJavaScriptより楽しく書けるソースコードを、ブラウザが実行できるバージョンのJavaScriptへトランスパイルするものです。ある程度は、うまくいっていました。 とはいえ、これは明らかにその場しのぎの手段に過ぎず、ブラウザがより洗練されたJavaScriptを理解できる日を待ちわびていたのです。ただ、そんな日が来ることはなく、永久にその場しのぎでやり過ごすのかと思われる時期がしばらく続きました。 しかし、幸いなことにJavaScriptは改善を続け、2015年にはES6
setTimeout は、指定された時間以降に指定されたコードを実行する JavaScript の API です。ブラウザでも Node.js でも広く使われているのですが、実装はまちまちで、色々と特殊な条件も多く、挙動を完璧に理解している人は少ないと思います。この記事では、そんな setTimeout を可能な限り深堀りしてみようと思います。 先に書いておきますが、ものすごくニッチで細かい話ばかり並びます。突然私が、ただ純粋に setTimeout について調べたくなったので、その結果をまとめただけのものです。普通に開発している人には必要のない情報が多くなるでしょう。この記事は基礎から setTimeout を学ぼう、という方には全然向かないと思います。 また、JavaScript のイベントループについてある程度理解していることを前提とします。その詳しい理解には、@PADAone さん
フロントエンドエンジニアのid:ninjinkunです。この記事は一休.comアドベントカレンダーの1日目の記事です。 一休.coｍレストランの管理画面リニューアルプロジェクトにおいて、CSSフレームワークのBulmaを導入しました。結論としては、採用して良かったと思っています。 このエントリではBulmaを選定した理由と、採用後に見えたPros / Consについて述べたいと思います。 なお今回リニューアルした一休.comレストランの管理画面の概要は以下の通りです。 レストラン店舗向けの管理画面 店舗の方と一休スタッフの両方が使う DAUは数千の規模 主な用途は在庫の管理と、プラン（コース）や席の管理 現在は店舗を限定してリリース済み 具体的には以下のような画面で構成されています。 UIフレームワークは必要か？ まずそもそもUIフレームワークは必要かという議論があります。 今回のプロジェ
画像で分かる、新しいCSS
この記事では、比較的新しいCSSプロパティやCSSの機能を画像で分かりやすく解説しています。 2021年にTwitterで「1枚の画像で新しいCSSがわかる」という連載をしていて、2023年に新しいブラウザーにあわせて再度連載していたのですが、その投稿内容をまとめて解説文などをブラッシュアップしたものです。 IE11のサポートが終了したことで、ほとんどのCSSプロパティやCSSの機能が利用可能になったので、ぜひ試してみてください。 画像・CODEPEN作成協力: emiさん backdrop-filter:blur() を使ったぼかし表現 backdrop-filter:blur()の中の数値を大きくするほど、強いぼかしをかけることができます。 以下のCODEPEN内の［CSS］をクリックすると、CSSを確認できます。 背景に写真を指定した .box 要素内に .blur を配置し、bac
ひろゆき on Twitter: "無能を切れたほうが会社の利益率が上がる話に、 「働いてない人が増えると治安が悪くなる」と言う人がいます。 昭和の時代、6割が専業主婦でした。 「専業主婦に襲われた」という話をほとんど聞いたことがなかったのですが、専業主婦は犯罪… https://t.co/3pcS5IE20y"
無能を切れたほうが会社の利益率が上がる話に、 「働いてない人が増えると治安が悪くなる」と言う人がいます。 昭和の時代、6割が専業主婦でした。 「専業主婦に襲われた」という話をほとんど聞いたことがなかったのですが、専業主婦は犯罪… https://t.co/3pcS5IE20y
Webにおける表現はどんどん進化しています。Webサイトには当然のように動画が埋め込まれるようになり、CSSやSVG、canvasでのさまざまな表現が頻繁に見られるようになりました。さらにAR、VRといった表現も台頭し筆者も毎日ワクワクしながらインターネットの海を泳いでいます。 その中であまりメジャーではないと感じるのは「音」による表現です。もちろん音を用いた素晴らしいWebサイトはたくさんありますが、環境の制約が視覚表現以上に大きいため多くは見られないのでしょう。 とはいえ、音と視覚表現を組み合わせることによって表現できる世界観、インタラクション、その他諸々は計り知れないと筆者は思っています。今後オーディオなどの技術の進歩によって上記で述べた制約も乗り越えられるようになるかもしれません。時代を先どりしたい読者に向けて、今回の記事ではWebで音を扱う技術Web Audio APIについてお
こんにちは。プライシングスタジオ株式会社代表の高橋です。プライシングスタジオではこれまで数十サービスのSaaSプライシングを支援してきました。国内では誰よりもSaaSプライシングに向き合ってきた自負があります。 このnoteは、そんな私だからこそ書ける、これだけ読めばSaaSのプライシングは大丈夫、そんな内容です。プライシングに悩んだら、いつきても大丈夫。そんなSaaSプライシングの教科書です。 SaaSのプライシングはの教科書ということもあり、総文字数16,000文字超えと、一気に読むには非常にボリューミーな内容になっています。だから最後まで無理して読まなくても大丈夫です。その代わり必要な時に、必要な情報を取りに来てくださると幸いです。 SaaS業界でプライシングが注目されているわけ近年、SaaS業界におけるプライシングに対する注目度は、他の業界と比べ異常なほど高いです。理由は簡単で、海
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
「嫌な女を表現する作者の力量が高すぎる」ヒロインがやばすぎて距離取った方がいい漫画『のあ先輩はともだち。』のヤバさが広まり始める
『のあ先輩はともだち。』作品公式 @noasempai_yj コミックス📕最新④巻📕大好評発売中‼️ 限界バリキャリ♀️×平熱さとり♂️ オフィス"ともだち"コメディ⭐ 『のあ先輩はともだち。』 本日発売のYJ44号に [File.058 のあ先輩とハグ］ 掲載です⭐ のあ先輩がいつもよりちょっと病みモード⁉ 今週の一コマ↓ #のあ先輩はともだち #あきやまえんま pic.x.com/EdoPknb1ie
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【画像】 朝日新聞のカメラマン､望遠圧縮で品川駅の混雑を演出するも､｢圧縮マン｣と連呼され釈明 : 痛いニュース(ﾉ∀`)
ウクライナ発個人プロジェクトGitLabが1兆円規模のIPOへ、その4つの教訓 | Coral Capital
DNSリバインディング(DNS Rebinding)対策総まとめ
「Firefox」サポートしないサービス続々 国内シェア今や6%足らずに
確定申告のe-Taxでカードリーダーが不要に！freeeの電子申告アプリが最高だった話
昔と違う2021年のHTML制作。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
Firefoxは危険なJavaScriptに対応しない - Qiita
WASMとRustはVue.js/React.jsを打倒するのか？ - JSへの侵略の歴史
画像による Layout Shift が無くなる Web がやって来る - mizdra's blog
ロシア軍の電子戦システム、ウクライナ軍に鹵獲される 軍オタ界隈騒然 : 痛いニュース(ﾉ∀`)
2022年におけるフロントエンド開発のベースライン
ブラウザバック時の表示を最適化する Yahoo!ニュースの取り組み事例
劇場版『スラムダンク』特番でメイン湘北メンバー全員が声優変更発表で物議を醸す…！
なんと「IE 11」よりも先に……PayPay銀行が「Firefox」のサポートをやめてしまう【3月22日追記】／セキュリティリソースを集中させるため。もちろん「IE 11」のサポートも終了へ【やじうまの杜】
JavaScriptのバンドルとトランスパイルが不要なモダンWebアプリ | POSTD
setTimeout を完璧に理解する
CSSフレームワークBulmaについて - 一休.com Developers Blog
音を操るWeb技術 - Web Audio API入門 - ICS MEDIA
SaaSプライシングの教科書【決定版】｜高橋 嘉尋 / プライシングスタジオ
2021年のウェブ標準とブラウザ | gihyo.jp