始めに みなさま、アウトプットしてますか？ Twitter で日々情報発信する Qiita の記事を投稿する 勉強会で発表する などなど、アウトプットの方法はいろいろあります。エンジニアは日々のインプットが大事だけど、アウトプットも大事！というのはみなさまご存じの通りだと思います。 ・・・そうは言っても、アウトプットを多くするにはどうすればいいのかわからない！という方も多いと思います。私もその１人です。 そこで、私の知る範囲で圧倒的なアウトプットを生み出している山田展子さん（@e99h2121）に、「どうやったらたくさんのアウトプットを生みだせるんですか？？」という内容についてインタビューしてみました。 山田さんってどんな人？ 私にとっては、Works Human Intelligence の偉大な先輩です。Qiita のプロフィール（@e99h2121）を見るとわかる通り、ほぼ毎日何かし

このブログは、どこにでもある材料で、誰にでもできる料理を載せています。 ◆大さじ１杯の生クリーム、卵黄５個分などの「残りどうすんねん」という使い方 ◆ローリエ、バルサミコ酢、ワインビネガー、バーニングマンダラー、備中ぐわ、千歯こき・・・ などオシャレな調味料や必殺技、農具は使いません。 どうぞゆっくりしていってください。軽い気持ちで。足をくずして。カリフラワーの身にもなって。 めっちゃおススメのブロッコリーの食べ方です！（4/1の「スッキリ」で紹介して頂きました） 全日本ハッシュド協会の私ですが（会員数1名）、ブロッコリーがこんなにハッシュドにむいてるなんてびっくりしました。生のままザクザク切って混ぜて焼くだけなんでめっちゃ簡単です！ 周りは片栗粉とチーズでカリカリ、中はホクホク＆溶けたチーズが絡まってほんま美味しいです！粉が少なく、卵も入ってないんで軽くてペロッといけます。ブロッコリー苦

本記事は、身の回りの困りごとを楽しく解決！ by Works Human Intelligence Advent Calendar 2022の13日目の記事です。 はじめに エンジニアの私「個人開発したアプリのデザインがイマイチで世に出す勇気がなくて困っとる」 デザイナーの知人「どれどれ。あー確かに。いい意味でエンジニアらしさ出てますな♪」 私「『いい意味で』を先頭に付ければ何いっても許される説！！」 知人「デザイン作るときは既存にあるアプリやサービスのUIを参考にするといいですよ」 私「具体的には何を参考にすればエンジニアでもいい感じにデザイン作れそうですか？」 知人「それでは自分が参考にしているデザイン系のサイトをいくつか紹介していきます」 てことで、今回はエンジニア向けの個人開発やアイディア探しで役立つサイトをまとめていきます。 「ポートフォリオのアイディアが思いつかない」「開発した

ふと短歌って面白いかもって調べてて、この短歌読んだら、目から汗が出た あかねさす　紫野行き　標野行き　野守は見ずや　君が袖振る （あかねさす　むらさきのいき　しめのいき　のもりはみずや　きみがそでふる） 情景が目に浮かぶ。茜色の空の下、旅立つ君を送り出す。つらいよなぁ、切ないよなぁ 恋人との別れってもんは、なんでこう胸が痛むんだ 昔から知ってる短歌だけど、歳を重ねてからやっと分かったよ 最高じゃねえか短歌ってやつはよ……！ というわけで、みんなのおすすめの短歌を教えてもらえたら嬉しい ジャンルはなんでもいいです 自作でもいいので、お願いします！ 【追記】 たくさんありがとう！ 一つ一つ読ませていただいています！ 読んで泣いたり笑ったりしてる まさか今になって短歌の良さに気づくとは思わなかった 高校で嫌々習ってたけど、その知識が役に立ってる 勉強しておいてよかった！

調べて、整理して、発信するのが好き。「とほほのWWW入門」管理人が26年間も更新を止めない理由 #老後も楽しむ 公開日 | 2022/12/12 更新日 | 2024/05/10 インターネットが世の中に急速に普及した、1990年代後半から2000年代前半ごろ。当時はまだ、ブログやSNSといった手軽な情報発信ツールが一般的ではありませんでした。 そんな時代に情報発信をするにはWebサイトが必要で、Webサイトを制作するためには専用のHTML言語を習得する必要がありました。 書籍だけでなくインターネットにもHTMLを学べるコンテンツはさまざまありましたが、中でももっとも多くの人が参照したであろうサイトが「とほほのWWW入門」。Webサイト制作に関する膨大な情報がきれいに整理されており、素人でも分かりやすくHTMLについて学習できる「先生」のような存在です。 とほほのWWW入門は1996年に開

数あるガジェットの中でも、コスパに優れていて実用的なガジェットというものは意外と少ないです。そんなガジェットのジャンルの中でこの要件を満たすものが「セットトップボックス」と呼ばれるもの。これまでも、Chromecastのクローンのような「Ezcast」や「AppleTV」を買ったことがあります。 ただこれらは使い勝手が微妙だったり、拡張性の面でちょっと・・・しかし、FireTV StickはベースがAndroidという事だけあって、拡張性でも小型なので携帯性にも優れていて仕事でも使えそうです。ということで、使い倒してみました。 ※Fire TV Stickは最近不穏な噂や制限だらけになってきたので、ChromecastやNebula 4Kに自分はお引越ししました。 Chromecastを購入して色々検証してみた Anker Nebula 4K Streaming DongleはFire T

「いつか読もう」はいつまでも読まない。 「あとで読む」は後で読まない。 積読をこじらせ、「積読も読書のうち」と開き直るのも虚しい。人生は有限であり、本が読める時間は、残りの人生よりもっと少ない。「いつか」「そのうち」と言ってるうちに人生が暮れる。 だから「いま」読む。 10分でいい、1ページだっていい。できないなら、「そういう出会いだった」というだけだ。「いま」読まないなら、「いつか」「そのうち」もない。 本に限らず情報が多すぎるとか、まとまった時間が取れないとか、疲れて集中できないとごまかすのは止めろ。新刊を「新しい」というだけの理由で読むな。積読は悪ではないが、自分への嘘であることを自覚せよ。「いま」読むためにどうしたらいいか考えろ。「本」にこだわらず読まずに済む方法（レジュメ、論文、Audible）を探せ。難解＆長大なら分割してルーティン化しろ。こちとら遊びで読書してるんだから、仕事

iOS SafariやAndroid Chromeの画面の高さいっぱいにヒーローイメージを表示するという表現は、よく見かけます。 高さをいっぱいに広げるのに100vhを使うと、不要なスクロールが発生し、意図通りに表示されません。 この問題を解決するために、特殊なCSSを使ったりJSを使ったりと、開発の現場では多くの苦労がありました。 本日（2022/11/30）リリースされたGoogle Chrome 108で対応したsvhを使えば、手軽に画面いっぱいのヒーローイメージを作れます。 Safari・Firefoxでは対応済み、Chromeと中身が同じEdgeは12/1週リリースの108で対応するので、全ブラウザで使える時代が来ます。もちろん、iOS・Androidも対応です。 本記事では、svhの使い方、同様に使えるようになったdvhやsvmaxなどの違い、従来の手法のデメリットをデモを交え

Google アナリティクス（以降「GA」）の利用停止が2023年6月末と残り9ヶ月をついにきりました。Googleは代替ツールとしてGoogle アナリティクス 4（以降「GA4」）を提供しており、多くの企業がGA4への移行を始めています。 support.google.com しかし「GA4は難しそう」であったり「今はまだGAが使えるから大丈夫」ということでGA4の移行を行っていないサイトも多いのではないでしょうか。3回シリーズとして、GA4の導入や設計など数多くの案件に携わっている株式会社HAPPY ANALYTICSの小川卓（id:ryuka01）がGA4に関しての連載を寄稿させていただくことになります。 全3回の内容は以下の通りとなります。 第1回：オウンドメディア担当者がGA4に移行するべき4つの理由 第2回：GA4を導入するための初期設定と活用するべきレポート 第3回：「オウ

リズムマシン「TR-808」を特集する『ノーナレ「808 Revolution」』が12月17日23:20からNHK総合で放送される。 1980年にローランドから発売された「TR-808」。当初は「全くリアルな音ではない」と「失敗作」の烙印を押されたが、開発者も想定しない「予想外の使い方」によってヒップホップ、R&B、ハウス、テクノ、ポップスなど世界中のアーティストに愛されるようになった。 番組では松武秀樹、Afrika Bambaataa、石野卓球、トリル・ダイナスティが「808伝説」を語るほか、「ミスター・キクモト」として知られる開発者の菊本忠男がテレビ初出演し、開発秘話やその音が持つ根源的な力を明かす。 番組音楽は渋谷慶一郎が担当。ほぼ全てを「TR-808」で制作したという。

Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up

NDLイメージバンクは国立国会図書館の電子展示会です。国立国会図書館の蔵書から、浮世絵、図書、雑誌などの様々なメディアに掲載された選りすぐりのイメージをお届けします。画像はすべて著作権保護期間を満了しています。

インターネット上にウェブサイトを開設すれば、趣味の情報を発信したり、世界中の人と交流したりできます。しかし、自前でサーバーを用意したり、ドメインを取得したりするのは非常に面倒なもの。かつて存在していたウェブサイト作成サービス「Geocities」にソックリな名前のサービス「Neocities」を見つけたので、実際にウェブサイトを作ってみました。 Neocities: Create your own free website! https://neocities.org/ 以下が、Neocitiesのトップ画面です。ウェブサイトを作るには、右側の登録フォームから会員登録します。 ユーザー名、興味があるトピック、パスワード、メールアドレスを入力し、人間であることを証明してから「Create My Site」をクリック。この時入力したユーザー名が、そのままウェブサイトのURLの一部となります。

はじめに 今回の記事では、プログラマーが学習・開発を円滑に進めるために知っておきたいOSSを紹介する。特に開発されているアプリケーションに焦点を当てて紹介する。今回の記事では、主に著者の得意分野や興味のある分野に絞って確認するべきGitHubリポジトリを紹介する。 紹介する分野は主に以下の通り。 Web Android Flutter 学習・開発でOSSを使うメリット プログラマーが学習・開発でOSSを使うメリットは以下の通り。 ソースコードを通して、開発したいアプリケーションの具体的なイメージや自分に足りないもの(必要な知識や言語等のスキル)を理解できる 自分が普段学習・開発で使っている言語の活用事例を確認できる アプリケーションの構造や開発フローを理解できる 確認が必須であるWebサイト OpenSourceAlternative.to 世界中のオープンソースのアプリケーション(特に有

「肉選び」で目指す味が変わる 昔からステーキはご馳走。焼き方についてはいろいろな流派（？）がありますが、実はそれ以前の「肉選び」でも目指す味は変わります。 日本国内で流通している肉は大きく「輸入牛」「国産牛」「和牛」の3種類。輸入牛は脂が少なく、あっさりした味。国産牛は脂の少ないものから多いものまでさまざまですが、基本的には輸入牛よりも脂が多く、和牛はさらにその上。 ちなみに1991年の牛肉の輸入自由化以降、消費の主流は輸入牛。安価な輸入牛と差別化をはかるため、和牛の脂は増えていった経緯があります。最近の人気は脂の少ない赤身肉ですが、それでもある程度の脂肪交雑がないと焼いたときに硬くなりがち。 牛の硬さは部位によっても変わってきます。牛は体が大きく、その体重を支えるためにスネやモモといった下側の筋肉が発達しているからです。餌を食べるために首肉もよく動かすのでやはり硬く、こういった部位は煮込

Webサイトやアプリでよく使用される各UIコンポーネントのさまざまな実装方法がまとめられたThe Component Galleryを紹介します。 コンポーネントは再利用可能な単一の部品として利用でき、実装するコードや名前の付け方など、Web制作者には非常に勉強になると思います。 The Component Gallery The Component Galleryの特徴 The Component Galleryの利用方法 各UIコンポーネントのまとめ The Component Galleryの特徴 The Component Galleryには、実際のデザインシステムで使用されているUIコンポーネントがまとめられています。フロントエンドのデベロッパーとして毎日経験する問題を解決するために作成されました。 The Component Gallery コンポーネントや要素に名前を付けるの

概要 フロント開発をするとき、レイアウトやアニメーション、その他CSS等の生成をしてくれるWebツールのまとめです。 使いやすそうなツールがあれば追記していく予定です。 ドキュメント類 何はともあれドキュメントは読む癖をつけて、正しい使い方ができるようになるのが良いでしょうということで mdn (Mozilla Developer Network の略) ウェブ標準ドキュメント 個人ブログやQiita内で「こう使うといい！」って書いてあってもその内容自体が間違っている可能性もあるので、より正確な情報を得るにはmdnを参照する Can I use ブラウザごとにCSSやjsの標準関数等が使用可能かどうか一覧表示してくれる ジェネレーター系 Interactive CSS Grid Generator Gridを使ったレイアウトをGUIで作り、コード生成できる そのレイアウトをもとにCodeP

DropboxがmacOS 12.3 Monterey以降のMacで、Finder表示はそのままに、コンテンツをオンラインのみにしてストレージ容量を節約できるファイル・オンデマンド機能をサポートした「Dropbox for Mac」のロールアウトを開始しています。詳細は以下から。 Drobpoxは現地時間2022年09月14日、同社のクラウドサービスDropboxのデスクトップクライアントをバージョン157.4.4801へアップデートし、「Dropbox for Mac」にもDropboxに保存したコンテンツをオンラインのみにして、ストレージ容量を節約できるファイル・オンデマンド機能を追加したと発表しています。 Features in this update: The ability to save hard drive space by making content online-onl

CSSの:has()疑似クラスが主要ブラウザでサポートされ、喜んでいる人も多いと思います。今まではJavaScriptを使用しなければできなかったことが、:has()疑似クラスを使用するとさまざまなセレクタを条件式のように記述できます。 たとえば、子に画像がある場合とない場合、子の数が奇数の場合と偶数の場合、セレクタを追加したり変更することなく指定できます。また、コンテンツやフォームなどにも便利な使い方がたくさんあります。 :has(): the family selector by Jhey Tompkins 下記は各ポイントを意訳したものです。 ※元サイト様のライセンスに基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。 先日リリースされたChrome 105, Edge 105で:has()疑似クラスはサポートされ、コンテナクエリ（@containe