最高の夏を迎える中庭 前回の記事投稿からだいぶあいていますが、あいかわらずGAFAではない会社でソフトウェアエンジニアをしています。今回は最近の個人的な大仕事であった家を買った話を書きます。ちなみにこの記事にソフトウェアエンジニア要素はほぼないので釣りタイトルになります、ただプロダクト設計やプロジェクトマネージャー的な感覚は必要になって非常に面白かったです。 注意事項: この記事は素人の個人的な意見や感想です、また家に関して何が一番良いかは人それぞれなのでそういった議論もしません。 なぜ家を買ったのか？ 子供の小学校入学前であることコロナ禍であることで決断しました。元々、自分や妻のキャリアや子供のことなども含め賃貸で暮らしてきましたが、子供も大きくなり小学校入学前には持ち家を買いたいなと漠然と考えていました。大体2年前くらいから都内で4LDKの戸建てやマンションを探していて、実際に買う寸前
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
Intro Fetch API の実装が広まり、IE もリタイアを迎えたことで、今後忘れ去られていくことになるだろう XMLHttpRequest について。 どのように始まり、どのように広まり、どのように使われなくなっていくのか。その間に残した多大な功績を残す。 XMLHttpRequest の始まり この名前は非常に長いため、通常 XHR と略される。 この API は、現在の Web API のように W3C/WHATWG による標準化を経て策定された API ではない。Microsoft によるいわゆる独自実装の API として始まり、後追いで標準化される。 したがって、Web API の中でもかなり異質な命名である XHR が、XmlHttpRequest でも XMLHTTPRequest でもなく XMLHttpRequest である理由も、Microsoft の命名規則に「
【朗報】IE があと 5か月で廃止、Windows Update で自動的に起動不能へ。→｢大混乱起きそう｣｢役所とか大丈夫なんですかね｣｢弊社…｣
フジマル @df_jpn IE があと 5か月で廃止となるわけだけど、Windows Update で自動的に削除されるのね。 混乱起きないように周知徹底しないとひどいことになるな。特に問い合わせが。 2022-01-20 11:24:37 フジマル @df_jpn 単純に問い合わせがジャンジャン鳴り響くってのもあるだろうけど、システム部門もまさか消えるとは思ってなくて何が起こったか分からず慌てるってのも起きそう。 2022-01-20 11:38:38
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
巨大テック企業これやめてくれ一覧
＃みなさんから寄せられたものも勝手にピックして追加してます Facebook陰謀論クラスタなんとかしろ。反ワクチンとかホワイトハウス襲撃で死者出てるだろ VRChatで美少女アバター使いたいからQuestをFBアカウントと紐付け必須にするな。もしかしてメタバースも本名制か？Google 「水道 詰まり」とかで検索したときに業者の広告でトップが埋め尽くされるのやめろ。被害出てるだろYoutubeで年寄りを陰謀論者に変えるなAmazonサクラチェッカーやKeepaと同等の機能入れてくれ。あんたなら出来るだろMicrosoft日本語ドキュメント、機械翻訳ならそう書け。誤訳のせいでデータ飛んだぞ "新しいEdgeにしましょう！"←やかましい、好きでIE使ってるんちゃうわAppleiTunesのQueenのジャケを勝手に空手バカボンに変えないでくれ なんでスマホの裏側までガラスにするんだ。割れる確率
ウェブブラウザー「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%
Firefoxの国内シェアが6%以下らしいけど、これ結構ヤバくないか？「Chrome一強でGoogleに支配される」「IEの暗黒時代に逆戻り」
Firefoxとは "Mozilla Foundationおよびその傘下のMozilla Corporationによって開発されているフリーかつオープンソースのウェブブラウザである。"(Wikipediaより) リンク Mozilla 史上最速の Firefox をダウンロード より高速なページ読み込み、メモリ使用量削減、機能満載の最新版 Firefox が登場しました。 166 users 1936
ヤフーの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や記事などで触れていた
インターネットの閲覧ソフト「インターネット エクスプローラー」のサポートが今月16日に終了します。プログラムの更新が行われなくなりウイルス感染などの危険性が高まることから、ソフトの供給元のマイクロソフトが新しい閲覧ソフトの利用を呼びかけています。 「インターネット エクスプローラー」は1995年に提供が始まり、家庭や企業で広く使われてきましたが、今月16日にサポートが終了します。 マイクロソフトによりますと、その後はセキュリティー対策の更新が行われず、使い続けた場合、ウイルス感染などの危険性が高まることから、別の閲覧ソフト「マイクロソフト エッジ」の利用を呼びかけています。 ウィンドウズ10以降のパソコンには「エッジ」が標準搭載されていて、ソフトをインストールする必要はなく、そのまま「エッジ」を利用できるということです。 ただ、IPA＝情報処理推進機構によりますと、企業の会計や出退勤管理な
LINE株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。 LINEヤフー Tech Blog TL;DR:2022にフロントエンド開発で最も考慮すべきユーザー環境は、パフォーマンスでは低スペックのAndroid端末、標準仕様では2年前のSafari、そしてネットワークでは４Gです。それに対してはJSへの過剰依存などが原因で主にパフォーマンスの面でのウェブ全体の対応がよくありません。 こんにちは！LINEフロントエンド開発室のダバロス アランです。この記事のタイトルを見て「釣りタイトルですね〜」と考えている方がいると思いますが今回に限ってはそれを大目に見てください。それはなぜかと言いますと、2021年から2022年にかけて私たちフロントエンドエンジニアが全体的に考え方を改める必要が出るほど大きな変化がありました。 その変
概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP
2021年になりましたね。 矢倉眞隆（myakura）です。ウェブ標準やブラウザに興味のあるウェブ開発者です。gihyo.jpでは2009年に「Web標準とその周辺技術の学び方」という連載をしていました。 今回は昨年の泉水さんに代わり、2021年のウェブ標準やブラウザの動向を占おうと思います。2020年は世界もブラウザもそれなりに大きな出来事がありましたので、2020年の動きをまずおさえ、そのうえで2021年はどうなるのかを考えてみました。 W3Cのプロセス改訂でLiving Standardライクな仕様の改訂が増えていく W3Cは2020年9月に、新しいプロセス文書と特許ポリシーを公開しました。 新しい文書プロセスはW3Cの組織の定義や標準化の流れ、意思決定などについて定めた文書です。ここ数年は毎年更新されていますが、2020年はこれまでと比べて最大級とプレスリリースでもうたわれています
2022年になりました。矢倉眞隆（@myakura）と申します。昨年に引き続き、新春特別企画のブラウザとウェブ標準を担当させていただきます。 なお、取り上げるトピックの数やインパクトの大きさもあり、CSSについては別記事となりました。あわせて読んでいただければ幸いです。 ChromeとFirefoxがバージョン100に到達 昨年の新春企画でもすこし触れましたが、今年はChromeとFirefoxのバージョンが100になります。 Chrome 100は、今年の3月29日にリリース予定です。もともとはもう少し先だったのですが、Chrome 94からリリースサイクルが4週間に短縮されたため、Chrome 100のリリースが早まりました。 Chromeよりも早く4週間のリリースサイクルに移行していたFirefoxも、5月3日にFirefox 100がリリース予定です。 バージョンが3桁になることで
IE の功績を讃える ~ IE 卒業式に寄せて~ 2022/06/16 #IE卒業式 by Jxck
TAK(@tak_dcxi)です。今回もCSSに関する投稿です。 以前このようなツイートをしました。 メインビジュアルなど、画面いっぱいに要素を表示するためにheightやmin-heightに100vhを指定する。そして、iOSで表示確認した時に以下のような問題が起こるわけです…。 iOSのSafariでの100vhが気に食わない問題 iOSのSafariでは100vhの計算にアドレスバーが考慮されていないため、アドレスバー分押し出されて格好悪く表示されます。ちなみにiOSのGoogle Chromeは中身SafariなのであれもSafariです。 この問題に立ち向かうために、実装者はJavaScriptを利用して高さを指定したり、height: 100%;のバケツリレーを行ってアドレスバーまで考慮した画面いっぱいの表示を実現するために頑張ってきたわけです。 そんな中、先程のツイートから
現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Reseter.css -GitHub Reseter.cssの特徴 Reseter.cssの使い方 Reseter.cssの中身 Reseter.cssの特徴 Reseter.cssは現在のWeb制作に合わせて制作された新しいCSSリセットで、ブラウザによって事前に作成されたすべてのスタイルをリセットします。クロスブラウザのエクスペリエンスを向上させるために、ブラウザのスタイルシートを正規化します。 Reseter.css バグやブラウザの不整合
「Internet Explorer」サポート終了に自治体「なんで急に」報道 Twitterで「さすがに草」などの声
米マイクロソフト（MS）は6月15日（現地時間）、1995年から提供するWebブラウザ「Internet Explorer」（インターネットエクスプローラー、IE）のサポートを終了した。同じく同社が提供する「Microsoft Edge」にWebブラウザの機能を集約するとともに、IEを起動しようとするとEdgeが起動。IE自体が完全に使用できなくなる。 MSはEdgeへの移行や、社内システムの関係で移行できない法人などに対し、Edge非対応のページやサービスを利用できる互換機能「Internet Explorer モード」（IEモード）の利用を呼びかけており、サポートを終了する同月16日（日本時間）前後は、IEを利用する各組織が対応に追われた。 そうした中、都内自治体がサポート終了に伴う対応に苦慮する様子を報じたニュースがTwitterで話題となっており、ユーザーからは「流石に草」などの声
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能 複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版、「Bootstrap 5」正式版がリリースされました。 One more time, we're gonna celebrate—Bootstrap 5 has officially arrived! New accordion and offcanvas components, no more jQuery, no more IE, RTL support, new utilities and utilities API, new examples, new docs, and so much more! https://t.co/yWnJv
object-fitの使い方: レスポンシブ対応、動画や画像をブラウザいっぱいに表示するCSSのテクニック prefers-color-scheme media query prefers-reduced-motion media query text-emphasisプロパティ text-stroke, text-fill font-variation-settingsプロパティ will-changeプロパティ CSS Grid Layout (level 1) IEでCSS Gridを使用する時の既知の問題 IE 11ではプレフィックス「-ms-」が必要。 異なるプロパティ名（grid-template-columnsと-ms-grid-columns）が存在する。 レイアウトにgrid-rowsが必要。 Chrome, Firefoxとは、グリッドの数え方が異なる。 参考: IEで
Internet Explorerが完全終了らしいので我が家最古のIEで阿部寛のHPを閲覧した「こんなに開くのが遅い阿部寛のHP見た事ない！！」
ふたなめ @futaname @Reo_inoko 富士通のロゴの下にある「一太郎」(Windowsが発売(1995年)される前からあるワープロ用ソフト)の文字が良い味出してるね Ver.8は1997年だけど、それでも25年前のレトロ機だから、よう動いとる 2022-06-16 08:22:56
芹沢文書 @DocSeri 無事IE逝去して社員が一斉にEdgeへ移行したことにより「ブラウザに保存してたのでパスワードがわかりません」問い合わせが大発生しており 2022-06-16 11:11:14 yumihiko @yumihiko2 @DocSeri 芹沢さん的にはイラアッとされてるかも知れないけど、申し訳ないですが草 ハード更新した時とかどうするつもりだったんだろう(同様に聞けばいいと思ってるんだろうなぁ) 2022-06-16 15:30:24
Microsoft Edge「イラッ」とするデフォルト設定6つ（と、無効化する方法） | ライフハッカー・ジャパン
Microsoft Edgeは今や、「Chromium」エンジンを採用するようになり（Google Chromeに使われているのと同じものです）、すっかり良いブラウザに生まれ変わりました。 今のEdgeは、「プライバシーへの配慮が行き届き、電力消費量を抑えたChrome」と思っても差し支えないほど。 ただし、それでもMicrosoftの製品であることに変わりはなく、余計で不愉快な機能が搭載されがちな傾向があります。 幸い、「設定」ページでいくつかの操作をすれば、ものの数分間でこうした問題は解決可能です。 MacやWindows PCでEdgeをデフォルトのブラウザとして使っているなら、さらに快適にウェブを閲覧するために、これらの機能をオフにすることも考えてみてください。 1. あらゆる画像に追加される「検索」アイコンを一掃Google Chromeには先日、「Googleレンズ」を使って似
ペラペラカメレオン @ZOAef15jMggCu4v @Root14142_pc ここ、スタバとブルーボトルコーヒーから見下ろせる場所なんだよね……。（SafariとChromeの使用率が高そうなところ） 2022-06-18 00:16:31
以前に 劇薬の The New CSS Reset という記事を書き、その中で「UAスタイルシートを理解していれば、どんなCSSリセットも使える」と言いました。 ただ改めてUAスタイルシートの事を検索にかけても「ブラウザのデフォルトのスタイルシートです」で終わる記事が多く、これでUAスタイルシートを理解しろというのは無理な話です。 そこで後進のために、UAスタイルシートとは何なのか？ UAスタイルシートとリセットCSSの付き合い方を文章として残しておきます。 UAスタイルシートとは？ UAスタイルシートとは、User Agent Style Sheet の略で、webブラウザがデフォルトで持っているスタイルシートのことです。これは、HTML要素をどのように表示するか、振る舞いを持たせるかを定義したものです。 スタイルシートの種類と階層 スタイルシートといっても、いくつかあります。 多くのド
先だって「IE」で一部のサイトを開くと「Edge」に転送--脱IEの一環で - ZDNet Japanなどで報道されていたとおり、一部のサイトに関してInternet Explorer（以下「IE」）でアクセスされた際、Microsoft Edge（以下「Edge」）で開くよう転送する処理がスタートしていますが、その対象サイトに当サイト（mitsue.co.jpドメイン）が追加されました。 IEとEdgeの両方がインストールされた環境において、上述の転送が有効であることを既に確認しています。これは当社からの申請に基づくもので、必要な手続きの詳細はMoving users to Microsoft Edge from Internet Explorer - Microsoft Edge Development | Microsoft Docsにある通りです。11月23日にメールで申請をしまし
CSSで三角を作る方法と言えば border でした。 私も三角を作りたい時は 「css 三角」 で検索、コピペして調整して作っていました。 ですが最近 clip-path というプロパティによってより分かりやすく三角が作れることを知ったので共有いたします。 ちなみに IE 以外では大丈夫そうです。逆を言うと IE 対応しなければいけない人は引き続き border で三角を作る必要があります。ここまでお読みいただきありがとうございました。 clip-path を使った三角の作り方 こう CSS を書くと .sankaku { background-color: blue; width: 16px; height: 20px; clip-path: polygon(0 0, 0% 100%, 100% 50%); } こうなります。 どこの点を結ぶかは clip-path で指定して、高さと
Internet Explorer 11サポート終了ならびにMicrosoft Edge更新についてのお知らせ - はてなブックマーク開発ブログ
いつもはてなブックマークをご利用いただき、ありがとうございます。 このたび2020年8月13日を持ちまして、Internet Explorer 11（以下IE11）のサポートを終了しました。対象のブラウザをお使いの場合は、今後は正常に動作しない可能性があります。お手数ですがはてなブックマークの推奨ブラウザからのご利用を検討くださいますようお願いいたします。 サポート終了対象のブラウザをご利用の皆様へ IE11ならびに旧バージョンのMicrosoft Edge（以下Edgeレガシ）をご利用の皆様には、恐れ入りますが新しいMicrosoft EdgeやGoogle Chrome、Mozilla Firefoxなど、はてなブックマークの推奨ブラウザでのご利用をお願いいたします。新しいMicrosoft Edgeは、以下の公式サイトからダウンロードすることができます。 www.microsoft.
IEのサポートが終了した現在、古いCSSリセットからもう卒業！ 最近のデバイス・ブラウザの仕様に適した新しいCSSリセット -EllyLoel/reset.css
*{margin:0;padding:0;line-height:calc(0.25rem + 1em + 0.25rem)}*,::before,::after{box-sizing:border-box}*:where(:not(fieldset,progress,meter)){border-width:0;border-style:solid;background-origin:border-box;background-repeat:no-repeat}html{block-size:100%;-webkit-text-size-adjust:none}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{-webkit-font-smoothing
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ソフトウェアエンジニア、家を買う - hichihara note
Internet Explorer 11 はサポートを終了しました。長年のご愛顧ありがとうございました。 - Windows Blog for Japan
2022年におけるフロントエンド開発のベースライン
XMLHttpRequest とはなんだったのか | blog.jxck.io
有名サイトで使用されているCSSテクニックまとめ - Qiita
「Firefox」サポートしないサービス続々 国内シェア今や6%足らずに
Windows 11で葬られたはずのInternet Explorerを呼び出す死霊術が発見されてしまう／使うなよ、絶対使うなよ！【やじうまの杜】
「インターネット エクスプローラー」のサポート 16日に終了 | NHK
2022年におけるフロントエンド開発のベースライン
Microsoft、「Internet Explorer 11」のサポート終了を発表、～猶予期間は約1年、2022年6月15日まで／Windows 7/8.1や一部法人向け製品は除く。MSHTML（Trident）エンジンも維持
なんと「IE 11」よりも先に……PayPay銀行が「Firefox」のサポートをやめてしまう【3月22日追記】／セキュリティリソースを集中させるため。もちろん「IE 11」のサポートも終了へ【やじうまの杜】
フロント開発をするときにブックマークしておくと役立ちそうなオンラインツールまとめ - Qiita
2021年のウェブ標準とブラウザ | gihyo.jp
2022年のブラウザとウェブ標準 | gihyo.jp
IE Graduation (IE の功績を讃える)
iOSでも100vhをいい具合に調整して画面の高さいっぱいに要素を表示させる
Web制作者は要チェック！現在のWeb制作に合わせて制作された新しいCSSリセット -Reseter.css
Internet Explorer は Microsoft Edge へ – Windows 10 の Internet Explorer 11 デスクトップアプリは 2022 年 6 月 15 日にサポート終了 - Windows Blog for Japan
Microsoft、AI搭載の新しい「Bing」を発表 ～検索エンジンは新時代へ／「Microsoft Edge」にも組み込まれ、メール作成やブログ投稿を「秘書」のように手助け
IEよ、さようなら😂 IEをサポート外にした時に使用できるCSSのプロパティや機能のまとめ
IEがサ終してEdgeに移行したことにより絶対に答えられない問い合わせが大量発生→ユーザーが本当に欲しいものは…
「Internet Explorer 11」が無効化される前に知っておきたいこと／どのOSが対象？ IEでしか見られないページはどうすれば？ Windows 11ではどうなるの？【やじうまの杜】
「Internet Explorer 11」は2023年2月のパッチで完全無効化 ～Microsoftがアナウンス／
AndroidとiPhone、パソコンとも簡単にファイル共有できる「Microsoft Edge」の「Drop」機能の使い方 [てっぱんアプリ！]
![AndroidとiPhone、パソコンとも簡単にファイル共有できる「Microsoft Edge」の「Drop」機能の使い方 [てっぱんアプリ！]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2fc406ac98a8a5e5d5bd43889148f0c17c917ba1/height=288;version=1;width=512/https%3A%2F%2Fk-tai.watch.impress.co.jp%2Fimg%2Fktw%2Flist%2F1489%2F855%2Fthumbnail.jpg)
品川駅になぜかサポート終了したIEくんが歩いていた「どこかに旅立つ予定だったのか」「マイクロソフトから来たのかな」
UAスタイルシートとリセットCSSとは - 2023 - kojika17
IEからEdgeへの転送を開始 | Web品質Blog | ミツエーリンクス
【対策】「Microsoft Edge」が更新のたびにデスクトップへショートカットを作成して困る／レジストリの編集で抑制可能【やじうまの杜】
次期OS「Windows 11」は「Internet Explorer」無効 ～廃止・削除される機能が案内／「Windows 10」に追加されたばかりの「ニュースと関心事項」「Skype Meet Now」もお役御免
新時代のCSS三角の作り方 clip-path 〜 さらば、すべての border 〜
anond.hatelabo.jp
qiita.com/ko1nksm
innovatopia.jp
gagaga-eromanga.com
jp.yna.co.kr
innovatopia.jp