35歳のSEがゲーム実況者に嫉妬して自分の人生に泣いた
ゲーム実況のYouTubeを酒を飲みながら見ている。 仕事が忙しい自分の代わりに手軽にゲームを楽しめるし 一人ぼっちの空間が気にならなくなっていく。 ゲーム実況YouTuberは、多くの広告収入を得るが、生殺与奪の権はYouTubeに握られている、 芸能人のような、はたまた不安定なギャンブラーのような、別世界の人間たち。 そんな不安定な世界にに身を置く人々を遠い目で見ながら過ごしていた。 スマホには知らんYouTuberが売春で逮捕されたとニュースが流れていく。 それなりに忙しく中間管理職をしている、安定した会社員である自分とは、縁のない生き方だと画面越しに楽しんでいた。 しかし、ある日突然その心は打ち砕かれた。 とあるタイトルの実況を見てるうちに、フルコンというゲーム実況者を見つけた。 操作がうまく、落ち着いたトークが心地よい。登録者15万人くらいの中堅クラスの配信者ところだろうか。 い
HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css
棒グラフや折れ線グラフ、どうやって実装していますか？ Charts.cssなら簡単です。データをtableタグで実装し、CSSのクラスをtableに加えるだけで横棒グラフ、棒線グラフ、折れ線グラフ、エリアグラフなどを簡単に実装できるCSSのフレームワークを紹介します。 HTMLは普通の表組みなのでアクセシブル、グラフやチャートはレスポンシブにも完全対応した優れものです。 Charts.css Charts.css -GitHub Charts.cssの特徴 Charts.cssのデモ Charts.cssの使い方 Charts.cssの特徴 Charts.cssはtableで実装した表組みにシンプルなCSSのクラスを加えるだけで、さまざまなグラフやチャートを実装できるフレームワークです。カスタマイズも簡単で、ユーティリティのクラスも豊富に用意されています。 HTMLとCSSだけで実装 セマ
グーグル社員もやっている｢紙とペンだけ｣で心のモヤモヤを消す方法 たった5分でもやってみると大違い
心のモヤモヤを解消するには、なにをすればいいのか。エグゼクティブコーチの吉田典生氏は、「『ジャーナリング』という手法がおすすめだ。一定時間、あるテーマについて自由に書き続ける。まずは5分間、試してみてほしい」という——。 「一人で」「手軽に」自己と向き合える ワクチン接種の動きはあれど、しばらく続きそうなコロナ禍。「テレワークをしているが、集中力が途切れてしまう」「外出自粛で友達と会えずモヤモヤ」「漠然と将来が心配」……。そんな悩みを抱えている方に私がお勧めしたいのが、“ジャーナリング”です。 ジャーナリングとは、一定の時間、与えられたテーマについて頭に浮かんだことを紙に書き出し、それを読み返す（フィードバックする）ことで自己理解を深めるワークのことで、“書くマインドフルネス”とも呼ばれています。「テーマ」と「手を動かし続ける」という2つのことに注意を留め、意識が他のことにそれたことに気づ
【神パッケージ】 Riverpod の使い方【Flutter】｜Yota Ishikawa | AI
今回紹介する Riverpod は Flutter の状態管理パッケージです。Riverpod のおかげで僕の Flutter ライフは最高に快適になりました。紛れもない神パッケージです。今まで provider パッケージをフル活用してアプリを開発してきましたが、新しいアプリでは Riverpod パッケージを使っています。 Riverpod は Flutter でよく使われている provider パッケージを開発している人が、provider パッケージで問題のある部分を改良したものです。 2021年の11月に正式版（バージョン 1.0.0 )が公開されて、より安心して使えるようになりました。 Riverpod の実践的なアーキテクチャについては、こちらまで。 provider の問題点と Riverpod の解答 provider パッケージは充分に優れていて、正直そんなに困ること
Web制作者必見！ VS Codeのおすすめ機能拡張のまとめ、HTMLやCSSやJavaScriptのコードを書く時に便利
Visual Studio Code（以下、VS Code）が素晴らしいエディタである理由の一つは、デベロッパーの生産性を向上させるVS Codeの機能拡張の巨大なライブラリがあることです。 その中から、HTMLやCSSやJavaScriptのコードを書く時に便利なVS Codeの機能拡張を紹介します。 My 12 Favorite VSCode Extensions by Katherine Peterson 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 VS Codeとは VS Codeの機能拡張 VS Codeのおすすめ機能拡張 VS Codeとは VS Code(Visual Studio Code)は、Microsoftが提供する統合ツールを備えた強力で軽量なコードエディタです。MITライセンスで、商用でも完全に無料
数学が好きな人を好きな人のための数学基礎知識
数学が好きな人を好きになってしまった、もしくは好きな人が数学を好きになってしまったけれど、自分で数学勉強するのはちょっと…という人に向けた基礎知識をまとめました。 ちょくちょく私見が入りますので、数学大好きな人は広い心でご覧ください。 2021.1.24日曜数学会（オンライン）で発表させていただきました。 ＊動画：https://www.nicovideo.jp/watch/sm38215130 なお、参考までにボツバージョン（最初にまとめたスライド）も公開してます。内容はだいたい一緒です。 ＊数学が好きな人を好きな人のための数学入門：https://www.slideshare.net/nisei/ss-241775697Read less
ESLint, Prettier, VS Code, npm scripts の設定: 2021春
eslint-plugin-prettier 時代の設定をずっと使っていたので、重い腰を上げてアップデートした作業メモ。 背景 Prettier 公式ドキュメントによれば、現在 eslint-plugin-prettier は以下の問題があるとして推奨していない。 エディタが真っ赤になる（人間が気にする必要のない問題なのに！） 直接実行するより遅い（同様に prettier-eslint も遅い） ESLint と Prettier の間に間接レイヤーを追加するので、壊れやすい なるほど正しい。 一方、別々に実行することで以下のような問題も出てくるので、解決していく。 CLI とエディタを個別に設定する必要がある エディタで ESLint と Prettier の協調動作が必要 CLI (npm scripts) で ESLint と Prettier の対象ファイルが別管理になる 上記の
よく見かけるレイアウト・UIコンポーネント、それだけを実装するHTMLとCSSのシンプルなコードのまとめ
Webページやスマホアプリでよく見かけるレイアウト、ナビゲーション、UIコンポーネントなど、それだけを実装するHTMLとCSSのシンプルなコードをまとめたCSS Layoutを紹介します。 それだけを実装するため、HTMLとCSSのコードは非常にシンプル、カスタマイズも簡単だと思います。スニペットに登録しておくと、便利ですね。 CSS Layout CSS Layout -GitHub CSS Layoutの特徴 レイアウトやUIコンポーネントだけを実装するコード CSS Layoutの特徴 CSS Layoutは、よく使用されるレイアウトやUIコンポーネントだけを実装するためのHTMLとCSSのコードがまとめられたコレクションです。 MITライセンスで、商用プロジェクトでも無料で利用できます。 CSS Layout 依存関係は一切無し フレームワークは必要無し ピュアCSSで実装、CSS
JavaScriptのみ！3つのメソッドだけで手を検出可能な機械学習ライブラリ「Handtrack.js」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、JavaScriptで機械学習モデルを手軽に扱える便利なライブラリをご紹介します！ わずかなプログラムで静止画像やWebカメラからのリアルタイムな映像を解析して「手」を検出できるのが特徴です。JavaScriptライブラリを読み込むだけですぐに使えるので、HTMLファイル1つあればブラウザ上で実行できるのも魅力的です。 手の動きを利用したWebアプリを簡単に開発できるので、機械学習にご興味ある方はぜひ参考にしてみてください！ なおJavaScriptの基本は、paizaラーニングの「JavaScript入門編」で学ぶことができます。 【 Handtrack.js 】 ■「Handtrack.js」で実現できること 使い方を解説する前に、まずは「Handtrack.js」でどのようなことが実現できるのかサンプル例を見ていきましょう。 「H
線形代数とは？初心者にもわかりやすい解説 | HEADBOOST
「線形代数を簡単に理解できるようになりたい…」。そう思ったことはないでしょうか。当ページはまさにそのような人のためのものです。ここでは線形代数の基礎のすべてを、誰でもすぐに、そして直感的に理解できるように、文章だけでなく、以下のような幾何学きかがく的なアニメーションを豊富に使って解説しています。ぜひご覧になってみてください（音は出ませんので安心してご覧ください）。 いかがでしょうか。これから線形代数の基礎概念のすべてを、このようなアニメーションとともに解説していきます。 線形代数の参考書の多くは、難しい数式がたくさん出てきて、見るだけで挫折してしまいそうになります。しかし線形代数は本来とてもシンプルです。だからこそ、これだけ多くの分野で活用されています。そして、このシンプルな線形代数の概念の数々は、アニメーションで視覚的に確認することで、驚くほどすんなりと理解することができます。 実際のと
(追記あり)地味な資産運用で１億円を達成した
本日、金融資産合計の合計が1億円に到達しました。 34歳の時に資産運用を始めて、50歳で1億円に到達したというのは比較的早く達成できた方だとは思いますが、 特別面倒な手間も能力も必要とせず、ただコツコツと取り組んだ結果、 達成できたという実例を誰かに知ってほしくてこれまでやってきたことを紹介します。 属性地方公務員、男、妻あり、子なし。50歳、手取り500万位。 投資を始めたきっかけ34歳 ロバート・キヨサキの「金持ち父さん・貧乏父さん」に刺激され、証券口座を開設する。 30歳台後半35歳で金融資産約750万 個別株、中国株、FX、投資信託といろいろやってみる。FXでは50万を溶かしてしまう。 他の金融商品も損失こそないものの、仕事中も株価が気になり、日常生活への影響が大きいのでやめてしまう。 投資信託は積み立てをしながら引き続き保有。 この間にリーマンショックが来るが、種銭がまだ少ないの
どう書くんだっけ？ を一発解決！コピペ用コードスニペットを集めたオススメWebサイトまとめ
この記事では、コーディング作業で迷ったときに確認したいコードスニペットを集めた便利サイトをまとめて紹介しています。 ウェブ開発において、フロントエンドやデベロッパーが悩んでしまう問題の解決方法を知ることができるだけでなく、世界中の優秀なプログラマーの作成したコードを確認、実際に動かしながら学ぶことができます。 ちなみに、2020年に人気だったコードスニペットランキングがこちら。 2020年にCodepenで話題！コピペ可なHTMLスニペット ベスト100発表 どう書くんだっけ？ を一発解決！コードスニペットを集めたオススメWebサイトまとめ CoddMyUI Javascript、HTML、CSS、jQueryプラグイン、ウェブ開発にできるデザインスニペット1200個以上が揃ったサイト。ボタンやホバーリンク、テキストアニメーションなど細かくカテゴリ分けされているので、必要なパーツごとのコー
『理科系の作文技術』を久しぶりに読み返し、とにかく「6 はっきり言い切る姿勢」「7 事実と意見」だけは絶対にみんな読んだ方がよい、と思った - Magnolia Tech
理科系の作文技術（リフロー版） (中公新書) 作者:木下是雄発売日: 2016/10/14メディア: Kindle版 いまさら紹介するまでもないけど、とりあえず作文方法を学びたい時は、まずはこの「理科系の作文技術」を読むことをお勧めする。 最近ブログのエントリをざっと書いてそのまま公開してしまうことが多かったので、少し反省し、それを直すためにこの本を改めて読み直した。そうしたら、タイトルで全部言い切っているのだけど、とにかく「6 はっきり言い切る姿勢」「7 事実と意見」だけは絶対にみんな読んだ方がよい、と思った。 日常的にメールや、ブログの記事など、それなりの量の文章を書くことが多いけど、論文や雑誌の記事など、きちんと他人の目を通した上で公開される文章を書くことは、まずない。一度だけ、雑誌の記事原稿を書いたとき、自分なりにかなりの推敲を重ねたつもりでも、プロの編集の方から見れば言葉使いや、
【ネタバレあり】ドラゴン桜の非常識！？勉強法まとめ【30選】 – Study-Z
ドラゴン桜は2003年から連載開始、2005年にTVドラマ化され2007年に完結した漫画作品。 その後センター試験が「大学入学共通テスト」に変更となるなど時代の変化を反映するために、2018年から「ドラゴン桜2」が連載中となります。 受験シーンが盛り上がりを見せる中、なんとTBSにて「ドラゴン桜2」のドラマ化が決定！新型コロナウイルスにより放送延期があり、現段階では放送日はわからないものの、再び桜木建二を演じる主演の阿部寛さんの熱演を目にすることができる日は遠くないはず。 ドラマ化の前に、この記事を通じて「ドラゴン桜1」が世に送り出した勉強法をおさらいしてみてはいかがでしょうか。 科目別ではなく（ほぼ）ストーリー順にまとめています。また、東大受験・センター試験に特化した攻略法はここではあまり紹介していません。なるべく多くの人に共通して参考になりそうな勉強法を集めてみました。 時代が古い・ま
Google創業者が「アイデアに価値はない」と言い切るワケ | NEUT Magazine
Googleの創業者のラリー・ペイジは言う。 「アイデアに価値はない」。 これは、世の中を変えるポテンシャルのある人全てが感じていることだった。 「些細なきっかけ」は「貴重なきっかけ」 海に大量に捨てられているペットボトルなどのプラスチックのゴミ。プラスチックは自然へと分解できないため、環境を傷つけるとてもやっかいなものなのだ。このゴミ問題をなんとかしなくてはと立ち上がったのは、オランダの高校生ボイヤン・スラット。 彼が考え出したシステムは、海に巨大な「浮き」を設置し、プラスチックゴミをかき集めるというものである。メンテナンス費用は、回収したゴミをリサイクルに回すことによって賄うことが可能。コスト面の心配もない。 また、その浮きにはもちろんエンジンなども備えられていないため、生態系を傷つけることもないのだ。大変シンプルなつくりだが、これによって年間725万トンものゴミを回収できるという。
本当にはじめての人が読む財務諸表入門ービジネスサイクル図解｜DCFモンスター
はじめまして、DCF Masterです。Twitterアカウントはこちら。 今日は「企業の活動記録としての財務三表」の正しい知識をもっていただくためのnoteを書いてみようと思います。 これから株を始めるかたももちろん、個別銘柄からその財務内容に興味を持たれた方、会計を勉強されている方などにもお役に立てば幸いです。 ・PL/BS/CFって複雑に絡み合っててややこしい ・利益率10％とROE10％はどう違う？ ・営業利益と営業CFって何が違うの？ ・本を買っても頭に残らない っていう方に向けて書きます。これらは私が若かったころに悩んだことです。本を読んで分かった気になっても、なかなか現実のケースに適用することは難しいです。それはなぜか。 世の中の解説本は、財務諸表の仕組みにフォーカスしています。実はそれはむしろ玄人むけのモノで、いわゆる辞書なんです。辞書をよんでも知識は増えません。実際に言葉
フロントエンドコーディング時に便利なジェネレーターサイト（随時更新） - Qiita
更新履歴 追加 2024/04/01 「Epic Easing」を掲載しました 2024/03/07 「Filter Blend」を掲載しました 2024/03/04 「Tooltips & Speech Bubbles」を掲載しました 2023 2023/07/04 「CSS Box Shadows Generator」を掲載しました 2023/06/29 「Regulex」を掲載しました 2023/04/05 「Colorable」を掲載しました 2023/03/09 「Scrollbar.app」を掲載しました 2022 2022/10/04 「CSS Shadow Palette Generator」を掲載しました 2022/09/07 「Wayback Machine」を掲載しました 2022/05/31 「Min-Max-Value Interpolation」を掲載しました
画像に素早くモザイクやぼかし、黒塗りを入れられるユーティリティ「Redacted for Mac」が無料に。
画像に素早くモザイクやぼかし、黒塗りを入れられるユーティリティ「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以上となっており、編集した画像
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
子供を「予告」で寝かせる技術が、我々大人にも使えるスキルだった件
【図解で詳しく説明】前年と違うよ！ 税制改正された令和2年分「源泉徴収票」の見方 
