Macbookを返品したり、譲渡・売却に必要なmacOSを初期化作業(リカバリ)。 M1 Macだと、Apple公式サイトですら古い手順のままで、正しい方法が分かりづらいです。 Intel Macと同様の方法で行うと文鎮化してしまうので、注意して行う必要があります。 今回は、実際にMacbook Pro M1搭載モデルを工場初期化したので、手順と注意点を解説します。 いくつかのトラブルにも見舞われたので、参考になる他サイトさんへのリンクも載せています。 ※当サイトは、いかなるトラブルの責任を追いません。自己責任の下でお願いします。 M1 macOSの初期化方法 大前提として、必要なデータのバックアップは取っておいてください。 この作業を進めていくと、Macbook内のSSDは工場出荷時と同じ状態になります。 また、iMessageのログアウトや、”Macを探す”を解除するなどの作業も済ませ

日本を代表するクリエイティブディレクター、佐藤可士和（さとう・かしわ）の過去最大規模となる個展が国立新美術館で開催される。 佐藤は1965年東京都生まれ。多摩美術大学グラフィックデザイン科卒業。株式会社博報堂を経て2000年独立し、同年「SAMURAI」を設立。以来、企業から幼稚園や病院、ミュージアム、地域産業まで、多種多様な分野のブランド戦略を手がけ、グローバル社会に新しい視点を提示する仕事は、国内外から高い評価を得てきた。 主な仕事に、国立新美術館、東京都交響楽団のシンボルマークデザイン、ユニクロ、セブン-イレブン、カップヌードルミュージアムのトータルプロデュースなど。近年は武田グローバル本社、日清食品関西工場など大規模な建築プロジェクトにも従事。文化庁・文化交流使（2016年度）として、日本の優れた商品、文化、技術、コンテンツなどを海外に広く発信することにも注力している。 伝えるべき

「SEO に強い HTML の書き方」というツイートがそこそこバズっていて、その内容に対して駆け出しエンジニアの方たちが「参考になった」などと称賛の声を挙げていたのを見かけて思うところがあったのでこの記事を書きました。 元ツイの概要は次の通り。 body > main > article > sectionに h1は 1 ページに 1 つ（要キーワード） 見出しタグは毎度 section で囲む ヘッダーメニューは nav で囲む 画像に適切な alt を設定する title / description を書く 階層を意識して書く div はあまり使わない 画像は p で囲む この記事は元ツイおよび元ツイの投稿者を批判する意図で書いたものではなく、あくまで挙げられている内容に対する個人的見解をまとめたものです。 正しいか正しくないかをそれぞれの項目のはじめに書いていますが、あくまで僕個人の

Togetterで見かけたオシャレ部屋の極意がシャラくさかったので、 togetter.com あとブログのネタがないので俺のオシャレ部屋晒すわ。 いつもの。壁に銃をディスプレイすると殺し屋的なワイルド感が出てオシャレです。 全景。このように長門のねんどろいど、牧瀬紅莉栖、トリエラ、シャア、武蔵などのフィギュアを飾ることで部屋が華やぎます。 裏で世界とか株価とか操ってそうなかっこいい感じにしたい！と思って模様替えした。 寝てる時以外は99%ここに座って世界を操っている。 壁に鶴のスカジャンとか掛けておくと和のテイストがアレしていい感じです。 靴がいっぱいあるとオシャレ。 居酒屋の下駄箱みてーだな。 引っ越しのサカイの段ボールを置きっぱなしにするとパンダの癒し効果でいい感じになる。 男子の間ではいま箱が大流行中！ カラフルな箱で彩り豊かに。 当然、住んでる人もオシャレ。 おわりです。

今回は、韓国の高校生が軍事訓練で使用する迷彩シャツを分析します。 最初に記しておきますが、これは韓国が大真面目で作った迷彩服なんですよね。 何故か僅かにパターンの違う物も存在しています。 それはともかく、今回のアイテムも中古品ですが程度は極上ですよ！ 目次 １  韓国高校生の軍事訓練用迷彩シャツ（バクテリア迷彩）とは？ ２  全体及び細部写真です！ ３  その特徴とは？ ４  製造とサイズのデータです！ ５  まとめ スポンサーリンク スポンサーリンク １  韓国高校生の軍事訓練用迷彩シャツ（バクテリア迷彩）とは？ 現在はどうかわかりませんが、かつて韓国は民間防衛組織があって、一般の会社にも普通に武器庫に銃や弾薬を保管し、有事に備えていました。 また高校では専用の軍事訓練が教育の科目に入っていて、決められた訓練をしていたようですね。 何しろ朝鮮戦争後（現在も）、未だ北朝鮮は暴力革命を成し遂

すりごま🐾 @surigoma2012 「コーヒー飲む？」って聞かれた時に「いや、いい」と答えるのと「今はいいや、ありがとう」と答えるのでは大きく違うのだけど、それに気付かずナチュラルに前者を使う人生だと地味にしんどいんだよね、周りが。 2021-01-30 14:21:03

オジサンは前からChromeBookに興味津々だった。 みんな大好きChromeがまんまOSになってしまったという、中々挑戦的なガジェットである。基本Chromeブラウザ内ですべて完結する。低スペックでもそこそこ快適らしい、Androidアプリも動作する、リナックスも動くetc… だがしかし、スペックと価格のバランスで納得行く機種が中々見つからず、 購入寸前で断念していたのだった。 そんな中、アマゾンを何気にダラダラ見ているときおすすめに以下の機種が出てきていたのである。 【Amazon.co.jp 限定】Google Chromebook Lenovo ノートパソコン Ideapad Duet 10.1インチ 日本語キーボード WUXGA MediaTek Helio P60T 4GBメモリ 限定スペック 64GB eMMC モデル 発売日: 2020/06/05メディア: Person

オジサンの仕事はマークアップエンジニアである。 デザイナーから入稿されたデザインデータをPhotoshopやXDで広げつつ、ディレクターから共有された仕様書とにらめっこし、切り出した画像をvs codeで組み上げる。組み上がったWebサイトをChromeで表示確認&デバッグ、不明点等の質問をSlackでやり取りetc… オジサンはこれらを12インチのディスプレイでこなそうとしていた。 パソコンはSurface Pro7である。 仮想デスクトップを駆使し、タスクごとにデスクトップを切り替える。 いやはや何とも非効率すぎる。そしてなにより人よりもパソコンが音を上げてしまうのである。 「もっと広いのが欲しい」 そう考えるのにさほど時間はかからなかった。 巷ではコロナ禍での需要もあってか、ウルトラワイドモニタが各社から発売されYoutubeでは盛んにレビューされている。 メーカー、解像度、価格、こ

CSSのレイアウトは最近ではFlexboxが主流となり、それまでの考え方や実装方法とは大きく異なります。@mediaのブレイクポイントやハックを使用せず、CSSの性能を活かした、コンテキストに依存しないコンテンツベースで実装するコンポーネントのレイアウト方法を学べるRelearn CSS layoutを紹介します。 すべてのデバイスに対してフレキシブルなレイアウトが可能で、一貫性のある簡潔なコードで実装できます。 Relearn CSS layout Relearn CSS layoutは、インクルーシブ HTML＋CSS＆JavaScript（紹介記事）、コーディングWebアクセシビリティ（紹介記事）などの著者Heydon Pickering氏（@heydonworks）とAndy Bell氏（@andybelldesign）のプロジェクトです。

Notionにハマッている飯田です。 今回は、Notion WebClipper と Gallery view がすごい！をまとめます。 WebClipperって？ WebClipperは、Notionにウェブサイトをすぐさまブックマーク保存するための拡張機能です。 Notion の公式ツールであり、PCのChromeの場合は こちらより拡張機能をインストール することで使うことができます。 スマホの場合は Notionのアプリがインストールされていれば、ブラウザから共有アクションで呼び出すことができます。 WebClipper を呼び出し、データベース選択する、たったこれだけのアクションでNotionに登録することができます。 WebClipperは何をする？ WebClipperはその名の通り、ウェブサイトをクリップするという機能を持っているわけですが、ただのブックマーク機能かぁ、と思

ノリで購入したM1 MacBook Airであったが、メモリ8GBなのが段々と不安となり、散々悩んだ挙げ句返品した顛末を前回ご紹介した。 og-og.hateblo.jp 返品は無事受領され、改めてMacBook Airをアップルストアでカスタマイズオーダーしたのである。 オジサンがオーダーした内容は以下の通り。 メモリは16GBを迷わず選択。 ストレージは512GBでも問題ないのだが、持ち歩く機会が将来増えることを見越して1TB にした。外付けSSDぶら下げて持ち歩くのは個人的に好まない。 色は前回同様ゴールドにした。中国に媚びた色と言われようがこのカラーがオジサンはお気に入りだ。 他にもキーボードはUSにする等ぬかりない。 到着が楽しみなのでである。 ちなみに今使っているMacBook Pro 13は売却予定である。 M1 MacBookのパワーと電池の持ちを体験してしまったからには残

About Blog Article 駆け出しエンジニアの皆様へ はじめに 概要 本記事では、駆け出しエンジニアの皆様に向けて、エンジニアという職種についての説明、初めて収入を得るまでの道筋の提案、エンジニアとしての価値の高め方、独学で技術力を向上するためのロードマップ案等について記述する。 定義 本記事における「エンジニア」というワードは「ソフトウェア開発を業務とする者」という意味で扱う。ソフトウェアエンジニア以外のエンジニアもあるだとか、IEAの認定が必要だとか、そういうことは一旦忘れて読み進めてほしい。多少 web の分野に偏った記事になるが、そこは文脈で判断してほしい。 前記事 1年ほど前に本ブログで web系エンジニアのキャリアチェンジについて という記事を書いた。この記事は、私のキャリアパスの紹介と、web系エンジニアを目指す方への道筋の提案を行ったもので、今も多くの駆け出しエ

ウェブサイトを閲覧していると「画像の読み込みが遅い」という場面に遭遇したことがある人は多いはず。画像はウェブサイトのパフォーマンスを左右する要素のひとつであり、ウェブ開発において取り扱いに注意すべきものです。そんな画像をウェブサイトで扱う際の最適化方法について、GoogleのエンジニアであるMalte Ubl氏が解説しています。 Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/ ◆img要素にwidthとheightを指定する アスペクト比を維持したまま画像サイズを変更するには、「style」要素に「max-width: 100%」や「height: auto」と指定しておく手法がよく用いられます。この手法に加

Goodpatchでは職種ごとにさまざまな新人研修プログラムを用意しています。2020年の新卒UIデザイナー向けには、4月から6月にかけてUIデザインに関する基礎的な講義や演習、課題制作といった集中的な研修を行い、UIデザイナーとして必要な基礎知識を身につけてもらいました。 UIデザイン研修といってもいくつかにコースが分かれており、今回私が講師として担当した部分では「ソフトウェアデザイン」をテーマに講義を行いました。 以下の講義のうち私が担当した、ソフトウェアデザイン概論、インタラクションデザイン基礎、モードレスデザイン基礎、UIモデリング基礎について簡単にご紹介いたします。 UIデザイン研修—ソフトウェアデザイン編—講義シラバス ソフトウェアデザイン講義の設計 UIデザイン新人研修は全体構成を「ビジュアルデザイン編」「ソフトウェアデザイン編」と二分し、それぞれの専門性を深堀りできる形を採

※前回の2020年12月からベゼルレスのiPad mini6（8.3インチ）が出たので更新しています。 記事の詳細の内容はiPad mini6が入っていない内容です。 MacBookもM1チップでProじゃなくてAirで十分みたいになっていて、大きさやスペックが大きければいいみたいな時代は終わって、自分に合ったものを選ぶ人がより増えてきたように感じています。 前回が2019年5月にレスポンシブデザインのブレイクポイントの記事を書いて、今でもたくさんのアクセスがあり、たいへん嬉しく思っています。 そこで今回2021年に向けて内容を見直しました。 最近発売されたベゼルレスのiPad AirやiPhone12 miniなど新しいサイズも増えて、より複雑になった印象です。 iPadのSplit Viewを気にしない人は、去年と同じ560px/960pxでも問題はないです。 hashimotosan

去年からMac沼にハマってしまっているオジサンである。 og-og.hateblo.jp 購入したM1 Macbook Airは画面描画の軽快さといい、バッテリーの持ちといい、とても満足しているのであるがただ一つ、 「メモリを8GBで妥協してしまった」 ことを非常に後悔していた。 過去何度かMacBook Airを購入したが、いつもProに買い換えるきっかけになっていたのが 「メモリ不足」 であった。 M1 MacBook Airが従来のCPUやメモリと異なるもので最低構成の8GBでも行けるのでは、と今回の構成にしたのであるが 心理的にやはりストレスになっているのであった。 iMovieで動画編集→書き出しを行ったり、デザイン系アプリを複数立ち上げて、さらにChromeでタブを鬼のように開いても速度が落ちぬタフさは自分自身で試して分かっている。 もうオジサンの心の病みたいなものなのである。

ついに2021年がやってきました。Webデザインのトレンドの移り変わりはとても早く、数年でトレンドがガラッと変わることもしばしばあります。必ずしもトレンドに合わせたデザインを制作する必要はありませんが、知識として押さえておくことによって、選択肢が増え、デザインの幅を広げるためのヒントとなります。 2020年はコロナウイルスの影響もあり、様々なものがオンラインに移行されたり、リモートワークが一般化するなど大きな変化の年となりました。それに合わせて、Webサイト、Webデザインの重要性も高まってきているのではないでしょうか。ぜひトレンド情報をチェックして、ご自身のWebデザイン制作に活用してみてください。 では、2021年に流行する最新のWebデザインのトレンドをご紹介していきます。 【 NEW：2022年版を公開しました 】 2022年に流行するWebデザインの最新トレンド10個まとめ 20

正月に実家に帰ると、今年28歳になる9歳下の弟が会社をやめてプログラミングスクールに通うと言い出したので全力で止めた。 エンジニアになりたいのならカリキュラムは全部俺が組むし、わからないことがあったらいつでも相談にのるし、なんなら仕事の紹介だってするから、 まずは会社をやめるな、そしてスクールには金を払うな、と伝えた。 その後、転職をするのであれば適切な情報を伝えねばと考え、いろいろな会話をしたので、書いてみたいと思う。 まずIT業界をリードしているGAFAの求人情報を見せた。 例えばこれ。[ https://www.amazon.jobs/jp/jobs/1353081/software-development-engineer-full-time-class-of-2022 ] 4年制大学、大学院、もしくは博士課程卒業の方2022年4月1日入社可能の方（2021年4月～2022年3月卒

ICSはフロントエンドを専門とするウェブ制作会社ですが、オウンドメディアとして技術情報発信サイトを運用しています。このサイトは開設から7年目を迎えましたが、今年は「国内のウェブ水準を前進させる記事を。話題のテーマも、他のサイトでは読めないニッチな技術も」をテーマとしてやってきました。そんなICS MEDIAにとっての2020年を、あらゆる数値を使って多角的にレポートしたいと思います。 今年はどの記事がもっとも読まれたのでしょうか？　今年執筆した記事で上位11記事をピックアップしました。 1位 : 今年のfont-family 『2020年に最適なfont-familyの書き方』 106,000 PV(ページ・ビュー) 皆さんがググって調べることが多いのでしょうね！ 2位 : CSSで影 『box-shadowだけじゃない！CSSでできる色々な影の表現と意外に知らない落とし穴』84,000

原題：Wonder Woman 1984　監督/脚本/原案/制作：パティ・ジェンキンス 製作国：アメリカ　上映時間：151分　制作＆配給：ワーナー・ブラザーズ シリーズ：『ワンダー・ウーマン』シリーズ、DC・エクステンデッド・ユニバース第9作目 新型コロナウイルス感染症により延期を繰り返した本作もやっと公開された。 ワーナーのDC映画……通称DCエクステンデット・ユニバース通称DCEUで前作『ワンダー・ウーマン』(2017)が公開され「女性スーパーヒーロー単体映画」としてライバルのMARVEL映画……ていうかMCUに一歩先んじたDC映画だった。 僕も元々ワンダー・ウーマンの事はそこそこ好きだったし主演ガル・ガドットも美しいし、第一次世界大戦にスーパーヒーローが介入する英雄的な活躍も『キャプテン・アメリカ／ファースト・アベンジャー』(2011)みたいで気に入った。ダイアナが戦争に介入する描写