Satoh_Dのブックマーク - はてなブックマーク

Electronでデスクトップを録画するアプリが簡単に作れました - なになれ

ElectronはAtomに使われていたり、VSCodeに使われていたりとPCネイティブなアプリを作るために最近よく使われているライブラリです。今まで使ったことがなかったので使ってみました。今回作ったアプリのリポジトリはこちらです。アプリ作成のポイントを紹介します。題材デスクトップのウィンドウやスクリーンを録画するアプリを作ります。作り方環境構築 Electronアプリを作るにあたってのテンプレートにはelectron-vueを使用します。導入 · electron-vue コマンド操作だけでElectron製のアプリを起動するところまで準備してくれます。デスクトップの録画処理 Electronに用意されているAPIであるdesktopCapturerを使用すると、ウィンドウやスクリーンの動画を取得することができます。 desktopCapturer | Electron

Satoh_D 2020/08/26

リンク

テキシコー | NHK for School

この番組は、思わず頭の中で手順を組み立て、先を予想したくなるような興味深い実験、手順の組み合わせを改善していく楽しさを伝えるアニメーション、さまざまな仕事や物の中にプログラミング的思考が活かされていることを伝えるコーナーなどで構成されています。番組の中では、実際にコンピューターを使ったプログラミングを体験するシーンは出てきません。コンピューターへの苦手意識やICT 環境を問わず、誰でも楽しくプログラミング的思考を育めます。コンピューターを使ったプログラミングへの導入としてはもちろん、実際のプログラミング体験をした後でも、活用できる番組です。

Satoh_D 2020/08/21

あとで読む

リンク

【保存版】「もうデザイナー用の最強チートシート作っちゃおうよ」と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新｜ryota_funakoshi

︻保存版︼﹁もうデザイナー用の最強チートシート作っちゃおうよ﹂と現役デザイナー4人で超便利サイト情報を集約してみた20211017更新こんにちはデザイナー社長の船越です！久々のnote投稿ですが、ツイッターを見ていてデザイナー初学者の人から﹁どこから画像を引っ張ってくればいいかわからない😭﹂﹁日々の情報収集どうすればいいの？🤔﹂という悩みをよく見かけます。そこでデザインオタクの僕が、普段見ているサイトや参考になる選りすぐりの情報を全部まとめました！デザイナーのクオリティと速度は引き出しで決まると僕は考えています。このまとめを見て皆さんの学習と仕事が少しでも捗るようになれば嬉しいです！たくさんのデザイナーさんの役に立つ記事にしたいため、﹁このツールも便利だよ！﹂というのがあればぜひコメントで教えてください！日々こちらは更新して行く予定なので困った時は是非参考にしてもらえると嬉し

Satoh_D 2020/08/21

チートシートとは

デザイン

リンク

無料で使える「住所マスターデータ」公開、表記統一や緯度経度への変換に活用可能　全国の町丁目レベル18万9540件の住所データを記録

Satoh_D 2020/08/20

リンク

ちょっとでもセキュリティに自信がないなら、 Firebase Authentication を検討しよう

note のやらかしのあのへんについて。認証自作、 Rails 、 Devise - Diary パーフェクト Rails 著者が解説する devise の現代的なユーザー認証のモデル構成について - joker1007’s diary 認証サーバーの実装は本質的に難しいです。セキュリティが絡むものは﹁簡単な実装﹂などなく、プロアマ個人法人問わず、個人情報を守るという点で、同じ水準を要求されます。悪意あるハッカーは常にカモを探していて、もし認証が破られた場合、自分だけではなく大多数に迷惑が掛かります。初心者だから免責されるといったこともありません。全員が同じ土俵に立たされています。とはいえ、認証基盤を作らないといろんなサービスが成立しません。そういうときにどうするか。 Firebase Authentication で、タイトルの件なんですが、 Firebase Authenticat

Satoh_D 2020/08/18

Firebase Authenticationだけ使うことできるのか知らなかった。認証周り面倒なのでこれ使えるなら積極的に使っていきたいところ

リンク

レバノンベイルートで大規模爆発 73人死亡 3700人けが | NHKニュース

中東・レバノンの首都ベイルートで4日、大規模な爆発があり、これまでに73人が死亡し、日本人1人を含む3700人がけがをしました。レバノン政府は、爆発があった倉庫には爆薬の原料にもなる硝酸アンモニウムがおよそ2750トン保管されていたことを明らかにし原因の究明を進めることにしています。現地のメディアはレバノンの公衆衛生相の話としてこれまでに73人が死亡し、3700人がけがをしたと伝えています。現地の日本大使館によりますと、ベイルート在住の日本人1人が割れたガラスで手足を切り、病院で手当てを受けましたが、けがの程度は軽いということです。レバノン政府はテレビを通じて発表を行い、爆発があった倉庫には、爆薬の原料にもなる硝酸アンモニウムおよそ2750トンが2014年から保管されていたことを明らかにしました。ただ、なぜ爆発が起きたのかはわかっておらず、今後、調査委員会を立ち上げて原因や責任の所

Satoh_D 2020/08/05

Twitterに上がっている動画見たけど2回目の爆発が半端なかった...

リンク

いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。｜Fritz | Lead Product Manager @ Mercari

いまこそ﹁良い仕様書﹂がチームの生産性の鍵となる。ので、仕様書に含めたい14のポイントについてまとめました。こんにちは、フリッツです。今回はプロダクトマネージャーの日課とも言える﹁仕様書﹂について。自分にとっては PM業の施策実行フェーズにおいて最も重要な仕事のひとつであり、最も心躍り、最も興奮する瞬間です。 PMになってかなりの時間が経ちましたが、﹁仕様書﹂への力の入れようは減るどころか、﹁もっと気合を入れなければ。﹂と感じる一方。在宅勤務が︵たぶん︶ IT業界のニュースタンダードとなっていくいま、なおさら﹁仕様書﹂の重要性を訴えたい今日この頃です。ということで、今回は・　良い仕様書がもたらす5つの効果・　仕様書の重要性が増していく2つの理由・　仕様書に含めたい14の項目・実戦編・　仕様書作成時に心に留めたい3つのこと・　具体的な仕様書サンプル︵

Satoh_D 2020/07/21

あとで読む

リンク

探しものがはかどる検索エンジンDuckDuckGo、NDC順Bangリスト

DuckDuckGo︵https://duckduckgo.com︶はプライバシーの保護に重きを置いている検索エンジンのひとつである。特筆すべきは、Bangという機能があって、探しものがとてもはかどる。たとえば﹁!a 図書館﹂︵ビックリマーク＋アルファベットのa＋スペース＋検索語︶と入力するとAmazonを検索してくれる。こんな風に﹁!＋何か﹂で特定のサイトのみの検索ができる機能がBangである。検索エンジンが使えなくなった︵クズみたいなサイトが上位に来て、欲しい情報が見つからない等︶と言われて久しいが、探すべきサイトにダイレクトで検索することで、この問題のかなりの部分が解決する。よく使いそうなのは!︵キーワード︶　最初の検索結果へ直接ジャンプ !i　イメージ検索 !m　地図検索 !n　ニュース検索 !v　動画検索 !w　ウィキペディア検索!pdf PDFファイルだけを検

Satoh_D 2020/07/14

名前は聞いたことあるけど使ったことはなかった。Bang便利そうね

リンク

GTMでGoogleアナリティクスのClient IDを取得する一番確実で楽な方法（2018年版）

GTM (Google Tag Manager) でGAのClient IDを取得する最新で確実な方法について。今までの問題点Cookieから取得する、Callbackで取得するなど、いろいろな方法がありましたが、新規訪問の最初の1ページ目で取得できない、無駄なイベントトラッキングが増える、GAのタグをそのままカスタムJavaScriptタグとして貼り付けるのでタグマネUIの便利機能を使えない、などの不便な点があり、イマイチな状況が続いていました。 2018年10月現在は、2017年にGA (analytics.js)に追加されたCustomTaskという機能を使うのが一番楽で確実です。 1. GA管理画面でカスタムディメンションを作るClient IDを格納するカスタムディメンションをGAの管理画面で作成しておきます。範囲はユーザーで。 2. GTMのカスタムJavaScript変

Satoh_D 2020/07/03

リンク

CSSの新しい疑似クラス:is()と:where() なんだこれ便利すぎる！

複数のセレクタを1つにまとめられる:is()、セレクタの詳細度を0にする:where()、CSSの新しい疑似クラスが、SafariとFirefoxで利用できるようになりました。そんな:is()と:where()の便利な使い方を紹介します。 CSS :is() and :where() are coming to browsers 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 :is()を使用すると、繰り返しを減らせる :where()を使用すると、詳細度を低くキープできる CSSの新しい疑似クラス「:is()」「:where()」がブラウザに登場 CSSの新しい疑似クラス「:is()」「:where()」が、Safari（Tech Preview 1

Satoh_D 2020/06/17

css

リンク

Laravel5.4でマルチ認証（userとadmin）を実装する方法

実装方法ユーザー側はLaravel通常の方法を利用し実装 adminsテーブルとAdminモデルの作成 auth.phpの編集と管理者ログイン画面のリダイレクト先追加ルーティングの設定コントローラーの設定ビューの設定 1. ユーザーはLaravel通常の方法を利用し実装 php artisan make:auth と php artisan migrate を実行する。 2. adminsテーブルとAdminモデルの作成 php artisan make:migration create_admins_table を実行してマイグレーションファイルを作り、以下のように編集。（今回はusersテーブルと同じカラム構造） <?php use Illuminate\Support\Facades\Schema; use Illuminate\Database\Schema\Bluepri

Satoh_D 2020/06/16

Laravel

リンク

Laravelでマルチ認証(マルチログイン)を実装する

環境 CentOS 7.4 PHP 7.2.7 MySQL 5.7.22 Apache 2.4.6 Laravel 5.5/5.6 今回は、ユーザーはuserテーブル、アドミンはadminテーブルを作成し、マルチログインの機能を作成していきます。 adminsテーブルとAdminモデルの作成まず、最初にadminsテーブルとAdminモデルを作成します。 php artisan make:migration create_admins_tableLaravelのルートディレクトリで上記のコマンドをうち、マイグレーションファイルを作成します。 [root@localhost migrations]# pwd /laravel_root_directory/database/migrations 上記の場所に作成された、マイグレーションファイルを編集します。今回は、usersテーブルと同

Satoh_D 2020/06/16

Laravel

リンク

Vue.jsのサイトジェネレータGridsomeが最高かもしれない - Sweet Escape

はじめに Gridsome どんな感じで動くのかやってみるデータソースとかもろもろ設定してみるビルドする Wordpressをデータソースに設定してみるまとめはじめに前回、Docker + Remote Containersを最高だと紹介したわけですが、今回はGridsomeを紹介します。そもそも前回のブログはこれを試すために環境を整備しなおそうとしたのがきっかけでした。なお、前回のブログはこちら。 www.keisuke69.net どこらへんが最高かっていうと全てのデータソースに対してGraphQLでアクセスできるようになるところ。これって最高じゃないですかね。ま、最終的には静的サイトとしてGenerateしてしまうわけですが。ちなみに、なぜ、今回Gridsomeを試そうと思ったかというと、最近聞いたとあるPodcastで紹介されてたからです。それだけ。 Gridsome

Satoh_D 2020/06/12

リンク

DockerとRemote Containersでの開発環境が最高過ぎる - Sweet Escape

この投稿がきっかけでソフトウェアデザインに寄稿しています。この投稿の加筆修正ですが、自分のパート以外にもVS Code全般の特集となってますので興味あるかたはぜひそちらも！ソフトウェアデザイン 2021年6月号作者:tsutsu,吉岩正樹,中村充志,西谷圭介,erukiti(佐々木俊介),結城洋志,上田隆一,八田昌三,サリチル酸,結城浩,山川正美,大串肇,松本直人,清水洋治,広田望,松田佳希,田中宗,中島明日香,くつなりょうすけ,高橋永成,金谷拓哉,佐藤雄飛,梶原直人,髙濱暢明,星川真麻,八木澤健人,けんちょん(大槻兼資),職業「戸倉彩」,森若和雄,大隈峻太郎,小野輝也,河野哲治,古川菜摘,石井将直,杉山貴章,Software Design編集部技術評論社Amazon はじめに Remote Containers Docke

Satoh_D 2020/06/05

リンク

経産省発の npm モジュール！住所や電話番号の正規化、ジオコーディングなどができる IMI コンポーネントツールを試した！

経産省発の npm モジュール！住所や電話番号の正規化、ジオコーディングなどができる IMI コンポーネントツールを試した！ Code for Japan の関さんが SNS でシェアしてて知ったのですが、経産省さんがなにやらオープンソースで住所や電話番号の正規化などなどをするツールを公開したとのこと。 https://info.gbiz.go.jp/tools/imi_tools/ 経産省が住所変換や法人種別名、電話番号の正規化に使えるIMIコンポーネントツールを公開しました。ソースコードも公開。README にも使い方が丁寧に書かれていました。https://t.co/fPbV00EgZP 素晴らしい動き。こういう... #NewsPicks https://t.co/bew0qGKMFE — Hal Seki (@hal_sk) May 28, 2020 ぶっちゃけ当初はあまり期待

Satoh_D 2020/05/29

よさそう

リンク

四川料理のスゴイ人が猛プッシュする「肉味噌ストック」を大量に作り置きして毎日の献立を天国にする方法 - メシ通 | ホットペッパーグルメ

INDEX ▽中華料理の基礎の基礎……﹁肉味噌﹂の作り方 ▽肉味噌レシピ①‥オカズにもおつまみにも最適な﹁肉味噌ニラ玉﹂ ▽肉味噌レシピ②‥シビれる辛さが刺激的な﹁麻辣肉味噌うどん﹂ ▽︻実食まかないメシ︼食べましょう ▽︻おまけ︼巨大な鍋で8キロの肉味噌を仕込む勇姿﹁肉味噌﹂を作りおきしておくと、ものすごく便利﹁四川料理のスゴい人﹂日本橋のリバヨンアタック料理長・人長良次︵ひとおさ・よしつぐ︶さんから、今回は﹁作りおきしておくとすご〜く便利な肉味噌のレシピ﹂を教わりました。 ──以前の麻婆豆腐の記事の時に作った﹁肉味噌﹂なんですけど。リンク貼りますね。 www.hotpepper.jp ──このときに﹁肉味噌をたくさん作って冷凍保存でストックしておいて、いろいろアレンジして使うのが良い﹂という話がありました。そのアレンジについて教えてほしいです。具体的には、家庭で誰でも簡単に作れる、

Satoh_D 2020/05/22

リンク

pythonで寿司打を自動化してみた - Qiita

概要こちら、寿司打のQ&Aの ※寿司打は個人のタイピングの練習や上達を応援するサイトです。それ以外の目的での使用や、外部ツールを使用した実験などは行わないでください。という箇所に違反しているというご指摘がありましたので、内容を削除させていただきました。利用規約違反になりますので、本記事や他の記事をご覧になっても真似をして自動化しないでください。ご迷惑をおかけいたしました。寿司打 WebGL版寿司打 Q&A 寿司打利用規約

Satoh_D 2020/05/15

思ってた自動化と違って全力で力技に振り切ってた

python

リンク

大幅にリニューアルされた Next.js のチュートリアルをどこよりも早く全編和訳しました - Qiita

数日前︵4/21頃︶に Next.js のチュートリアルが一新されました。 Next.js は3月頭に ver 9.3 がリリースされ、ビルド時に静的に HTML を生成する関数などが追加されるなど、今までよりもかなりパワフルになり、いわゆる JAMstack と呼ばれるようなアプリケーションを作りやすくなりました。そのバージョンアップに対応するかたちで、チュートリアルも大幅に書き直されました。参考︵開発チームの @chibicode さんのツイッター︶ Next.jsの公式チュートリアルを最新版に沿ってゼロから書き直しました! 🎓英語ですが初心者向けです!⚛️最近導入されたgetStaticProps等の関数や、 🎨CSS Modulesの解説をしています! 🗣ブログを作りながら学びます 🤗ご感想お待ちしております!https://t.co/R4j9vpAQoc — S

Satoh_D 2020/04/25

js
React

リンク

モンベル、防護服を無償提供へ　辰野会長「できることやる」｜共同通信

新型コロナウイルスに対応する医療従事者の身を守る防護服が枯渇する状況を受け、アウトドア用品大手﹁モンベル﹂︵大阪市西区︶がオリジナルの高品質な防護服を製作し、医療機関への無償提供を始めた。同社の辰野勇会長は﹁現場を守るためにうちができることをやる﹂と話している。辰野会長が通う住友病院︵大阪市北区︶から窮状を知らされたことがきっかけ。病院に赴き、現場の医師から直接レクチャーを受け自らミシンで縫製し、20日に5点の試作品を届けた。住友病院・感染制御部の林三千雄診療主任部長は﹁長時間のケアが必要な患者への対応に耐えうるものを作ってもらった﹂と謝意を表した。