ゴーグルの古いスポンジをはがす 加水分解してボロボロになったスポンジを完全にはがして、張り付ける面をきれいにしておく必要があります。はがすときは細かいスポンジがボロボロと出てくるので、屋外で行った方がいいです。うまく剥がれない場合は、紙やすりで削るのも有効でした。 スポンジをはがした状態がこちら。レンズが外れるタイプであれば、レンズも外しておいた方が安全で作業もやりやすいです。 接着剤を塗り、スポンジを張り付ける 接着剤の塗り方はパッケージ通りです。接着剤を全面に塗り、専用のヘラで伸ばします。5分ほどおいてからスポンジを張り付けます。スポンジはグレーが顔の面、黒が張り付け面です。 スポンジは鼻の部分を張りやすいように二つ折りにした状態で真ん中から張るときれいに仕上がります。また、鼻の下部分はテンションがかかり浮いてしまうときは、カッターで切り込みを入れると浮きが軽減されます。 仕上がり 同

トランプ政権下で厳格になった入国審査 旅行に最適なゴールデンウィークが到来する。アメリカ旅行や、アメリカの空港で入国を伴う乗り継ぎを計画されている方は、スマホのデータの護身術を覚えておきたい。 ワシントン・ポスト紙によると、空港で入国審査を実施する税関・国境警備局（CBP）職員からスマホのロック解除を求められ、中身を調べられるケースが増加している。トランプ政権下で入国審査が厳格化され、デバイス内のデータチェックが強化されているためだ。 入国審査場で「二次検査」に選ばれると、旅行者は別室に案内される。そこでCBP職員から「デバイスを検査する必要がある」と告げられ、スマホやラップトップのロック解除を求められる。 CBPの検査には主に2種類ある。第1段階の「基本的な検査」では、係官が直接デバイスを操作し、プライベートな写真やメッセージ、ブラウザ履歴などを目視で確認する。特別な機器を使わない検査で

Railsにおける app/ とは app/はRailsのアプリケーション用ディレクトリで、普通のRailsアプリケーションでは、この下にmodels,controllers,viewsを含めた様々なディレクトリが作られます。 基本的には新しいディレクトリを追加する必要はないのですが、アプリケーションが複雑になると、Railsを拡張するべくここにアプリケーション固有のディレクトリを作って、その下に関連するファイルを置くことがあります。 中には、servicesやserializersのように、多くのRailsアプリケーションで見られるものもあれば、完全にアプリケーション独自のものが作られることもあります。また、アプリケーションによっては独自のディレクトリは一切作らないものもあれば、大量に作るものもあります。それぞれアプリケーションの開発方針によるものです。 本記事では、比較的有名なOSSの

概要 現在に至るまで、UnitTestの実行はvim-quickrunかC-Zで戻ってからターミナル叩いてた。 現状だとVimでテスト駆動開発するのにつらみがある。 テスト用の設定を作り込むときが来たのだ。 ちな実行するのはPythonのUnitTest 現状の問題点 :QuickRun QuickRunはテスト全体実行しかできない。と思う(テストランナーではないからね) 頑張ればできるのかもしれない。 時間のかかるテストとか遅いテストだと全体実行を何度もするのはつらい。一つのメソッドだけとかサクッとやりたい。 ターミナル実行 ターミナルに戻るのはだるい。 ターミナルでクラス単位やメソッド単位のテストを実行するには、パッケージ階層を打たなきゃいけない。つらい。 QuickFixでRedに飛びたいよね。ターミナルのエラー見る→Vim戻る→ターミナルにエラー見に戻るとか愚行だよね。 :make

2025年4月 発売予定 世にも奇妙な…小魚の骸骨型PLUG ”魚骨”…スローリトリーブではクネクネ〜クルクル〜と骨ペラがスクリューと捻転で微妙な浮遊感と波動で誘い、フラフラ〜クルクル〜な幽体離脱フォール？無気力フォールでロックフィッシュをはじめフィッシュイーター達を虜にする！ コミカルでシンプルな骨骨ボディの ”魚骨”がなぜ釣れるか？？？「だってこんな動きのプラグ他には無いもーん！」 あとは貴方の腕次第！キュートでおどろおどろしいアクションをお楽しみあれ〜！ 魚骨44shallow シャロータイプ 2.0g　44mm　￥1,100（税別） 水面付近を浮遊霊リトリーブでクルクル〜フワフワ〜スローに誘いアピール！浅場や水面直下のターゲットを攻略するミステリー。。。

Steven J. Vaughan-Nichols （Special to ZDNET.com） 翻訳校正： 編集部 2025-04-23 07:00 「Windows 10」は2025年10月14日にサポートが終了する。所有している古いPCの中には、「Windows 11」へアップグレードできないものもあるだろう。その場合の対応が課題となる。 もちろん、Windows 11搭載の新しいPCを購入する方法もあるが、関税の影響でPC価格の上昇も予想される。またその場合、まだ動作はするものの、間もなく安全に使えなくなるWindows 10マシンが残ることになる。あるいは、単純に新しいPCを購入する予算がないケースもあるだろう。 いずれの場合も、古いPCにGoogleの「ChromeOS Flex」を導入することが有効な選択肢となり得る。 ChromeOS Flexとは何か ChromeOS F

海釣りGO六甲マリンパークを取材。家族連れでも楽しめるオシャレな釣り施設。新しい釣り場運営で業界からも注目 海釣りGO六甲マリンパークのプレオープン時の様子。アプリで入場の予約や決済を行う新しいタイプの釣り場だ 神戸港内にある人工島の六甲アイランド（神戸市東灘区）の南側に、「海釣りGO六甲マリンパーク」という新しい海釣り公園が４月25日（金）にオープンする。そのプレオープンイベントが４月20日（日）に六甲アイランド在住の人を対象に行われ、その模様を取材した。 「海釣りGO六甲マリンパーク」の管理・運営は、株式会社フィッシングマックス（兵庫県芦屋市・吉田学代表）が主体となって行い、株式会社ウミゴー（静岡県賀茂郡西伊豆町・國村大喜代表）がシステムの提供やサポートを行う。 プレオープンでも多くの家族連れが参加。子供連れでも安心して釣りを楽しむ事が出来る施設だ 新しい釣り場は、六甲マリンパーク南側

Playwright enables reliable end-to-end testing for modern web apps. Cross-browser. Playwright supports all modern rendering engines including Chromium, WebKit, and Firefox. Cross-platform. Test on Windows, Linux, and macOS, locally or on CI, headless or headed. Cross-language. Use the Playwright API in TypeScript, JavaScript, Python, .NET, Java. Test Mobile Web. Native mobile emulation of Google C

moonrepo.dev 各種言語(とか)のバージョン管理に mise を使っていたけど、proto に移行した。 mise はバージョン管理だけでなく、 direnv のような環境管理や、make のようなタスク実行もサポートしていて、少し過剰に感じていた。(し、使ってなかった) 1つのツールが複数の役割を担うのは、「一つのことをうまくやれ」というUNIX哲学に反している気がした。 protoはいまのところバージョン管理だけをやっているのと、WASMベースでプラグインを定義できるのがモダンで、保守性やセキュリティ面でも好印象だった。 OSSで開発されているが実質的に企業としての moonrepo が管理しているので将来はどうなるかは分からない。 インストールはシェルスクリプトを読み込むやつ だけれど、最近はLLMと一緒にレビューしてから実行できるのでちょっと安心。 自分より頭のいい人にう

時期柄、新しいチームを立ち上げるとか、プロジェクトを始めるといったことが多いと思う。チームづくりの一環として手軽に行えるため、「ドラッカー風エクササイズ」を未だに取り入れることが多い。 ドラッカー風エクササイズ　ドラッカー風エクササイズ（書籍「アジャイルサムライ」より）は、自分自身の表明→他者からのフィードバックという構造を取っている。そこで差異があったとき、本人にとっても周囲にとっても気づきになる、ということだ。 このエクササイズはどちらかというとポジティブな問いが中心になっている。得意はなにか、貢献はなにか、価値はなにか。日常では口にする機会が少ない、こうした内面についてあえて表明する。 一方で、チームで分かっておきたいことは、ポジだけではない。良いところばかりではなく、ネガな一面も必ずある。ポジ、ネガと書くと、後者はできれば蓋をしておきたいもの、避けたいものと感じられるかもしれない。

Hi, I'm Sam — software engineer at Spot and the 2nd most active maintainer of Emotion, a widely-popular CSS-in-JS library for React. This post will delve into what originally attracted me to CSS-in-JS, and why I (along with the rest of the Spot team) have decided to shift away from it. We'll start with an overview of CSS-in-JS and give an overview of its pros & cons. Then, we'll do a deep dive int

📝 はじめに 2025 年 3 月、長年 React 界隈を支えてきた CSS-in-JS ライブラリ「styled-components」がメンテナンスモードに移行したというニュースが流れてきました。 自分も含め、多くの React 開発者にとっては当たり前のように使っていた存在だけに、ちょっとした時代の変化を感じますね…😢 ということで今回は、styled-components に感謝しつつ、改めて「React で CSS を書く方法」について整理してみようと思います 🧵 これから CSS の構成を見直す人や、他の選択肢を探してる人の参考になればうれしいです！ 余談：時代の移り変わりを感じるニュースたち 🚫 Create React App（CRA）が非推奨に React の公式ドキュメントからも案内があり、Create React App は 新規プロジェクトに使うことが推奨

弊社では全ての新規サイトの構築で、CSSフレームワークをtailwindcssに切り替える意思決定を行い、実際に1年くらいが経過しました。「案件によって、tailwindが向いてそうなものは使う」ではなく「全ての案件で使用」です。使えば使うほどメリットの大きさを感じていますが、同時にtailwindcssの世界観が世間の常識とあまりにも違うため、社内のスタッフには少なからず戸惑いがまだ残っているように思います。 そこで、改めて「なぜtailwindcssを使うと効率的にサイトが構築でき、メンテナンス性が上がるのか」反対に「tailwindcssを使う上で、やってはいけないことは何か」についてまとめたいと思います。 tailwindcssとは tailwindcssとは、2020年11月にバージョン2.0がリリースされたばかりの、今注目のCSSフレームワークです。CSSフレームワークといえば

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 最近、業務にTailwindCSSとAstroを取り入れ始めました。 ここではそれまでの苦悩、導入までの軌跡や工夫についてご紹介します。 育った環境 私が社会人になるころにちょうどWeb標準という言葉が浸透し、「世の中はXHTMLでマークアップはセマンティックであるべし！」という価値観で育ちました。 CSSは名前の通り、カスケードするから良いものだと思っていましたし、クラス名はデザインの都合ではなく、機能や意味からつけることが幸福につながると信じていました。 当時は大量コーディングをより効率よく行うためにコマンドラインのプログラムをつく

目次 CSS小史 SUIT CSS - 命名規約ベースのCSS方法論 styled-components - CSS in JS Tailwind CSS - Utility-first CSS なぜインラインスタイルではダメなのか まとめ タイムライン 参考リンク CSS小史 CSSでアプリのUIを実装するための手法は、これまでいくかの変遷を辿ってきた。 はるか昔、CSSが生まれて間もないころには、関心の分離という文脈から、FONT要素などの物理タグはよくないものとされ、 コンテンツ(HTML)とスタイル(CSS)をきっちりと分離することが奨励されはじめた。 そこでは、HTMLはあくまで文書であり、CSSのクラスセレクタという接点でコンテンツと見た目が隔離されることで、それらは別世界のものとして管理されていた。 また、大規模サービス開発においていかにCSSを管理するかという問題意識はまだ

Software developer, author, and host of Full Stack Radio. August 7, 2017 Over the last several years, the way I write CSS has transitioned from a very "semantic" approach to something much more like what is often called "functional CSS." Writing CSS this way can evoke a pretty visceral reaction from a lot of developers, so I'd like to explain how I got to this point and share some of the lessons a