こんにちは、先日収穫したわが家の野菜たちです。 育てている人の血？を受け継ぐのか、個性が強い！笑 きゅうりが馬蹄みたい。 一番裏に隠れている黄色い物体、実はきゅうりです。 苗と種、育てるための費用の違い 毎年きゅうりを苗から育てていて、今年は種を買って初挑戦しました。 発芽率を上げる工夫は「ペットボトルや苗ドーム」でミニ温室作り - ほどほど庭のtayora koffie きゅうりの苗って変わっている品種じゃなければ、1鉢100円～200円くらいなのだけれど、種は500円弱だったの。 キュウリ 種 『夏さんご』 小袋（採苗本数16本） サカタのタネ 価格：440円（税込、送料別) (2020/8/22時点) 1袋分（品種は同じものの、別ショップで520円）の種で、今7株のきゅうりが育っているので、 1株あたり75円くらいになるっていうことか。 苗から育てるよりは安くたくさん育てられるけれど
インターンシップ体験記 〜SDNコントローラの性能改善〜 - NTT Communications Engineers' Blog
はじめに こんにちは、インターン生の山口雄翔です。 この度2023年2月6日から2週間、NTTコミュニケーションズのインターンシップに、 エンタープライズ向け大規模クラウドサービスを支えるネットワーク開発 というテーマで参加させていただきました。 この記事ではその体験について書かせていただきます。 インターンシップについて NTTコミュニケーションズでは、SDPFクラウド/サーバーというエンタープライズ向けクラウドサービスを提供しています。 このサービスでは、仮想的なL2ネットワークを自由に構築し、そこにベアメタルサーバ・VM・ストレージなどを(論理的に)接続させて使うことができます。 もちろんインターネット接続やロードバランサなどをサービスとして利用することもできます。 そのクラウドの内部のネットワークを制御するSDNコントローラの改善というのが、本インターンシップのテーマでした。 前半
築152年の古民家にある、ジャングル化した水路を掃除したら…… 現れた驚きの光景に「腰が抜けました」「ビックリ！」「先代の方々が」
古民家付近の水路を掃除したビフォーアフター動画がYouTubeに投稿され、「綺麗にすると気持ちいい」「やりがいがありますね」と反響が寄せられています。動画は、記事執筆時点で9万8000回の再生数を突破。 【古民家に住もう#142】スッキリ!水路を掃除したら川底が現れました。 古民家に移住したファミリー 投稿者は、きみ子さん（@kominkaKimiko）。夫と子ども2人と一緒に、高知県にある築152年の古民家で暮らしています。東京生まれ、東京育ちだったきみ子さん夫妻ですが、YouTubeチャンネル「古民家きみ子」では、崩壊寸前だった古民家をDIYして再生していく様子を発信。以前は、暗くてボロボロだった玄関を変身させる動画も話題となりました（関連記事）。 今回は、古民家の近くにあるジャングル化した水路周りをきれいに掃除する様子を公開。生まれ変わったビフォーアフターは、見ている方も清々しい気分
ECS Scheduled Taskの管理をecscheduleでGitOps化しました - コネヒト開発者ブログ
こんにちは。コネヒトのテクノロジー推進グループでインフラエンジニアをしている laughk です。 今回は定期実行バッチで利用しているECS Schedule Taskの管理に Songmu/ecschedule を導入し、GitOps化した話をまとめます。 サマリ ecscheduleを導入する前の定期実行バッチの管理状況と課題 技術選定 - ecshceduleを選定した理由 導入プロセス GitOps化 導入後どうなったか ecscheduleを導入する前の定期実行バッチの管理状況と課題 コネヒトでは提供するサービスのWeb基盤にAmazon ECSをフル活用しており、定期実行バッチにおいてもECS Scheduled Taskを利用しています。ECS Scheduled TaskはECS Taskを cron のように定期実行でき、とても便利なものです。一方でその管理においては利用
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内と水野です。 2022年8月に弊社が運用するデータ可視化サービス、DS.INSIGHTにおいてアクセシビリティのコントラスト比を改善しました。UIデザインにおけるアクセシビリティのコントラスト比改善で学んだことを中心に、ブランドカラーへの取り組みについて簡単にご紹介します。 アクセシビリティのコントラスト比対応ってそもそも何だ？ DS.INSIGHTでは、すべてのユーザーに使いやすく、また情報を届けるためにWCAG2.1（現在2.2はドラフト）への対応を目標にアクセシビリティ改善を進めています。 サービス全体を調査したところ、ほぼ全てのペー
From 48k lines of code to 10—the story of GitHub's JavaScript SDK
EngineeringFrom 48k lines of code to 10—the story of GitHub’s JavaScript SDKLearn about the legacy, architecture, and methods used to reduce 48k lines of code to 10 as we take a deep dive into GitHub’s Javascript SDK. Gregor is the maintainer of the JavaScript Octokit. He’s a seasoned open source maintainer with a passion for automating repetitive tasks and lowering the barrier for contributors of
Q by LivesenseをWordPress on EC2からHugo on Cloudflare Pagesに移行しました - LIVESENSE ENGINEER BLOG
はじめに 技術構成（before）と課題 技術構成（after）と選定の理由 改善したこと パフォーマンスの向上 デリバリー速度の向上 セキュリティ面でのリスク低下 大変だったこと 記事のマークダウン変換 段落分けと改行の区別 字下げ 書式の追加 Lintが必要になった 記事ごとのOGP画像周りの実装 URL変更に伴うリダイレクト設定 標準の検索機能がない おわりに はじめに 技術部の @mom0tomo , @etsxxx です。 技術部では、事業部横断的な仕事としてコーポレートサイトの運用も行っています。このたびWordPress on EC2で運用されてきた弊社のWebメディア（Q by Livesense）を、Hugo on Clouflare Pagesに移行しました。 q.livesense.co.jp 弊社のWordPress運用はやや特殊で、エンジニアがサーバーにSSHして
Firebase In-App MessagingのUIをカスタマイズして運用する - クックパッド開発者ブログ
Komerco事業部エンジニアの岸本(@_sgr_ksmt)です。 昨年Cloud Firestoreのrulesのテストを全てローカルエミュレータを使うように書き換えた話を書いてからだいぶ間が空いてしまいましたが投稿します。 今回はFirebase In-App Messagingを利用する際にカスタムUIを適応して運用している話をしたいと思います。 In-App Messaging Firebase In-App Messaging(以下FIAMと呼びます)は、指定した条件で絞り込んだアクティブユーザーに対して、 メッセージやボタンのアクションを設定し、アプリ内で表示するためのFirebaseの一つの機能です。 表示形式としてはいわゆる「ポップアップ」「画面上部のバナー」といった形式で表示することが可能です。 ユーザーに出すための条件にアプリのターゲット、バージョン、オーディエンス、ユ
「駅近分譲を購入…直後に家計転落」老後崩壊のトリガーは"頭のいい息子"（プレジデントオンライン） - Yahoo!ニュース
都内在住の50代夫婦は、息子が猛然と勉強して地方の国立大学に入学したのを機に郊外の戸建て住宅を売却し、駅近の分譲を購入した。その後、ローン返済や修繕費、学費、仕送りの負担などの影響で家計は火の車。しかも、来年、54歳の夫は役職定年で年収が2割減る。ファイナンシャルプランナーの横山光昭さんが授けた家計再生のヒントとは――。 【図表】メタボ家計BEFORE→AFTER ■戸建てから駅近の分譲マンションに住み替え…が裏目に出た 「老後のために、良かれと思って引っ越しをしたのに、逆に老後が不安になりました」 東京近郊に住む山本陽子さん(50 仮名)。会社員の夫、隆さん(54)と2人暮らしです。息子が一人いますが、地方の国立大学に通う3年生で、寮暮らしをしています。 1年後には勉強熱心な息子も独り立ちしますし、自分たちは老いていくばかり。ならば、交通の便がいい場所に住もうと考え、所有していた戸建て住
如何お過ごしですか？ 3回連続10cmです。 当ブログにお越しいただきありがとうございます。 いつも本当にありがとうございます。 さて、宇宙一かわいい私の孫。 現在小学校5年。 ヘアドネーション、やっと出来ました。 ヘアドネーションがいいか悪いかは別にして、その報告というか孫の写真というか（顔は写っていませんが）。 いきなり写真からいきます。 ここへ送りました。 受領証。 編集後記 いきなり写真からいきます。 切る前⇒切っている最中⇒切った髪⇒切った後。 あれっ、頭の先が切れとるやん。 ってことで気を取り直して、場所も変えて切った後の頭が切れてない写真。 before⇒after。 このために長いこと髪を切るのを辛抱して頑張ってきたってことで『ご褒美は何がいい？』とリクエストしたら『ドーナツがいい』。 銭のかからん女じゃ！ww ここへ送りました。 どこがいいのか分からんけど、パソコンで『ヘ
Announcing improved VPC networking for AWS Lambda functions | Amazon Web Services
AWS Compute Blog Announcing improved VPC networking for AWS Lambda functions September 8, 2021: Amazon Elasticsearch Service has been renamed to Amazon OpenSearch Service. See details. Update – August 5, 2020: We have fully rolled out the changes to the following additional Regions to those mentioned below. These improvements are now available in the AWS China (Beijing) Region, operated by Sinnet
これはエムスリー Advent Calendar 2019の12月1日の記事です。今後どんどん面白い記事が毎日更新されるので、ぜひ購読・拡散お願いします。 https://qiita.com/advent-calendar/2019/m3 軽く自己紹介 私はもともと機械学習系のエンジニアです。今もエンジニアですが、プロダクトマネジメントに挑戦しています。昨年もAI関連のプロダクトのマネジメントを行なっていましたが、今はもっと広い範囲のUXを考えることに挑戦しています。 私の経歴については先月に行われたLINE DEV DAY 2019の資料を見てください。資料作りに100時間くらいかかったので、見ていただけると非常に嬉しいです。（もうすぐ1万view達成です） PdM1年目にやったこと まず、この1年取り組んできたことについて紹介します。この1年は新しい情報系のサービスを立ち上げるために、
Register now for a full day of community, learning, and all things Visual Studio Code June 2022 (version 1.69) Update 1.69.1: The update addresses these issues. Update 1.69.2: The update addresses these issues. Downloads: Windows: x64 Arm64 | Mac: Universal Intel silicon | Linux: deb rpm tarball Arm snap Welcome to the June 2022 release of Visual Studio Code. There are many updates in this version
どうも！TOM夫婦の旦那です。 最近はワクチンの効果もありイギリスのコロナも以前に比べると落ち着いてきて、レストランがオープンするなど徐々に日常的な光景が戻ってきているように感じます。 このまま再度感染者が増えずに、収束していってくれることを祈るばかりです。 このコロナの期間の感染対策にイギリスでもマスクや除菌などが定着されてきたように思います。 我が家でも手洗いうがいはもちろんこと、除菌を心がけています。 今回はコロナ期間中に購入した除菌マシンを紹介したいと思います。 1.除菌マシンの購入を考えた理由 2.イギリスで購入した除菌マシンを紹介 3.除菌マシンを買って思ったこと 4.最後に 1.除菌マシンの購入を考えた理由 そもそも何故、除菌マシンを購入しようと思ったのかということからご説明します。 簡単にいうと、「手洗いしても日常的に最も利用するスマホが菌だらけだったら意味なくない！？」と
如何お過ごしですか？ 3回連続10cmです。 当ブログにお越しいただきありがとうございます。 いつも本当にありがとうございます。 今回は自宅のバベの木を切ったという軽い話でございます。 10月3日、土曜日のことでございます。 過去記事。 ジャングルの風景。 これを切っちゃったって話。 枝の処理。 おまけ。 編集後記 過去記事。 先日（2018年6月30日）に『【木の生命力】に驚いちゃった件』というタイトルでこんな記事を書いていました。 www.sankairenzoku10cm.blue その記事の写真を並べてみますが こんな写真をペタペタ貼り付けて、木の生命力はすごいんだよ！ みたいなチャラい（木がじゃなくで自分の記事が）ことを書いている記事です。 上の写真はブロック塀を敷地内から見た図なんだけど、幹がブロック塀から突き出してるわけです。 このブロック塀から敷地外に突き出た部分が もうジ
如何お過ごしですか？ 3回連続10cmです。 当ブログにお越しいただきありがとうございます。 いつも本当にありがとうございます。 先日（4月8日）に3回目のコロナワクチンを打ったということを記事にした者です。 その記事に『副反応が軽かったらいいね。』というコメントを多数いただきました。 お気遣いありがとうございました。 また多くの方から『あたし～3回さんの経過だけは聞きたいわ～♡』というご希望もいただいた上に、 stelliter (id:stelliter)様からは『俺は来週ワクチンを打つから、先に打ったお前が人柱になれ！』とのコメントをいただきました。 コメントまことにありがとうございました。 で、仰せの通り私が人柱になってワクチンを打たれたその後の経過を48時間分報告いたします。 ただ、stelliter (id:stelliter)様の方がおっさんの私よりもお若いので、あまり参考に
Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We’ll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs. We’ve all been there, at the end of completing CSS for a layout and — what’s that? Ah! An extra scrollbar! Or maybe an element is an unexpected color. An
We’re excited to release .NET 5.0 today and for you to start using it. It’s a major release — including C# 9 and F# 5 — with a broad set of new features and compelling improvements. It’s already in active use by teams at Microsoft and other companies, in production and for performance testing. Those teams are showing us great results that demonstrate performance gains and/or opportunities to reduc
CSSのみで昔のフィルム映像みたいなアニメーションノイズ
Result 👆 こういうやつをCSSだけで実装する、みたいなやつです。セピア込みVer.もありました。 動画の上にかぶせればJS不要で古い映像みたいな演出が出来ますね。 css:root { --trsn: all 0.5s ease 0s; --black: #000; } *, *:before, *:after { position: absolute; } body { margin: 0; padding: 0; width: 100vw; height: 100vh; overflow: hidden; display: flex; align-items: center; justify-content: center; background: var(--black); perspective: 100vmin; } .content { width: 100vw; h
これはエムスリーAdvent Calendar 2023 の10日目の記事です。 こんにちは、エンジニアリンググループの石塚です。最近は年明けに控えている結婚式という大イベントに向けてダイエット中でスポーツジムへ通い、有酸素運動するのと並行して食事制限をして追い込んでいる毎日です。2ヶ月ほどで6kg弱の減量を目標に地道に日々目標をスプレッドシートにまとめながら追い込んでます。(今の所良いペースです。) 今回は、弊社で利用しているLookerというBIツールを利用しているなかで発生したつらみの共有と対策について共有します。少しニッチな内容ですが、自分自身が調べているときに同事象で苦しんでいるようなブログ記事が見当たらなかったこともあり、ニッチな人を対象に有益な内容になれば幸いです。 11/6からの体重減少とランニング累計の記録をグラフにしました。 Lookerとは？ デプロイに成功したのに想
I've been riding the CSS-in-JS train for years (I was even a significant contributor to the "movement"). It's awesome. I've never been so productive working with CSS than when I added the power of JavaScript to it. I'm still a fan of CSS-in-JS, and in recent years, the CSS spec has evolved and improved a lot and modern browsers have too (unfortunately, Internet Explorer is NOT a modern browser in
GoのASTを解析してFeature Toggleを掃除する - freee Developers Hub
この記事はfreee Developers Advent Calendar 2023の21日目の記事です。 こんにちは、金融開発部でEMをしている ogugu です。 今回は、Go言語において Feature Toggle の分岐を掃除するCLIを作ったので、ご紹介します。 ※ 毎年恒例の開発合宿 での成果になります。 Feature Toggle とは Feature Toggle とは、特定機能の有効・無効をフラグによって切り替える方法です。 金融開発部では、以下のように Feature Toggle を実現できるライブラリを用意しています。 if featflg.Enabled(ctx, "feature_name") { doNewLogic() } else { doOldLogic() } 一般に、フラグ設定は、設定ファイル・環境変数・ストレージなどから読み出し、それらに対する
フロントエンドのテストのダミーデータ作成ならrosieがおすすめ - Paytner Tech Blog
はじめに ペイトナー請求書のフロントエンドを主に担当している @fuqda です。 本稿では、ペイトナー請求書のフロントエンドのテストコードを書きやすくするために最近導入したrosieというライブラリが便利だったので、そちらのご紹介をさせて頂きます。 この記事の対象読者 Jestなどで使用するダミーデータを毎回ベタ書きして疲弊している方 RSpecのFactoryBotのようなライブラリがフロントエンドにも無いのかと探している方 rosieとは？ Ruby on Railsでテストコードを書く際のダミーデータ作成ライブラリとして有名なFactoryBotにインスパイヤされたJavaScript用のライブラリです。 https://github.com/rosiejs/rosie rosieのセットアップ手順 1. rosieと型定義のインストール $ npm install rosie @
Stoyan (@stoyanstefanov) is a Facebook engineer, former Yahoo!, writer ("JavaScript Patterns", "React: Up and Running"), speaker (JSConf, Velocity, Fronteers), toolmaker (Smush.it, YSlow 2.0) and a guitar hero wannabe. Let’s talk a bit about keeping tabs on how much CPU is consumed by an application’s JavaScript. And let’s frame the discussion around components – the atomic building blocks of the
ヘッダーの素材はリニューアルしたプロフィール画像とアイコン 今までブログのヘッダーを空白にしていたのは、ブログ名変えようかなとか、ヘッダーイラストもお願いしたいなと思っていたのでそのままでした^^； この度、スミカさんにプロフとアイコンを作成して頂いたので、そのイラストを使って自分なりにヘッダーを作ろうと思い立ったのです。本音はヘッダーもスミカ製にしたい(目標) ▼イラスト完成までの流れ www.sacoo1a.com はてなブログのヘッダー画像をCanvaで作成！サイズは？作り方は？ はてなブログをはじめて1年半以上経ちますが、ヘッダー画像のサイズはいくつ？とか知らずに過ごしていたので改めて確認。 はてなブログで推奨されているヘッダーの画像サイズは横幅1000px×縦幅200pxとのこと。 このサイズでCanvaで作ってみることにしました。 Canvaのカスタムサイズで画像作成 ちなみに
Looker Advent Calendar 2020 2日目の記事です。 この記事ではLookerの活用例を紹介します。 免責事項 正確にはLookerそのものに関する話ではなく「Lookerを含めて様々なツールを組み合わせることでビジネスを加速させようぜ！」という話です。 本稿は筆者個人の見解であり、所属組織を代表するものではありません。不適切・考慮不足だと感じさせてしまう点があれば、それは筆者個人の責任によるものですので、どうぞ筆者個人宛てにご指摘のコメントをいただけますと幸いです。 ランチ返上の突貫執筆なので気が向いたときに手直しします。 誰？ はじめまして。 ゆずたそ (@yuzutas0) と申します。 『データマネジメントが30分でわかる本』 という本の著者です。 筆者が関わっているFinTechベンチャーでは「金融事業としての品質」「ベンチャーとしてのスピード」の両立が求め
こんにちは。青です。 はてなブログの皆さん、ブログのデザインにこだわっていますか？ WordPressのようには自由にはできないですが、はてなブログでも色々とカスタマイズできますよ。 基本CSSをコピペしていくだけなので、初心者の方も是非参考にしてくださいね。 (※2021.1.10、テーマを「UnderShirt」から「Brooklyn」に変更しました。紹介しているカスタマイズは現在の当サイトのデザインとは異なります。) はてなブログのカスタマイズを詳しく紹介【UnderShirt】 はてなブログのカスタマイズを詳しく紹介【UnderShirt】 はてなブログのテーマストアからデザインを選ぶ ブログのヘッダーを作る ヘッダー下にグローバルメニューを表示 ヘッダー下におすすめ記事を表示 TOPページ記事のスターとブックマークを外す TOPページ記事「カテゴリー」の位置を移動 ソーシャルボタ
いらっしゃいませ。 本日はお忙しい中【週末息子と見る映画】に遊びに来て下さり ありがとうございます。 ５児の父ＫＯＮＭＡ０８です。 id:monmontana id:wamichan id:shoindy ルシフ (id:chateaudif) ごまめ (id:gomame229) さいでっくす (id:thablue19) ジャーキー (id:cjkcus19) fermong (id:fermong) 青空 ぷらす (id:aozprapurasu) ウマフリ編集部 (id:umauma-free) id:retro-gamer id:tantan0aiai ワタリドリ (id:a919255217) まさや (id:masayaX) なおやじ (id:naoyaji) メイプル (id:akihuooblog) 改善10(カイゼンテン) (id:riyun
講義を始める前に 質問があったらその場で聞いてください 他の受講者の理解にもつながります 声を出すのが難しければ、Slack でも OK スライドモードで画面に写しながら話しますが、手元で資料を開きつつ聞くと理解しやすいと思います リッチなウェブページを作ってみよう HTML 構造 CSS 見栄え JavaScript 動き Single-Page Application HTML, CSS, JavaScript を駆使したリッチなウェブページ 書いたことあるよ、という方 🙋♀️ HTML HTMLとは セマンティクス コンテンツカテゴリ HTML Webページを記述する言語 code:example.html <!doctype html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>HTML文書</title>
Terraform Provider を自作し SendGrid リソースを管理した話 - メドピア開発者ブログ
SRE の田中 @kenzo0107 です。 Terraform Provider kenzo0107/terraform-provider-sendgrid を作成し、SendGrid のリソースを terraform で管理する様にした話です。 https://registry.terraform.io/providers/kenzo0107/sendgrid まず弊社の SendGrid リソース管理の Before/After をご覧ください。 弊社の SendGrid リソースの管理方法 Before SendGrid コンソール上で手動でリソースの作成・更新・削除していました。 特にチームメイトは以下運用で工数が肥大化していました。 定期的な棚卸し メールアドレスを元にプロジェクト担当者（or 退職者）かをチェック 弊社の SendGrid リソースの管理方法 After -
リリース作業中はCIを落としてマージできないようにしているのだけど、管理者権限を持っているためにうっかりマージしてしまう事例があった。 これくらい見た目がわかるとおかしいなと思って押さなくなるのではないか。 @-moz-document domain("github.com") { .btn-group-merge.btn-danger { transform: scale(0.1); } } before after 追記 protected branchの設定で、管理者権限を持っていてもマージを禁止する設定があると教えてもらったので有効にした。のでこのCSSはおもしろかったけど不要になりました。
二世帯住宅を建てる際、親世帯にエコカラットを絶対にお勧めしたい理由 - keigoman’s diary 注文住宅物語
二世帯住宅を建てて丸3年が経ちました。 このような構造で、 玄関1つの、分離型二世帯住宅なのですが。 最近になって、1階から、 実家のおばあちゃん家の ニオイが するようになりました。 いや、階下に住んでいるのは自分（夫）の 両親なので、今や実家は階下なのですが、 なんというか、そういうことです。 考えてみれば、じいちゃん＋ばあちゃん、 その年齢を 合計すれば150歳以上。 そりゃ、老人臭もしますよね。 いわば、 夏になると夜な夜なカブトムシが飛んでくる 奥様の実家と同じような香りですが、 築50年で立派な仏壇もあって お線香の煙がいつも香っている家と、 まがりなりにも築３年の家と、 同じニオイがするのはいかがなものか。 我々子世帯が住んでいる2階リビングにまで そのニオイがするってわけではありません。 リビングを出て、トイレに行くまでの廊下や、 階段を下りて玄関から出る時など、つまり、
猫の名は…。 - やれることだけやってみる
タンポポの黄色い花が咲いています。 まだ綿毛ができる時期ではありません。 では、右端のもふもふは何かというと… ＾・ω・＾ ダイのしっぽでした。 今日もみんなで畑です。 全員ついてきました。 ダイちゃん、サバ、キジ。 クロと片目猫。 当たり前のように片目猫がいます。 普通に遊んでいる分にはいいのですが、 ときどきサバにアプローチします。 サバが怒るとダイちゃん出動。 ＾・△・＾ しつこいのはダメなの。 片目猫が引き下がります。 ダイちゃんも深追いはしません。 猫にもルールがあるらしいです。 さて、と（°_° みんなが好きに遊んでいる間に作業を。 畑の一画の土を起こします。 ＢＥＦＯＲＥ ＆ ＡＦＴＥＲ 固まった土をスコップでほぐしました。 地中に張り巡らされたスギナの根っこ。 これを取り除いておかないとね。 あっという間にスギナ畑になります。 耕運機で耕すときに刃に絡まりますからね。 ※
Web版WINTICKETのパフォーマンスを改善してきた | CyberAgent Developers Blog
はじめに Web フロントエンドエンジニアとして株式会社 WinTicket で内定者アルバイトをしていた佐々木です。 この記事では1ヶ月の成果を紹介します。 内定者アルバイト期間中は、主にパフォーマンス改善を行いました。パフォーマンスは世の中的に Core Web Vitals の影響で注目が集まっており、ユーザー視点および事業視点でとても重要な要素となっています。 大雑把にパフォーマンス改善というと様々な文脈を持ちますが、今回はリソースの初期読み込みの速度を改善することを目的として、JavaScript のファイルサイズ (バンドルサイズ)を削減しました。 WINTICKET では React と Node.js を用いて Isomophic なアプリケーションを作っています。 しかし、アプリケーションが大きくなるにつれてバンドルサイズが肥大化しており、改善が必要な状況でした。そのため
妻が無印良品のアイテムをふんだんに使って模様替えしたリビングのBefor After紹介 - karaage. [からあげ]
無印良品のアイテムで模様替え 以前、私の部屋の収納システムを監修（以下記事参照）したことで、収納神として1部で有名な私の妻。 そんな妻が、リビングの模様替えをしたので、その様子を紹介いたします。 最初に、華麗なるBefore Afterです。 Before After いかがでしょう？見た目にグッと統一感が出ているのではないでしょうか？ 収納も増えたので、使い勝手も抜群なようです。 リビングの模様替えに購入したもの 妻は、無印好きなので無印良品のアイテムがふんだんに使われています。 今回は、模様替えに使用したアイテムを、妻協力のもとご紹介したいと思います。気になる方はぜひ参考にしてみてください。 なお、記載していある価格は私の妻の購入時点での価格です。最新の価格に関しては、ウェブサイトや店頭で必ず確認ください。 大物アイテム 大物は、以下の赤、青、黄、緑x2の5つ（4種類）のアイテムです。
![妻が無印良品のアイテムをふんだんに使って模様替えしたリビングのBefor After紹介 - karaage. [からあげ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/b291e83c2f396d013191d369eead15cb66286fb8/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fk%2Fkaraage%2F20200523%2F20200523151659.jpg)
ConsoleAppFramework v5 - ゼロオーバーヘッド・Native AOT対応のC#用CLIフレームワーク 2024-06-13 ConsoleAppFrameworkの完全に新しいバージョンをリリースしました。完全に設計しなおして実装も完全に作り直された、何もかもが新しいフレームワークになっています。設計指針として「Zero Dependency, Zero Overhead, Zero Reflection, Zero Allocation, AOT Safe」を掲げ、もちろん、他を圧倒的に引き離すパフォーマンスを実現しています。 これはコールドスタートアップ・ウォームアップなしでのベンチマークとなっていて、CLIアプリケーションでの実際での利用に最も即したものだと考えています。System.CommandLineと比較すれば280倍！メモリアロケーション量もほかのフレ
【仕事術】『引継ぎ Change & Education――生産性を3倍に跳ね上げる』宗澤岳史(著),三上 登(監修) : マインドマップ的読書感想文
引継ぎ Change & Education――生産性を3倍に跳ね上げる 【本の概要】◆今日ご紹介するのは、現在開催中である「Kindle本GWキャンペーン」でも、順当に人気のあった働き方本。 単なる業務の受け渡しのお話かと思いきや、かなり深くて、正直驚きました。 アマゾンの内容紹介から一部引用。上司や同僚から仕事を渡されたとき、社員が異動や退職することになったとき、「引継ぎ」は必要となります。 つまり、日本の企業において「引継ぎ」とは、“日常的"なものなのです。 とはいえ、それについての指南書がない日本では、「引継ぎは、日本企業の生産性を低下させている根源である」ということが、調査からわかりました。 本書は、大手の人材コンサルティング会社・株式会社ソシオテック研究所と心理学者である著者・宗澤岳史氏が、「引継ぎこそが、企業や組織に変化を起こす最適なタイミングであり、ここでイノベーションを起
「眠り姫」のBEFORE・AFTER ～ 2020元旦（２年でここまで回復） - Friendshipは船と港 ～藤田くらら 小6でTOEIC980点までの軌跡～
（喪中の爲新年のご挨拶は控えさせていただきます） 思い返せば、昨年正月は酷い状態でした・・・ 皆様、２０２０年の新年が到来いたしました。 私達には昨年の正月は、ありませんでした… 娘が昏睡状の睡眠状態で、部屋からほとんど動くことができなかったため、物も言わぬ娘と自宅マンションで一人ぼんやり過ごしておりました。 昨年秋から春までの昏睡期の娘 新年の外の賑わいや、テレビの目出度い情報や馬鹿騒ぎに触れると心に負担がかかるため、全てシャットアウトして、耳を塞ぎ、心がこれ以上かき乱されぬように防御体制となっておりました。 そしてその春から、鉄サプリや民間治療などで、少しずつ改善し、特別支援学校の訪問授業を何とかこなせるまでになりましたが、過眠、頭痛は続き、回復の頭打ちを感じていました。 下の画像は、忘れもしない３月の後半。１５時間くらい眠った後、起こして娘の大好きな卓球選手の試合を見るために、テレビ
ピーマンの肉詰めと餃子 大好きなマゴ娘、どちらも手作りするには 面倒なので合体することにしました😋 《目次》 ピーマン餃子 ▶︎MEMO 手抜き料理 AB型の女性と仲良くする方法 ピーマン餃子 ピーマン肉詰め、餃子、ハンバーグ、チキンナゲット とマゴ娘たちの好物。 どうも肉そのものをイメージさせるものは苦手らしい。 でも、みんな調理の作業が大変、手間がかかるお料理。 夏休みで遊びに来ている マゴちゃんが食べたいというので 手抜きして、満足度を高めることにした。 ご近所スーパーで美味しいと評判の生餃子を ピーマンの入れ物に押し込んで焼く! ピーマン餃子のbefore⏩after ピーマン5個と数が合わないので大きめのピーマンに餃子2個つめこんだ^ ^ 今回 ▶︎材料 ▶︎作り方は省略しよう。 書くべきこともない😆 強いて言うならポイントは3つ! 餃子は「生餃子」を使いましょう ピーマンの
prefers-reduced-motionでアニメーション（視差効果）を減らす設定をしたデバイスに対応させる
2023年2月7日 CSS, アクセシビリティ アニメーションのあるWebページって、見るのも作るのも好きなんですが、みなさんはいかがでしょう？中には動きが苦手で目が疲れてしまう、画面酔いしてしまう…なんていう方もいらっしゃるかと思います。今回はアニメーションが苦手な方のためにWebサイト側でできることを考えてみます。 ↑私が10年以上利用している会計ソフト！ アニメーションを減らす設定 アニメーションによって画面酔いしてしまったり、動きがつくと内容が理解できなくなるという方は、OS側で視覚効果を減らす設定をしているかと思います。そういった設定をしている場合は、CSSでWebサイトのアニメーションもなくす、あるいは軽減させる指定が可能です。 設定方法 まずはアニメーションを減らすためのOS側の設定方法から紹介します。 Windows 10: 設定 → 簡単操作 → ディスプレイ → アニメ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
きゅうりの種取りをしました！種苗法ってなに？ - ほどほど庭のtayora koffie
アクセシビリティのコントラスト比を改善して分かったブランドカラーとの共存方法
孫、ヘアドネーションをするの巻。 - おっさんのblogというブログ。
プロダクトマネジメント1年目に痛感したペルソナ×カスタマージャーニーの威力 - エムスリーテックブログ
Visual Studio Code June 2022
【イギリス コロナ対策】UV殺菌でスマホもマスクもお家で除菌！ - TOM夫婦の世界の窓
自宅のバベの木を切っちゃったって件。 - おっさんのblogというブログ。
3回目のワクチンを打ってきたって話のその後の話。 - おっさんのblogというブログ。
A Guide To CSS Debugging — Smashing Magazine
Announcing .NET 5.0 - .NET Blog
Looker APIを活用して確実なデプロイを実現させる - エムスリーテックブログ
Use CSS Variables instead of React Context
JavaScript component-level CPU costs
Canvaで作成！ブログとTwitterのヘッダー画像【はてなブログ】【初心者向け】 | SAKURASAKU
Looker活用によるバイモーダルITの実現 - 下町柚子黄昏記 by @yuzutas0
はてなブログのカスタマイズを詳しく紹介【UnderShirt】 - 八方美人ママの日常
祝！２周年 読者登録ありがとうございます記念 No.000 - 週末息子と見る映画
5日目: リッチフロントエンド - はてなインターン2019 (公開版)
GitHubのadmin権限でのマージボタンを小さくするStylish用の設定 - hitode909の日記
neue cc - ConsoleAppFramework v5 - ゼロオーバーヘッド・Native AOT対応のC#用CLIフレームワーク
チビたち好きなもの2つ合体😅ピーマン餃子になった編 - らしくないblog