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

多店舗展開するジムの会員入退室管理を材料費数万円で実現し、２４時間営業にした話

ジムの会員管理システムを作った僕に﹁エニタイムフィットネスみたいなことがしたい﹂とジムを家族経営するお客さんから相談された。﹁えっ！？会員管理を作ったついでにエニタイムフィットネスみたいな仕組みをやりたい！？予算は無い！？不正防止のため、入退室時の写真も撮りたい？！ログもとりたい！？﹂さすが筋トレに明け暮れてるオーナーさんの要望はマッチョだと思った。普通にやれば電子錠の仕組みや工事やらで一店舗あたり数百万から一千万掛かるような仕組みだろう。そんな予算無いみたいだし、既存の店舗をそんな大々的に工事もできない。そもそも自分にそんな工事の知識もない。結果Raspberrypiを使い、それを一店舗予算10万円代で実現、会員カードを他店舗と共有した24時間営業にできた。その詳しい技術的な内訳を共有する。︵なお執筆時点では２０２４年だが、これ自体は5年前、２０１９年の仕事である。︶前提

mthaichi 2024/07/14

リンク

石丸伸二氏の実父が、息子への批判に猛反論…！「悪いのはメディア」「うちのは全員頭がいいんじゃけぇ」（週刊現代） @gendai_biz

冷笑的な態度に批判が相次ぐ現職の小池百合子氏が3選を果たした東京都知事選挙で、大方の予想を覆して2位と大健闘した石丸伸二氏︵41歳︶。165万8363票を獲得して次点となった大躍進を称える声の一方で、7日の開票速報番組での受け答えや冷笑的な態度には、批判が相次いでいる。フジテレビの﹁Mr.サンデー“七夕決戦”都知事選SP﹂では、元乃木坂46の山崎怜奈が石丸氏の掲げた公約に国政レベルのものがあったと指摘した上で、石丸氏がこの先やりたい政治は﹁国政レベルなのか、都政レベルなのか﹂と質問した。これは国政進出も噂されている石丸氏に対する鋭い質問だったが、石丸氏は苦笑しながら﹁前提のくだりがまったく正しくない。︵小池氏の︶ゼロ公約と私が今回掲げた政策。全然、次元が違う﹂とバッサリ。山崎は﹁不勉強ですみません﹂などと食い下がったが、石丸氏は﹁見方が違うんじゃないでしょうか﹂と一蹴。山崎は出演後、

mthaichi 2024/07/12

メディアはこんなことするから余計嫌われるんやで。

リンク

ふかわりょう「石丸さん、サブウェイ注文できるかな」から始まる大喜利大会

取材不足 @shuzaibusoku7 安芸高田市で繰り返されてきた典型的な石丸マジックが日テレnewsという全国版で炸裂した。素晴らしい。古市﹁石丸さんが批判する政治屋と石丸さん自身はどう違うんですか？﹂石丸﹁なんか堂々巡りになってる気がするんですけど、先ほど定義についてお話しましたよね﹂ ※初めての質問なので堂々めぐりの要素はありません。古市﹁だから改めて定義を聞いてるんですけど、石丸さんの考える、批判する政治屋と、石丸さんが今自分が体現してる政治家っていうのはどう違うんですか？その定義を聞いてます﹂石丸﹁同じ質問を今繰り返しされてます？さっき答えたばっかりですけど﹂ ※石丸氏は政治屋の定義しか答えていません。古市﹁だからその定義を聞いてるんです﹂石丸﹁え？もう1回言えってことですか?﹂古市﹁いや、まだ答えてもらってないから聞いてるんです。石丸さんの批判する政治屋と・・﹂

mthaichi 2024/07/09

石丸氏支持ではないけど、この切り取り方だけ見て揶揄するのはおかしい。この前段にかなりのやりとりがあるわけで。

リンク

新人のためのインターネット&ネットワーク超入門2024

mthaichi 2024/07/08

リンク

Webサービス公開前のチェックリスト

個人的に「Webサービスの公開前チェックリスト」を作っていたのですが、けっこう育ってきたので公開します。このリストは、過去に自分がミスしたときや、情報収集する中で「明日は我が身…」と思ったときなどに個人的にメモしてきたものをまとめた内容になります。セキュリティ認証に関わるCookieの属性 HttpOnly属性が設定されていること XSSの緩和策 SameSite属性がLaxもしくはStrictになっていること主にCSRF対策のため。Laxの場合、GETリクエストで更新処理を行っているエンドポイントがないか合わせて確認 Secure属性が設定されていること HTTPS通信でのみCookieが送られるように Domain属性が適切に設定されていることサブドメインにもCookieが送られる設定の場合、他のサブドメインのサイトに脆弱性があるとそこからインシデントに繋がるリスクを理解してお

mthaichi 2024/07/04

リンク

「GitHub難しい!!」を30分で解決するサイトを共同開発しました🚀｜kazzyfrog

はじめに先日、初心者でも簡単に参加できる GitHub チュートリアル﹃First Contributions JA﹄を共同開発しました！振り返りも兼ねて、プロジェクトの背景や使用技術について、紹介していきます。 ▼ GitHub のリンク‥ なぜ First Contributions JA を構築したのか？さて、First Contributions JA には、次のような特徴があります‥ - React/ Next.js で構築されたWebサイト - 初心者向けのGitHubチュートリアル - オープンソースのプロジェクト上記を踏まえて、プロジェクトの経緯は、主に2つあります。︵技術スタックは、後で詳しく説明します︶ 1. JavaScript/ React 学習コミュニティで、共同開発を提案した！以前、﹁JavaScript/ React を学習するコミュニティを、期間限

mthaichi 2024/06/30

リンク

無料ダウンロードOK、おすすめのフリーフォント総まとめ

このメディアを運営している日本デザインスクールでは、毎月120名ほどの受講生にデザインの指導をおこなっています。 WEBデザインを教えている中でよくあがってくるのが﹁フォントって、奥が深すぎる……﹂﹁けっきょく、どのフォントを使えばいいかわからん…﹂という声。その気持ち、めちゃくちゃわかります。最近はCanvaなど無料のツールでも簡単にデザインが作れるようになりましたよね。デザインのテンプレートが使えてすごく便利ですが、フォントの選び方がわからず、何度も何度もフォントを変えていた経験が私にもあります。そこで今回は、プロのWEBデザイナーもよく使っているおすすめのフォントをジャンル別に33個まとめてみました。ほぼ全て無料︵※︶でダウンロードできるフリーフォントなので、気になるフォントがあればぜひ使ってみてくださいね。 ※第一章でお伝えしている﹁おすすめの見やすいフォント TOP

mthaichi 2024/06/19

リンク

麦茶作りにうんざりするって愚痴言ったら夫に笑われたので（あんなの大し..

麦茶作りにうんざりするって愚痴言ったら夫に笑われたので（あんなの大した手間じゃない的な）じゃゴミ出し代わるからお茶作りかわってと言った。半月も経ってないけど音を上げたわ。作っても作ってもすぐなくなる＞＜なくなってても教えてくれない＞＜（私は教えてるよ。何も言わないのは子供達）なくなってたら責められる＞＜誰もねぎらってくれない＞＜だってさ。交代前に私が言ってあなたが鼻で笑ったことだよね、と言ったらへこんでた。やっぱり代わってと言われたけど断った。これから夏だけどよろしくー。

mthaichi 2024/06/19

うちも2リットルペットネットで箱買い。

リンク

メール送信サービスのResendが日本でもまともに使えるようになったので紹介したい

API経由でメール送信をするためのサービスといえば、SendGrid, Amazon SES, Postmarkのような名前が出てくるかと思います。そんな中、弊社(トラストハブ)でも利用しているResendというサービスがとても使いやすいので紹介します。また、記事後半でResendを日本で使うにあたり重要なアップデートがあったので、どんな点が変わったかを紹介します。そもそもResendとはどんなサービスか Resendは後発サービスなだけあり、開発体験の良さに主眼が置かれて開発されています。テストでメールが送信できていることを確認する機能や、ログを確認する機能など、細かいところが使い勝手が良いなと感じています。 SDK・設定がシンプル公式でたくさんの言語のSDKが用意されています。また、フレームワークごとに組み込むためのドキュメントも充実しています。 Knowledge Baseを見

mthaichi 2024/06/19

あとで読む

リンク

2024年版「基本的なウェブアプリケーションを構築する」のチュートリアル手順まとめてみた[Amplify Gen2対応] | DevelopersIO

初めてAWSのサーバレスサービスを学習するときに利用できる「基本的なェブアプリケーションを構築する」の内容を2024年現在でも実行できる手順にしてみましたこんにちは、臼田です。みなさん、AWSのチュートリアル活用してますか？(挨拶今回はAWSの初心者向けハンズオンコンテンツである基本的なウェブアプリケーションを構築するを2024年の現在版の手順としてまとめてみました。このコンテンツはAWSのサーバレスなサービスを利用して、簡単にウェブアプリケーションを作成する体験ができるチュートリアルとなっており、登場するAWSの各サービスを理解するのにちょうどよい内容でした。しかし、リリースされてしばらく経っているのもあり、特に今回のAmplify Gen2リリースもあってだいぶ画面や操作方法などが変わってしまいました。実現できる事自体は変わらないので、現時点でこのチュートリアルを初心者でも完

mthaichi 2024/06/18

リンク

【ChatGPT】英語学習用に素敵な先生を錬成したよ！ - はげあたま.org

chatgpt.com 3行で英文アウトプット練習の優れた相手をGPTsで実装できたからストアに並べたよ！学習ツールとしての気持ちよさが自慢なのでまずは1回遊んでみてください！﹁英語だと中学生レベルの文章すら全然話せない﹂の克服ができる………と信じて、製作者自身が酷使しています何ができるの？和文による出題→英訳→添削→出題…のループです。体験の良さと自身のアウトプットカの弱さは触ってもらえばすぐに伝わるはずです。これ読む人の8割はブクマして満足するだけなんでしょうけど、これ以降を読むより先にまずは一度使ってみてください。最初にあるリンクへ飛ぶだけです。なお﹁完全無料！﹂と言いたいですが、ChatGPTへの課金が無いとすぐに制限が入るのが最大の難点です。特長を教えてジャンルや問題の難易度を適宜変更可能。激ムズ要求出したら絶望感がすごい…… 日本語混じりの英文や、かなりの意訳

mthaichi 2024/06/12

リンク

「言い方がキツイ人」は、いったい何を考えているのか。

﹁悪い人ではないんだろうけど、言葉選びが下手だなぁ﹂わたしはAさんに対して、ときおりこう思っていた。Aさんの考え方自体がおかしいわけではないのだが、なんだか癪に障る言い方が多いのだ。なぜこの人はこんなにも言葉選びが下手なんだろうと不思議だったが、最近その理由がわかった。彼は言葉選びが下手なんじゃない。単純に、﹁自分の言い分は正しいのだから、それを理解できない相手が悪い﹂と考えていたのだ。かつてのわたしのように。﹁言葉を選んで伝える﹂という発想がないAさんあるとき、数人で出身地の話をしていたときのこと。Bさんが、Aさんの出身地を勘違いをしていた。﹁Aさんって、沖縄出身だったよね？﹂﹁いや、ちがうけど﹂﹁あれ、沖縄って言ってたと思ったんだけどな﹂﹁いやいや、沖縄出身なんて一切言ってないし﹂﹁あー、ごめん。言ってたと思ったんだけど、だれかと勘違いしたのかも﹂﹁思い込み

mthaichi 2024/06/10

「この人は言い方がキツい人なんだな」と理解すれば十分なのに、なぜ注意して変えさせようとするんだろう。

リンク

ばんくしさんによる「ゼロから作る自作 Python Package Manager 入門」がほんとよい！写経を積みます - nikkie-ftnextの日記

積ん読宣言エントリです。ざっと一読した感想を述べています。目次目次エムスリーテックブック5（技術書典15）第6章「ゼロから作る自作 Python Package Manager 入門」組合せてパッケージマネージャー終わりに P.S. 最近のばんくしさんエムスリーテックブック5（技術書典15） 2023年11月に頒布されました第6章「ゼロから作る自作 Python Package Manager 入門」上記のエムスリーさんのエントリよりこの課題がどこから来ているのか、どのように解消されようとしているのか、そして開発者としてどのように貢献していけるのかを、実際にPackage Managerのlock、install、run、build、uploadのようなサブコマンドを実装して行くことで知っていく章になります。ばんくしさんには2023年10月のみんなのPython

mthaichi 2024/06/07

リンク

ド下手な俺が半日だけ絵を練習してみた｜shi3z

前回、絶望的な画力のなさでAIといえど俺の伝えたいことが伝えられなくて非常に困ったので、もうここは諦めて絵を勉強することにした。人間、何歳になっても勉強できる!職業柄、﹁図﹂はよく描くのだが、﹁絵﹂特に、メカではないキャラクターは苦手だった。学生時代、﹁漫画アニメーション研究会(まに研)﹂の幽霊部員だった時も、キャラクターが描けなかったので馴染めなった苦い記憶を持つ。しかし、時は大AI時代。 AIさんに思い通りの絵を描いてもらうには、俺だって最低限の画力が必要だということを前回痛感したため、このクソ忙しいのに半日だけ絵を練習した、という話。色々な本をKindleで買ってみたが、良かったのはこれ。 Kindleで買って感動して、DVD付きの書籍をわざわざもう一冊買い直すくらいハマった。これは、自主制作のアニメ制作から初めて絵を修行し、最終的にはスタジオジブリの入社試験に合格できるほ

mthaichi 2024/06/04

あとで読む

リンク

UIデザインで中央配置がずれてしまう理由と解決方法

UIデザインには、至る所に中央揃えが使用されます。しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか？ UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Probl em in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。はじめにフォントにおける中央揃え line-heightにおける中央揃えアイコンにおける中央揃えアイコンフォントにおける中央揃え中央配置がずれているのは、スキルの問題水平方向の中央揃え

mthaichi 2024/05/30

リンク

鉄道8社磁気付き近距離切符を「QRコード」に置き換えへ | NHK

鉄道を利用する際、長年、慣れ親しんできた磁気付きの切符。将来的な廃止を視野に、QRコードに順次、置き換わることになりました。 JR東日本など首都圏で運行する鉄道8社が29日、発表しました。 2026年度末から順次置き換え首都圏で運行する鉄道8社︵JR東日本、京成電鉄、京急電鉄、新京成電鉄、西武鉄道、東京モノレール、東武鉄道、北総鉄道︶は、裏面に磁気の付いた、改札機に投入するタイプの現在の切符を、近距離については将来的に、印字されたQRコードを改札機にかざすタイプのものに置き換えていく方針を発表しました。置き換えは、2年後の2026年度末から順次、実施していくとしています。磁気付きの切符は、金属を含むことからリサイクルが容易ではなく、置き換えによって環境への負荷を低減する狙いがあるほか、改札機に切符が詰まるなどの不具合の解消にもつながるとしています。一度、改札を通過したQRコード

mthaichi 2024/05/30

偽造はもちろんできんでしょ。QRコードを撮影して、メールで送ったものを別の誰かが使うなんてことはできるかも。コピーされても1回しか使えないようにすれば良いだけ。

リンク

無料で商用にも使える日本の郵便番号APIをリリースしました

jp-postal-code-api https://github.com/ttskch/jp-postal-code-api 日本の郵便番号から住所のデータを取得できるWeb APIです。 GitHub Pagesを使用して静的なJSONファイルとして配信しているため、可用性が高いのが特徴です。また、オープンソースなのでクライアントワークでも安心してご使用いただけます。もしリポジトリの永続性や GitHub Pagesの利用制限が心配な場合は、ご自由にフォークしてご利用ください。日本郵便によって公開されているデータを元に住所データのJSONファイルを生成して配信しています。JSONファイルには日本語表記・カナ表記・英語表記の住所データが含まれています。ただし、以下の注意事項があります。大口事業所個別番号の住所データは以下のように出力されます︵元データの内容がそうであるため︶

mthaichi 2024/05/28

リンク

【命名規則】BEMを使った書き方についてまとめてみた【CSS】 - Qiita

実務でCSSをガッツリ書くことになったので、復習の意を込めて自分用のチートシートを作成しました。今回は現場でよく使われているBEMの書き方について調べたことのまとめです。BEMとはBEMはBlock Element Modifierの略で、CSSを設計・命名していく手法です。 Block‥ 大枠となる独立した要素Element‥ Block中の要素 Modifier‥ BlockやElementのスタイル保守性の高さから1番多く使われている命名規則だと思います。BEMを使う目的BEMは名前の衝突を避けるために考案されたCSS設計です。保守性の高さを解決するための手法は他にもあり、HTMLはシンプルがな書き方が求められますが、まだまだ決定打に欠けています。BEMは見た目が汚いですが、シンプルを求めて面倒な目にあうよりは、少々汚くても扱いやすいBEMが多くの現場で採用されてい

mthaichi 2024/05/26

リンク

AI作曲「Suno」新バージョンがWAV高音質化、最長4分の曲を一発でエンディングまで完成。無修正で良曲量産可能に（CloseBox） | テクノエッジ TechnoEdge

このところUdioやSonautoの新機能搭載で押され気味だったAI作曲サービスの「Suno」が反撃に出ました。バージョン3.5のEarly Access版（有料プランユーザーのみに提供）を利用すると、これまでの2分間制限が最長4分まで拡大。延長時間も従来の1分を2分に伸ばしています。これだけの長さがあれば大抵のポピュラー曲はエンディングまでいけます。 4分の曲をUdioで生成しようとすると、8回の命令が必要になります。さらに、生成に要する時間はUdioの方がはるかに長くかかるので、全体としての作業時間には大きな差が生じます。それがSuno 3.5ならば数秒でできてしまうのです。また、Style of Musicのキーワードがサジェストされるようになっていて便利です。文字数制限は相変わらずきついですけど。さらにうれしいのは、日本語歌詞の読み方が、従来は間違いが多かったのが、ほぼ問題な