オジサンの業務メモ:dart-sassに移行するにあたり@importと@use(@forward)の違いをざっくりとまとめてみる

毎度のことながら、オジサンはマークアップエンジニアである。 オジサンのお仕事は単にデザインデータをHTMLに起こすだけにとどまらず、 運用フェーズ移行後も更新が容易になるよう、あらかじめコーディング規約やCSS設計を行い、運用チームに引き渡すのも仕…

MacBook Airが好きすぎて2台目購入を考え始めたオジサンはどこかおかしいのだろうか

オジサンはMacBook Airが大好きである。 かつてスティーブ・ジョブズ氏がマニラ封筒から颯爽とMacBook Airを取り出してプレゼンした日からMacBook Airのとりこなのである。 そんなオジサンだが、最近仕事で自分のMacBook Airを持ち出す機会が増えてきた。 こ…

オジサン、M1 MacBook Airを半年ほど使ってみた感想を率直に語る

オジサンは去年、それまで愛用していたMac Book Pro15 2016年モデルのキーボード不良を皮切りに Mac沼へハマり込んだ。 og-og.hateblo.jp そしてM1 Macの発売をきっかけに過去に何度も挫折したMacBook Airをメインマシンで使い倒したい夢を再燃させ、紆余曲…

オジサン、楽天モバイルからahamoにMNPする

オジサンはiPhone12 Pro購入を機に料金プランがあまりにもアレだったauに別れを告げ、新天地の楽天モバイルにMNPしたのである。 og-og.hateblo.jp 契約当初はそこそこ速度も出ており、エリアもよほど僻地に行かない限り圏外にならない等、ネットワーク品質は…

オジサン、勢い余ってMagic Trackpad2を購入してしまう

Mac=トラックパッドと言っても良いくらい、トラックパッドのユーザー体験でMacに目覚めた人は結構多い。 確かに MacBookのトラックパッドを使った時は衝撃的であった。 二本指、三本指を使ったジェスチャー操作は今のiOSに通じるものがあった。 当時はおそ…

オジサン、iPad Pro用Magic Keyboardを買ってみてトラックパッドの滑らかさに驚く

自宅専用タブレットのiPad Pro 12.9だが夜枕元でタイピングするのにタッチだとめんどくさいし、Smart keyboard folioはバックライトが無いので暗くて打てないし、って事でMagic Keyboardを購入してしまった。 まだ使用開始して数日だが、オジサンなりの使用…

オジサン、Preprosを使ってSassをズボラに書いてみる

オジサンはマークアップエンジニアとして日々CSSを書いている。 ここ数年はCSSはまずはSass(scss)で書いたものをCSSにコンパイルするのがほぼ常識と言って良いのである。 Sass(scss)をコンパイルするのにタスクランナーを使うのだが、基本コマンドラインで操…

オジサン、先日の新型iPad Pro発表を鑑みて改めて無印iPadの良さを噛みしめる

先日Appleから新型iPad Proが発表された。 www.apple.com なんとM1チップである。とうとうMacとiPadのCPUが統合されたのである。さらに12.9インチのiPad Proに至ってはディスプレイにミニLEDが搭載され、ほとんど小型のPro Display XDRである。 www.apple.co…

オジサン、お散歩用タブレット選定でまさしくドロ沼にハマる

オジサンは基本リモートワークで家に籠って業務を行なっているのだが、朝に関しては自宅から歩いて5分程度の距離にカフェがあるので、そこで朝食を摂ることにしている。 その際に一緒に持って出かけるタブレットについて試行錯誤しているのだが、これが思っ…

オジサン、M1 MacのChromeブラウザで画像が表示されない問題に難儀する

いつからそうなっているかハッキリとは覚えていないのだが、ある日突然M1 MacでChromeを立ち上げると画像が表示されなくなっていた。 Chromeの起動画面はいつもGoogleのロゴが表示されるのだが、目の前の画面にロゴはなく、白い長方形が表示されているのみで…

オジサン、PhotoshopとVisual Studio CodeがApple Siliconに対応し歓喜する

M1 Macはスペック的に申し分ないのだが、いかんせんアプリの対応状況が絶望的であった。 Rosettaでも起動は可能で問題はないのだが、やはりネイティブでサクサク起動してほしいものだ。 そんな中、オジサンを歓喜させる2つのアプリのApple Silicon対応の朗…

オジサン、M1 MacBook Airのバッテリーのもちについて考える

オジサンは去年末にM1 Macが発売されたのを機にMac沼にハマってしまい、紆余曲折の末MacBook Airを手に入れて日々愛用している。 og-og.hateblo.jp 手に入れてからおよそ2ヶ月たった。概ね不満はないのだが、ただ一つ、 メモリ16GBはバッテリー消費が多い …

オジサン、脱jQueryを試みる

オジサンはマークアップエンジニアである。 DBから情報を非同期で引っ張ってきてコンテンツを表示したり、バナーを表示する仕組みは基本的にフロントエンジニア任せだが、デザインに関わる部分、例えばモーダルやアコーディオン等はオジサンが基本部分を実装…

オジサン、お散歩用10インチクラスデバイスの最適解を模索する

オジサンの日課は朝早めに人気のない時間を選んでカフェに行き朝食を摂りつつネットサーフィンや読書をしてから30分程度の散歩をすることである。 その際に無くてはならぬ相棒が無印iPadである。 10.2インチサイズで無印のミニショルダーにすっぽり収まるサ…

オジサン、Mac版Visual Studio Codeのショートカットをカスタマイズしてみる

オジサンがHTMLをコーディングするのに使っているエディタはみんな大好きVisual Studio Code(以下vs code)である。 azure.microsoft.com sublime TextやらAtomやらDreamWeaverやら散々エディタ沼にハマった挙句、vs codeに辿り着いた。 vs codeは無料配布と…

オジサン、地震をきっかけに携帯キャリア沼にハマる

オジサンはIPhone12 Proの購入をキッカケに携帯キャリアをauから楽天モバイルに変更した。 og-og.hateblo.jp 変更のきっかけは何といっても5Gプランがあまりにも高額だったためだ。 エリアが限定的で東京都内在住でもない限り、5Gのメリットを享受することは…

オジサン、Karabiner-elements13.3をM1 MacBook Airにインストールする

オジサンが購入した M1 MacBook Airだが、Karabiner-elementsの古いバージョンをうっかりインストールしてしまったことでカーネルパニックが発生、開封直後から初期化を行うという憂き目に遭った。 og-og.hateblo.jp それからはアップルが親切に用意してくれ…

オジサン、MacBook Airのセットアップで四苦八苦する

オーダーしていたMacBook Airが届いた。 オジサンにはすっかりお馴染みの箱であるが何度見てもテンション上がるものである。 本体到着に合わせて保護シートやケースの準備も万端である。 さて、ここでチャッちゃとセットアップを済ませたのだが、ここでやら…

オジサン、Chromebookデビューする

オジサンは前からChromeBookに興味津々だった。 みんな大好きChromeがまんまOSになってしまったという、中々挑戦的なガジェットである。基本Chromeブラウザ内ですべて完結する。低スペックでもそこそこ快適らしい、Androidアプリも動作する、リナックスも動…

オジサン、思わず34インチウルトラワイドモニタを買ってしまう

オジサンの仕事はマークアップエンジニアである。 デザイナーから入稿されたデザインデータをPhotoshopやXDで広げつつ、ディレクターから共有された仕様書とにらめっこし、切り出した画像をvs codeで組み上げる。組み上がったWebサイトをChromeで表示確認&デ…

Mac沼続報:オジサン、Airをオーダーする

ノリで購入したM1 MacBook Airであったが、メモリ8GBなのが段々と不安となり、散々悩んだ挙げ句返品した顛末を前回ご紹介した。 og-og.hateblo.jp 返品は無事受領され、改めてMacBook Airをアップルストアでカスタマイズオーダーしたのである。 オジサンがオ…

オジサン、Mac沼であがいた末に結論をだす

去年からMac沼にハマってしまっているオジサンである。 og-og.hateblo.jp 購入したM1 Macbook Airは画面描画の軽快さといい、バッテリーの持ちといい、とても満足しているのであるがただ一つ、 「メモリを8GBで妥協してしまった」 ことを非常に後悔していた…

オジサン、M1 MacBook AirでMac沼にハマる

オジサンの2020年はMac Book Pro15インチのキーボード不良から始まったMac沼であった。 事の発端は3年近く使っていたMac Book Pro15インチ2016年モデルのキーボードが突如ぐずり始めた。 例のバタフライキーボード問題である。 og-og.hateblo.jp そこから順…

Adobeさんよ、Webデザイン系アプリのM1チップ最適化ってまだなん?

オジサンはなんやかやM1チップ搭載のMacBook Airを購入し、日々愛用中である。 og-og.hateblo.jp そんなオジサンだが、まがいなりにもWebデベロッパーの端くれとして、Adobeに対してこう思わざるを得ない。 「DreamweaverとかXDの対応マダァ?」 最近はYoutuber…

【M1チップ搭載MacBook Air購入記念笑】オジサンのMacBook Air遍歴を振り返る。

なんやかや言いつつ、AppleシリコンことM1 チップ搭載のMacBook Airを購入してしまった。 発売前まではさほど気にならなかったものの、人が使っているのを見てしまうと欲しくなってしまうのがオジサンの悪い癖である。 そして今回のMacBook Airでかれこれ4…

無印iPad用スマートキーボードへの不満をたらたらと。

最近はめっきり外出も減ってしまったが、たまの外出時は欠かさず第7世代無印iPadを持って出かけている。(以下無印iPad) 無印iPadにはスマートキーボードを装着している。このキーボードは長時間のタイピングはあまり向いていないが、コンパクトなサイズ感…

M1チップ搭載のMac欲しいが不具合少なすぎて逆に不安になる

M1チップ搭載のMacが発売されて各メディアやら信者やらが皆こぞってベンチマーク結果を掲げて大絶賛である。 ある人はCorei9搭載のMac Book Pro16超えただの、ある人はエントリーモデルで4k動画編集できただの、気味が悪いほどM1チップ搭載のMacを褒め称え…

人柱覚悟でMacのOSをBig Surにアップデートした

Macの次世代CPUであるM1チップを搭載したMacが発売されたり、iPhone12 miniやらが発売したりで世間は賑わっているようだがオジサンの目下の注目はmacOSのビッグメジャーアップデートである、Big Surであった。 OSX時代からの最後のアップデートであったCatal…

iPhone 12 Pro用にモバイルバッテリーを購入した

iPhone 12 Pro用にモバイルバッテリーを購入した。 【10W QI充電&18W PD QC 3.0急速充電】 モバイルバッテリー ワイヤレス PD対応 26800mah 大容量 18W急速充電 4台同時充電 スマホ充電器 無線充電 置くだけ充電 携帯充電器 Type-C出力/入力 iPhone/iPad/An…

1年かけて体重を8キロ落として分かった事

オジサンは世のオジサンたちと同じく中年太りな体型であった。年々衰える基礎代謝。それとは反比例の運動不足、ストレスによる過食。 何やかや三十代前半の頃までのシュッとした体型の頃から20キロ近く太ってしまっていた。 皆歳とると体型とか気にしなくな…