.align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .align-bottom { vertical-align: bottom; } .mb-1 { margin-bottom: 1rem; } .mb-2 { margin-bottom: 2rem; } .mb-3 { margin-bottom: 3rem; } これをHTMLに当てまくって画面を作ればほら簡単！お手軽に画面が作れるね！ と言う感じである。 これの良いところというのは、サクサク画面が作れること。これを体
Tailwind CSS作者のAdam Wathan氏による「CSS Utility Classes and "Separation of Concerns"」の日本語訳です。翻訳に当たって原著者の許諾を得ています。 2021年10月29日に全文再翻訳しました。 この数年の間で、私のCSSの書き方は、非常に「セマンティック」なアプローチから「ファクショナルCSS」と呼ばれるものに変わりました。 この書き方でCSSを書くと、多くの開発者からかなりの反感を買うことがあります。そのため、私がいかにしてここまでたどり着いたかを説明することで、その過程で得た教訓や洞察について共有したいと思います。 第1段階 「セマンティック」なCSS よいCSSのためのベストプラクティスとして、耳にするであろうことのひとつは「関心の分離」です。 考え方としては、HTMLにはコンテンツについての知識のみを含めるべきで
以前、富山県にもワークマンプラスが出来た事をお伝えしました。 そして、先日夏のキャンプに最適に過ごせるようなwmb コットンユーティリティー半袖シャツを見つけたんです。 夏キャンプの課題と対策とは？ 暑さ対策 虫対策 富士錦 パワー森林香10巻携帯防虫器セット ゲリラ豪雨 ワークマンで涼しく快適夏キャンプ！ wmb コットンユーティリティー半袖シャツ wmb コットンユーティリティー半袖シャツ【素材】 wmb コットンユーティリティー半袖シャツ【特徴】 FieldCore ４D 冷感アイスパンツ FieldCore ４D 冷感アイスパンツ【素材】 FieldCore ４D 冷感アイスパンツ【特徴】 ワークマンで暑い夏キャンプを乗り切れ！ 夏キャンプの課題と対策とは？ 年々日本の暑さは酷く猛暑日も増えてきていますが、そういう時だからこそ涼しいエリアで避暑キャンプをしてみたいですよね。 しかし
2021/11/10 TECH STAND #6 TypeScriptにて発表した資料です。
SoundFlowerのようにMacに仮想オーディオ入出力装置を作成できるオーディオ・ユーティリティ「BlackHole」がAppleの公証を取得し、マルウェア警告なしにインストール可能になっています。詳細は以下から。 BlackHoleはCycling ’74チームが開発/メンテナンスを終了したオーディオユーティリティ「SoundFlower」のように、Macに仮想オーディオ入出力装置(ソース)を作成し、アプリからの音声を別のアプリへ繋いでくれますが、このBlackHoleのインストーラーがAppleの公証を取得したそうです。 BlackHoleを開発しているExistential Audio Inc.のDevin Rothさんによると、BlackHoleはmacOS 10.15 Catalinaに対応させるためにドライバには開発者署名し、Appleの公証を取得していたそうですが、インス
Lodash is dead. Long live Radash. 記事は上記記事を意訳したものです。 ※当ブログでの翻訳記事は元サイト様に許可を得て掲載しています。 Lodashの何が問題なのか？ 関数の詳細分析 Lodashの_.get関数 Lodashの_.filter関数 Lodashの_.map関数 コード品質 でも、そのコミュニティは... では、どうするか？ try関数 parallel関数 retry関数 counting関数 range関数 list関数 Lodashの何が問題なのか？ JavaScriptの動的な能力が欠点ではなく特徴として捉えられていた時代に、Lodashは異なる入力に対して異なる振る舞いをする関数を提供することで、できる限り役立つように作られました。現在では、私たちはより良い方法を知っています。純粋関数、決定論的な振る舞い、関数合成といった関数型のコ
いつもSkebをご利用いただきありがとうございます。 Skebを運営する株式会社スケブ(本社: 東京都港区、代表取締役社長: 喜田 一成)は、株式会社カイカエクスチェンジ(本社: 東京都港区、代表取締役社長: 鈴木 伸)、及び株式会社スケブベンチャーズ(本社: 東京都港区、代表取締役社長: 岩野 裕一)とイニシャル・エクスチェンジ・オファリング(IEO)実施検討に関する覚書を締結したことをお知らせいたします。 法令に基づき各機関の審査を経て、2022年9月頃のSkeb Coin(仮称スケブコイン)の発行、及び資金調達、暗号資産交換所での取引開始を目指します。調達された資金はSkebの発展に活用される予定です。 また、Skebの利用者の皆さんに安心してSkebをご利用いただくために、SkebはNFTに関する事業に今後も関与する予定がないことを改めてお知らせいたします。 Skeb Coinとは
Homebrewでインストールしたパッケージにアップデートがあると通知してくれるメニューバー常駐型のMac用ユーティリティ「Brewlet」がリリースされています。詳細は以下から。 HomebrewはMax Howellさんが2009年に開発したMac用のパッケージマネージャで、現在はGitHubのMike McQuaidさんらがメンテナンスを行い、LinuxやWindows 10(WSL)にも対応していますが、このHomebrew(brew.sh)でインストールしたパッケージのアップデートをチェックし、アップデートがあればmacOSの通知機能を利用してユーザーに知らせてくれるメニューバー常駐型のHomebrewクライアント「Brewlet」がリリースされています。 This menulet makes it easier to use brew.sh. For example, you
Tailwind CSS実践入門 ～まず作ってから、あとで共通化する Tailwind CSS実践入門 第1章 ユーティリティファーストとは何か ──従来の課題を解決する大胆なアプローチ CSSフレームワークのTailwind CSSが注目を集めています。その特徴は、flex、pt-4、text-centerといったユーティリティクラスの組み合わせだけで、ほとんどすべてのスタイリングをしてしまおうという大胆なアプローチです。これまでのベストプラクティスと真っ向から対立するようなやり方ですが、だからこそ享受できるいくつもの強みがあります。本特集では、そうしたTailwind CSSの考え方や、具体的な使い方について紹介します。 お知らせ：本特集のサンプルコードは、GitHubの筆者リポジトリからダウンロードできます。https://github.com/yuheiy/wdpress133_
弊社では全ての新規サイトの構築で、CSSフレームワークをtailwindcssに切り替える意思決定を行い、実際に1年くらいが経過しました。「案件によって、tailwindが向いてそうなものは使う」ではなく「全ての案件で使用」です。使えば使うほどメリットの大きさを感じていますが、同時にtailwindcssの世界観が世間の常識とあまりにも違うため、社内のスタッフには少なからず戸惑いがまだ残っているように思います。 そこで、改めて「なぜtailwindcssを使うと効率的にサイトが構築でき、メンテナンス性が上がるのか」反対に「tailwindcssを使う上で、やってはいけないことは何か」についてまとめたいと思います。 tailwindcssとは tailwindcssとは、2020年11月にバージョン2.0がリリースされたばかりの、今注目のCSSフレームワークです。CSSフレームワークといえば
あいさつ こんにちは！ 技術本部 技術戦略Div. リードエンジニアの関根です！ 2024年9月にジョインして、コツコツSRE活動を進めておりますっ エンジニア3年目ながらSREにゴリゴリ関われているのは、アドウェイズにオープンなコミュニケーションの文化があるおかげです。SREに少しでも興味がある人は、お待ちしておりますよ！ 最近、Netflix、アマプラ、U-NEXTに加えてAppleTVも契約してしまいました笑 映画やドラマの話しましょうね！ あとお酒が大好きなので、社内外問わず飲みに行きましょうね！！ この記事はなに？ この記事は、MySQLメジャーバージョンアップグレード時にアップグレードチェッカーユーティリティ(以下、アップグレードチェッカー)を理解して活用することで、効率的にアップグレードを進めるための情報を記載しています。 SREとして、EOL対応屋さん的な動きをコツコツやっ
macOSをVimライクなキーバインドで操作できるスクロールにも対応したMac用ナビゲーション・ユーティリティ「Vimac」がリリース。詳細は以下から。 以前、VimのキーバインドでSafariを操作できるSafari機能拡張「Vimari」を紹介しましたが、これをmacOSまで拡張した「Vimac」をシンガポールの大学生Dexter Lengさんが公開しています。 Stop using your clunky trackpad/mouse now. Vimac is a productivity application that revolutionizes the way you navigate macOS. dexterleng/vimac: Vimium for macOS. – GitHub Vimacの操作方法 Vimacは設定したショートカットで、macOSのUI上にアルフ
macOSをVimライクなキーバインドで操作できるユーティリティ「Vimac」がアップデートし、キーのカスタマイズが可能になっています。詳細は以下から。 VimacはシンガポールのDexter Lengさんがオープンソースで開発しているMac用ナビゲーション・ユーティリティで、macOSのクリックやスクロールといった操作をVimのようなキーバインドで行うことを可能にしてくれますが、このVimacがv0.3.9アップデートで、キーのカスタマイズをサポートしています。 vimac v0.3.9 Customize hint text Hint background is now a brighter yellow for higher contrast dexterleng/vimac: Vimium for macOS. – GitHub Vimac v0.3.9では設定パネルに[Chara
Windows 11にアプデしたら、ぜひ導入したいユーティリティたち2021.11.15 17:0046,846 David Nield - Gizmodo US ［原文］ （ 福田ミホ ） 元に戻したい人も、もっと変えたい人も。 Windows 11がリリースされて、サードパーティのユーティリティも続々出てきました。Windows 11で消えてしまった機能を復活するものあり、Windows 11の新機能をさらに活かせるものありで、Windows 11を自分に合った形にカスタマイズできます。以下、とりあえず今までに見つけた便利なものをご紹介していきますね。 Start11Image: Start11WindowsをカスタマイズするエキスパートStardockがStart11をローンチしました。Start11は、スタートメニューの見た目や配置をもっと柔軟にできるツールです。プログラムタイルと
「PowerToys」は、Microsoftがオープンソースで開発しているWindows 11／10（バージョン 2004以降）向けのユーティリティーだ。当初はGitHubからダウンロードする必要があったが、現在ではMicrosoft Storeからも入手できるようになり、導入のハードルがぐっと下がっている。 今回はそんなPowerToysの中から、便利な機能を幾つか紹介しよう。
iPhoneやiPadとパソコンの連携、みなさんはどのようにしていますか？大半の人はiCloudを通じてバックアップをとったり、iTunesやFinderを使って同期させた上でデータのやりとりをしていると思いますが、同期にはかなりの時間を要するので、イライラする……という人も少なくないと思います。そうした面倒さを解消するとともに、大容量バックアップのためのiCloud課金を節約できる究極のツールともいえるのがiMazing（アイメージング）です。 このiMazingを利用すれば、同期の必要な音楽データや写真データを1つずつでも双方向にやりとりできるし、DAWやレコーディング、シンセなどのアプリとWindows/Mac間においてオーディオファイルやMIDIファイル、サンプリングデータ、SoundFontデータ……などを個別に転送できるので、とっても気持ちよく使えます。Wi-Fi環境においてi
メモリ上に40MBのスペースを作り、アプリを起動している間のスクリーンキャプチャを保存し最大5分前のユーザー操作を動画にして出力してくれるMac用ユーティリティ「RetroClip」が無料になっています。詳細は以下から。 Nintendo SwitchやPlayStationなどゲーム機には、ユーザーのゲーム・プレイ動画を録画する機能はもちろん、数十秒~数分のプレイ動画をメモリやストレージに保存しユーザーが残したいプレイだけを保存し、SNSで共有できる機能が備わっていますが、その機能をMacでも利用できるようにしてくれる「RetroClip」が無料になっています。 RetroClip v1.0.6 RetroClip is now totally free to use! Record clips up to 5 minutes in length. Video quality is no
Macのマイクが利用中(アクセスがある)になるとディスプレイ上に通知してくれるオープンソースのユーティリティ「Micro Sniff」がリリースされています。詳細は以下から。 Micro Sniffは、Hidden BarやBlurredなどを開発＆公開しているベトナムのソフトウェア会社Dwarves Foundationが新たに公開したMac用ユーティリティで、Macのマイクデバイスが使用中になるとディスプレイ上に通知を表示してくれる機能があります。 Micro Sniff is a utilities app for protecting your privacy. You will be notified instantly whenever your micro-device is being used. Micro Sniff – Mac App Store 同様の機能を持ったア
過去に公開されたXcodeをダウンロード＆インストールできるXcodeのバージョン管理ユーティリティ「XcodeUpdates」がリリースされています。詳細は以下から。 Appleの統合開発環境Xcodeは、最新バージョンこそMac App Storeからダウンロード＆インストールできますが、macOSやSwiftのバージョンの関係で過去に公開された古いバージョンのXcodeを利用したい場合、Appleの開発者ポータルサイトへログインし、古いXcodeを検索してダウンロードしなければなりませんが、そんな過去に公開したXcodeの検索からインストールまでを行うことができるXcode管理ユーティリティ「XcodeUpdates」がリリースされています。 SwiftUI implementation of xcodes by RobotsAndPencils Project supports m
ユーザーのマウスやキーボード操作を記録し、ショートカットキーだけで同じ操作を実行してくれるユーティリティ「Keysmith for Mac」がリリースされています。詳細は以下から。 KeysmithシリーズはOtto Labs, LLCのDaniel Morehさんが新たに開発＆公開したユーティリティアプリで、ユーザーのマウスやキーボード操作を記録し、ショートカットキーを登録。今後はそのショートカットキーだけで同じ操作を実行してくれる機能があります。 Keysmith lets you create keyboard shortcuts for any string of actions you can do with your mouse and keyboard. And Keysmith is smart. It isn’t just clicking on coordinates,
アプリをドラッグ＆ドロップするだけで、アプリに使用されているAppKitやSwiftUI、macOS Catalyst、UIKit、Electronフレームワークを特定してくれるMac用ユーティリティ「5 GUIs」を使ってみました。詳細は以下から。 現在、Macアプリの開発には様々な方法があるものの、GUIの実装には主にAppKitとSwiftUI、macOS Catalyst、UIKit、Electronフレームワークが使用されていますが、この5つの内どのフレームワークがアプリに使用されているかを特定＆表示してくれるMac用ユーティリティアプリ「5 GUIs」が公開されていたそうなので、実際に試してみました。 5 GUIs is a simple file analysis tool that detects which of these 5 GUI frameworks a Mac
Dockerを利用したSandbox内でWordやExcelファイルをPDFに変換することで悪意のある攻撃からMacやPCを守ってくれるユーティリティ「Dangerzone」がApple M1 Macでも利用可能になっています。詳細は以下から。 DangerzoneはFirst Look Mediaのセキュリティディレクターなどを務めるMicah Leeさんが2020年に発表したセキュリティツールで、悪意のある攻撃者によって作成されたかもしれないPDFやWord、Excelなどのドキュメントファイルを開かなければならない場合に、 What’s new: Removes the need for internet access by shipping the Dangerzone container image directly with the software Friendly user
Windows には、ドメイン名と一致する IP アドレスを含むローカルの "Hosts" ファイルが含まれています。 このファイルは、IP ネットワーク上のホストを識別して見つけるためのマップとして機能します。 Web サイトにアクセスするたびに、コンピューターはホスト ファイルを最初にチェックして、接続先の IP アドレスを確認します。 情報が存在しない場合、インターネット サービス プロバイダー (ISP) は、サイトを読み込むリソースのドメイン ネーム サーバー (DNS) を調びます。 Hosts File Editor は、ホスト ファイルを編集する便利な方法を提供します。 これは、Web サイトを新しいホスティング プロバイダーまたはドメイン名に移行します。これには、24 ～ 48 時間のダウンタイムが発生する場合があります。 hosts ファイルを使用してドメインに関連付け
システム環境設定では設定できないFinderやDock、Safariなどの隠し機能を有効にできるMac用ユーティリティ「Deeper」がmacOS 11 Big SurとApple Siliconに対応しています。詳細は以下から。 Macのメンテナンスユーティリティ「OnyX」などを開発しているフランスのTitanium Softwareは現地時間2021年02月03日、2004年から開発しているMac用ユーティリティ「Deeper」をv2.6.5へアップデートし、最新のmacOS 11 Big SurとApple M1ベースのMacに対応したと発表しています。 Deeper 2.6.5 for macOS BigSur 11 Requirements: Intel-based Mac or Apple M1-based Mac using macOS Big Sur 11.1 or la
はじめに JS界隈のユーティリティライブラリといえば、Lodashが有名です。 しかし、Lodashはバンドルサイズが大きすぎるという問題があり、毛嫌いしている人も多いです。 そんななか、Twitterの一部界隈で注目を集めているユーティリティライブラリがRemedaです。 特徴 軽量 すべての関数をimportしてもたった5.3kBです。 さらに、ES Module形式が提供されているため、使っていない関数はビルド時にtree shakeで除外できます。 バンドルサイズが重要なフロントエンドのプロジェクトにも導入しやすいです。 pipe 関数が優秀 pipe関数が優秀で、TypeScriptの補完がバチバチに効きます。 (コードは公式ドキュメントより引用) ちなみにLodashの場合は以下のようなメソッドチェーンでパイプする都合上、すべての関数が読み込まれてしまって、バンドルサイズが激増
Homebrewでインストールしたパッケージのアップデートを通知してくれるMac用ユーティリティ「Brewlet」がパッケージのオートアップグレードに対応しています。詳細は以下から。 Brewletは米プリンストン大学の研究員のZaid Kokajaさんオープンソースで開発しているHomebrew(brew.sh)パッケージのアップデートチェックアプリで、一定時間ごとにHomebrewのパッケージをチェックし、アップデートを通知してくれますが、このBrewletがv1.4アップデートで、パッケージのオート・アップグレードに対応しています。 This release adds a feature which allows packages to be upgraded automatically when available (#4), and disables menu items whe
AWSやCloudflare、GitHub、ZoomなどのクラウドサービスのステータスをメニューバーなどからチェックできるMac/Win/Linux対応のユーティリティ「Instatus Out」がリリースされています。詳細は以下から。 以前、SmartNews, Inc.のエンジニアのMahdi Bchatniaさんがオープンソースで開発しているクラウドサービスのステータスをMacのメニューバーからチェックできる「stts」を紹介しましたが、このsttsをベースにElectronでMacだけでなくWindows, Linuxにも対応したアプリ「Instatus Out」が新たにリリースされています。 monitor services in your menu bar select services you depend on check their status in your menu
画像に素早くモザイクやぼかし、黒塗りを入れられるユーティリティ「Redacted for Mac」が無料になっています。詳細は以下から。 Redacted for Macは元Hipstamaticで現在はAlong Inc.のエンジニアを務めるSam Soffesさんが2015年にリリースしたMac用画像編集アプリで、免許証や書類などの画像に写っている個人情報をピクセル化やぼかし(Blur)、黒塗りで素早く消せる機能がありますが、このRedactedが無料になっています。 Soffesさんは先月Redactedを約2年ぶりにアップデートし、IntelとApple Siliconに対応したUniversal 2 Binary化しましたが、しばらくアップデートしていなかったとしてアプリを無料化したそうで、システム要件はmacOS 10.13 High Sierra以上となっており、編集した画像
みなさん、こんにちは。 この日はホームコースの東千葉でラウンドしてきました。 天気予報では30度越えでしたが、帰るときに車の温度計を見たら34度。 とりあえず熱中症にならないようにラウンドしてきました。 東千葉西アウト1番 いつものように、この日のラウンドを振り返ってみます。 スコアは？ ラウンド目標の達成状況は？ ショットの評価は？ スチールシャフトのユーティリティを試してみました！ この日の反省は？次のラウンドに向けた課題は？ スコアは？ この日はの西コースのバックティでラウンド。 スコアは前半46回、後半46回の92回。 おはようバーディーの最高のスタートでしたが、前後半ともにロストボールが1回ずつあり、90台になってしまいました。 前半のロストはドライバーの右プッシュで林の中なので、ある意味想定内なのでした。 ただ、後半のロストは残り145ヤードを9番アイアンでグリーンに着弾して、
WindowsとMacはどちらも主要な入力装置としてマウスを使用しますが、普段Windowsを使っている人がMacを使うと、その操作感があまりに違うことに面食らってしまうことがよくあります。オープンソースで開発されている「LinearMouse」はmacOS向けのマウスユーティリティで、スクロールの方向やカーソル速度などを自由に設定できるので、Macの操作体系に慣れない人におすすめです。 LinearMouse | Mac向けのマウスとトラックパッドユーティリティ。 https://linearmouse.app/ja-JP/ LinearMouseは上記サイトで配布されており、「ダウンロード」をクリックするとディスクイメージがダウンロードできます。 「許可」をクリック。 ダウンロードした「LinearMouse.dmg」をダブルクリックしてマウントし、LinearMouse.appをアプ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
