あれからもう3年近くも経つことにびっくりしています。 当時は自宅の一室を仕事部屋にしていたのですが、2022年からは新たに作業場を借り、普段はそこを拠点に仕事をしています。 さよならiMacメインマシンとして使っていたiMac 27inch、もう３年も使っているのでそろそろ新しく買い替えたいなと思っていたのですが、同じディスプレイサイズの新モデルは現在販売されていません。 このまま待っていても、今後Appleから発売されるかどうかわからない状況です。もしかしたらもう終わりなのかも。初期のモデルの頃から、長い間ずっとiMacを使い続けてきたぼくとしては寂しい限りですが、そろそろ卒業の時なのかもしれないなと。 2020年、iMacとともに過ごした冬（着る毛布着用） こんにちはMac miniということで、今回はじめてMac mini（M2）を導入することにしました！ https://www.a

はじめに Obsidianという素晴らしいプロダクトが登場してから、デジタルノート術は活発化したと思います。私もその１人で、今日も楽しくObsidianを使っています。 しかし、その一方であまりノート術にこだわりが強くない方や深く理解するほど価値を感じていない人の中ではまだまだ単なるメモ帳として使われている現状があります。 そこで、今回は「がんばらない」Obsidianノート術として、「こだわりすぎない」「多様な原理原則がない」形で『書く』習慣を付けるためのノート術を書きました。 そんなノート術であったとしても、今後ノートを分解していけるような構造にしておくことで、今後の拡張性を残しています。ぜひ「難しくて挫折しまった」という人はチャレンジしてみてください。 『書く』ことで整理術は生きる Personal Knowledge Managementはの概念やLYTといった考え方は斬新で、とて

誰の人生も1度きりで、今日という日は永遠に戻ってはこない。だからこそ、今を楽しく生きることが大切だ。人は一人では生きていけない。楽しく生きるためには人への思いやりが必要だ。 今やSNSでは、人生を豊かにするためのライフハックが溢れている。ライフハックの王者と呼ばれるSNSユーザーは、2010年から運営されているRedditのサブフォーラム『Life Pro Tips（ライフプロの秘訣）』から収集した、最も優れたライフハック術をTwitterでシェアした。 人生を快適に、毎日をより豊かにするための秘訣は、どれもシンプルで実用的なものばかりだ。自分にとって有意義だと思うものだけ実戦してみればいい。

CSSコーディングに役立つサービスやWebサイト運用で役立つSEO関連のツールなど、Web制作の現場で使えるWebサービスを13個紹介します。ワンクリックで取得できるコードや、ドラッグ&ドロップだけで完結するものなど、直感的に作業できるサービスばかりです。あなたの現場でもぜひ利用してみてください。 Fancy Border Radius Generator CSSのborder-radius を使ってボックスや画像をユニークな形状に変化できるWebサービス。 Fancy Border Radius Generator シンプルなコードで実装可能です。 正方形の写真をCSSで変形させました 上のように正方形の写真をユニークな画像に見せることができます。 Fancy Border Radius Generator Clippy – CSS clip-path maker CSSのclip-pa

本書は Figma によるデザインシステムコースの日本語訳になります。デザインシステムに興味がある人や構築しようとしている人もチェックしてみてください。デザインシステムに縁のないデザイナーや開発者のためにプロダクトと向き合った最適なデザインシステムを探求するための材料になれば嬉しく思います。 (原文 : https://help.figma.com/hc/en-us/sections/14548397990423-Course-Introduction-to-design-systems) この記事は、Figmaから許可を得た上で翻訳され、Brand Guidelineに則った内容となっております。(Brand Guideline: https://www.figma.com/ja/using-the-figma-brand/) ## 更新情報 [2023/7/1] - 表紙画像に、このコ

職場で妙にうまく自分の意見を通す人がいる。最近この人から本当に大切な事を学んだので、今日はそれについて書こうかと思う。 人間というのは面白いもので、同じことをやっても好かれる人と嫌われる人がいる。 貴方も「言ってることは正しいかもしれないけど、それにしてもコイツ、酷い言い方するなぁ」と思った事が一度や二度はあるだろう。 俗に言うところの「口のきき方に気をつけろ」というこの現象の正体が自分は本当に長い間よくわからなかった。そもそも「口のきき方」って単語自体が、なんか曖昧で要領を得ない。 そういう事もあって、冒頭に出した自分の意見を上手に通し続ける人が不思議で仕方がなかった。 ぶっちゃけた事をいうと、彼はそこまで人間的に魅力があるようにはみえなかったし、何かカリスマがあるような人でもない。 決して口ベタではないが、上手くも無い。 しかし気がつくと周囲とは軋轢を作らずに事を推し進めるのである。い

1歳くらいまで立ったまま食事を与えていた方はいらっしゃいますか？もうすぐ1歳の娘がいます。今まで食事を立ったまま食べさせてきてしまいました。子供用の食卓テーブルは持っていないため、 1歳くらいまで立ったまま食事を与えていた方はいらっしゃいますか？もうすぐ1歳の娘がいます。今まで食事を立ったまま食べさせてきてしまいました。子供用の食卓テーブルは持っていないため、 小さなテーブルに子供用のパイプいすに座らせて試してみたことはあるのですが、 私のベルトで固定すると泣き叫び可哀想だったので、自由に食べさせればいいか・・と立ったままいまだに食べさせてきました。 もちろんいけないし、しつけになってないとわかっているのですが、泣かれるとつい椅子から降ろしてしまいました。 立ったままやっているので、ほとんど食べずに飽きたらどこかへいってしまいますので、栄養面など心配になりました。子育てサークルで知り合った

こんにちは、ふじけん(@kenshir0f)です。 Figma Config 2023 で Developer Mode (Dev Mode) が追加され、エンジニアなど実装を担当する人目線でのデザインの確認がより便利になりました。 この Dev Mode はいったい何が便利なのか、どうやって既存のファイルで活用するのかを紹介したいと思います。 公式のチュートリアルはこちら↓ Dev Mode とは？Dev Mode はデザインデータを実装担当者が見るときのモードです。 エンジニアが Figma にあるデザインを実装する時に、デザインに関する情報をすぐに参照したり、UIに関連するコードを確認したりすることができます。 具体的なメリットは以下の通りです。 開発に必要なデザイン・画面だけを素早く参照できる デザインに関連するリンク(GitHub や Storybook, Notion など)を

ウェブ業界の当たり前だと思っていることでも、他社の人には違う常識があるかもしれません。自分が業界多数の傾向と違うところはどこなのか……。この連載ではアンケートデータから国内のウェブ業界の傾向を分析します。 連載9回目となる本記事では「2023年のHTMLコーディング」をテーマとしてアンケート結果を紹介します。 imgタグの属性はちゃんと書く？ imgタグにwidth・height属性を書いているか質問しました。 4397票の回答があり「何が何でも絶対に記述する」が11.9%、「基本的に記述する（たまに記述しないことがある）」が33.2%、「面倒なので普段は記述しない（たまに記述する）」が21%、「記述しない！」が33.8%でした。 記事『【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver』によると、レイアウトシフトの対策に有効であるためにwid

フリーランスのWebエンジニアとして仕事をする上で、いつも気をつけていたことをつらつらと書いてみます。 フリーランスやっている人、興味ある人の参考になれば。 ※情報商材みたいなタイトルになったけど中身は真面目（多分） ※（一行だけ宣伝）今はSALESCOREでCTOやってます！積極採用中です！自分に興味もっていただけた方、お気軽にご連絡ください！ 自分についての情報フリーランスのWebエンジニアを2年半 当時はRails, Vue.js, Reactがメイン(2018-2020) 情報系の大学院 → メガベンチャー2年 → スタートアップ2年からの独立 今はSALESCOREのCTO 単価は相場の最高額くらい お金の話あんまりしたくないが、みんな興味あると思うので一応 一度お世話になったFindy Freelanceさんの募集を数年ウォッチして、自分がFindyさんで受けた案件が頭を抜けて

■ はじめに <div>要素にonClickを渡すべきではない、ということ聞いたことはないでしょうか？ ただ、なぜ渡すべきでないのか？ 理解してなかったので今回調べてみました。 サンプルコード 今回動作確認に利用したサンプルリポジトリのコードはReactで書いています。 ■ 結論：<div>にonClickを定義するのがなぜダメなのか？ ユーザーにとって操作性の低いボタンになってしまうから、です！ 要するに UX が悪くなってしまうから！ その理由を解説していきます！ ■ 操作性の低いボタンになってしまう理由 大きく３つあると考えています。 div要素は focus を持たないから returnキー, spaceキーをonClickに変換しないから スクリーンリーダーが認識しない要素だから ◎ focus を持たないから <div>要素はfocusを持ちません。 なので、tabキーで要素に

色々考えたけど、なさそう。 無理やり考えたのが以下の言葉。 ・バッティングだるい ・ピッチング悪い ・ブラッシング歯茎 ・クッキングたぬき 何かある？

在宅で仕事や勉強をしている時間が増えてくると、ずっと無音だと寂しい気がして、できればあまり気にならないBGMや環境音があるといいなあ、と思ったことはありませんか？ ちょうど2年前にそうしたBGMなどをまとめた記事を公開したところ、大変好評でした。しかし2年も経過すると、紹介した音源の多くが配信を終了してしまっています。 そこであらためて、現在配信中の音源を集めたBGM集 2023年版を作りました。 いつアクセスしてもすぐに聞けるような、24時間365日ライブ配信をしている動画や音源をできるだけ選んでいます。仕事や勉強の役に立てていただければ幸いです。 作業用BGMの定番としてのLoFiチャンネル 落ち着いたBGMあるいはチルアウトミュージックとしてのLoFi HipHop/LoFi Beats系の音楽は、ここ1年～2年ですっかり世の中に浸透した感じがあります。 特にYouTubeでの24時

スタンフォード大学の教授で数学者の時枝正（ときえだ・ただし）は、「おもちゃ」を使って数学や物理の定理を解き明かす。スープ皿や木のレール、大きなコインを手に、「ショー」とも呼べそうな講義をいかにも楽しげに始めるその姿に、聴衆は一瞬にして心を惹きつけられるという。 数学者には二つのタイプがいるという──。一つは、チョークを握り黒板に向かう、理論派タイプ。もう一つは、フェルトペンとホワイトボードを使う、どちらかというと応用数学系の人である。 その伝でいうと、時枝正は第三のタイプの数学者である。しかもこの第三のタイプは、世界広しといえども彼一人だけの可能性がある。 時枝は仕事道具をどれも煎餅の空箱から取り出すのだが、箱は「すべて同じブランドのもの」なのだそうだ。たとえばその中身は、見かけはそっくりなのに、転がるものと転がらないものがある二つの不思議な構造物。ひもや輪ゴム、クリップの扱い方は、まるで

こんにちは、料理・食文化研究家の庭乃桃です。 今回ご紹介するのは、今が旬の新じゃがいもを丸ごと使い、酸味がきいたくせになる味わいに仕上げた「南ドイツ風ポテトサラダ」です。 「ポテトサラダ」といえば、日本ではゆでてつぶしたじゃがいもをマヨネーズであえたものという印象がありますが、ドイツのポテトサラダは、ゆでたじゃがいもを大きめの一口大に切ったり、薄切りにしたりという違いがあります。 また、作り方は地域や家庭によってもさまざまですが、南ドイツではマヨネーズを使わず、お酢（ヴィネガー）でじゃがいもをマリネしたポテトサラダも多く食べられています。 今回は、長年ドイツに住んでいた筆者が、日本の新じゃがいもとお酢を使って南ドイツ風にアレンジしたポテトサラダのレシピをご紹介します。 新じゃがいもそのものの食感や味わいを楽しめるさっぱりとしたポテトサラダは、一度食べたらやみつきに！　ベーコンと粒マスタード

センスがなくても大丈夫！デザインのコツを活用すれば、だれでも見やすくわかりやすい資料を作成できます。 イマイチな例といい例のスライド見本もご用意しているので、よければ参考にご自身のスライド資料をブラッシュアップしてみてください。 5. フィードバックをもらう資料のデザインが完成したら、上司や先輩に確認してもらいましょう。プレゼン資料は人に見てもらうことを前提として作るため、客観的な意見は重要です。 目的を果たせる資料になっているか内容がわかりやすいかプレゼンを通してどんな印象を受けるかなど意見をもらい、ブラッシュアップをしていきます。 このとき、PDF形式で書き出したものを確認してもらうと、より資料のクオリティが上がります。デザインの現場でもよくあることですが、PDFや印刷した資料を見ると、スライド作成時には気づけなかった誤字や脱字、表現の違和感などに気づけます。 PDFファイルの作成・共

ベン・フォールズ（Ben Folds）が選ぶ「音楽ファンなら持っておきたいピアノ・アルバム10選」。米サイトconsequence企画 ■Joni Mitchell - Blue 必聴曲「My Old Man」 「最初は、ピアノが本格的なポップミュージックの楽器として活躍したクラシック時代から。もうそこには戻ることはない。だから、この時代のものを選ばないわけにはいかない。ジョニ・ミッチェルの『Blue』をピアノ・アルバムとして気に入っているのは、完全にピアノではないこと。彼女は他の曲で他の楽器を演奏しているけど、基本的には主要な伴奏楽器1つと彼女の声なのです。決して、他の音を求めていない。たとえば、“My Old Man”という曲は、ピアノ演奏が完全に完璧だと思う。ピアノがオーケストラであり、バンドであり、多くのポップスのピアノのようにただ切り刻むだけでないところが素晴らしい。実際、とても

こんにちは。しおぱんです。ChatGPTのプラグインがあまりに多すぎて大変だったので、プラグイン機能一覧を作りました。 【お知らせ】 プラグインの増加速度が早すぎるため、記事作成が追いついておりません🙇 お急ぎの方はこの記事作成でも利用しております、こちらのプロンプトを使ってみてください🙌 【カテゴリ検索の方法】 ブラウザの検索バーに [カテゴリ名] を入力すると絞り込みできます🙆 Mac: Command + F / Windows: Ctrl + F 【カテゴリ一覧】 [エンタメ]　[音楽・音声]　[画像・動画] [学習]　[学術]　[語学]　[プログラミング] [ビジネス]　[マーケティング]　[ファイナンス] [ニュース]　[ツール]　[リサーチ]　[ウェブアクセス] [天気]　[旅行]　[レストラン]　[ショッピング] [医療・健康]　[不動産]　[求人] [ユーティリティ

ビジネスを行う際には、さまざまな相手といろんな契約を交わすことが多いはず。よく使用される契約についてはそれぞれの会社で契約書のテンプレートが保存されているものですが、相手から送られてきた契約書など初めての契約書の場合、いちいち弁護士にレビューを頼むのは面倒です。「Common Paper」は弁護士が練り上げた「標準契約書」を利用することで当事者双方が同じ認識を持てる契約書を作成できるサービスです。契約書の作成だけでなく、条文変更の交渉や署名、契約後の保管まで行ってくれるとのことなので、実際に使ってどんなものなのか試してみました。 Build, negotiate, and sign contracts in minutes. - Common Paper https://commonpaper.com/ 公式サイトにアクセスすると下図の画面になります。まずは「Standards」をクリック

今回は、Twitterで“いいね”が1万超の大人気カレーをご紹介します。手軽に作れたり隠し味を使っていたりと、どれも人気の理由がわかるものばかり。きっと試してみたくなるレシピが見つかりますよ。ぜひチェックしてみてください♪ 専門店レベルのキーマカレー 超簡単なのに『専門店レベル』のキーマカレーレシピです❗️ ひき肉100g 玉ねぎみじん切り1個分 おろしにんにく大さじ1 砂糖小さじ1/2 塩小さじ1/3全てをしっかり炒めたら赤ワイン50mlを加え3分ぐらい煮詰め、 トマト1個 中濃ソース•カレー粉各小さじ1 カレールー2粒を加え溶けるまで混ぜたら完成❗️ pic.twitter.com/FQbMB4p1ap — 麦ライス(シェフ) (@HG7654321) September 25, 2022 トマトや赤ワインを使って作る、キーマカレーのレシピです。まるでお店のような上品な味わいがおうちで