今回は前回のスマートリモコンに続き、2回目のIoTデバイス制作です。玄関モニター兼防犯カメラを作ってみました。作成難易度はスマートリモコンよりも簡単ですので皆さんも是非作ってみてください! 玄関モニター兼防犯カメラを作ろうと思ったきっかけはRaspberryPiにカメラを接続してなんかやりたい(漠然)と思ったからで、色々調べていたらUSBカメラを使えばRaspberryPiに安くかつ簡単に接続できるとのこと。 ということで、さっそくUSBカメラを即買いし、あったらいいなと思っていた玄関モニター兼防犯カメラを作ってみました! ラズパイのカメラモジュールは高いイメージがあったので、今回は1300円ほどのLogicoolのUSBカメラを購入しました。 (調べてみたところラズパイのカメラモジュールなら1000円以下で買えるようです。また、ラズパイにはもともと静止画をや動画を撮るコマンドがインストー
ssh-agent のように daemon として起動し秘密の情報を保持しつつ別プロセスと通信するようなプログラムを書きたくて、ssh-agent はどう実装しているのかざっくり調べた。 https://github.com/openssh/openssh-portable 通信方法 これは普通に ssh-agent を使っていてもすぐ気付くことだけど、ssh-agent は UNIX domain socket を使って通信している。 eval $(ssh-agent) のように実行すると SSH_AUTH_SOCK と SSH_AGENT_PID の2つの環境変数がセットされ、SSH_AUTH_SOCK は UNIX domain socket のパスを、SSH_AGENT_PID は daemon 化した ssh-agent の pid を指している。 SSH_AUTH_SOCK は
Twitterでこういう発言を見かけまして Tailwind CSSはデザインに凝ってるサイトでは使えない こだわりが無い場合に向いている は?何いってんの? って思ったので、自分がいろいろ試した結果、Tailwind CSSを選んだ話を書きます。 はじめに 以前、Tailwind CSSは結構いいぞって話を書いたんですが、この記事の立ち位置的にはその続きみたいなものなので、以下の記事を始めにご参照いただけるとより分かりやすいかもしれないです。 この記事では、前回記事を書いた後、個人仕事でWebサイトをGatsbyで作り、その中で、どうやってCSSを書くのが良いのか模索した結果、自分はこれを選んだっていうのを、同じUIを色々な方法で書き比べたコードを並べつつ、どうのこうの筆者の考えを述べていきます。 その仕事はほとんど筆者が「まかせてくださいよーいい感じに作りますよー。デザインそろってない
この記事で紹介した手順をライブラリ化して公開しました🎉 こちらの別記事 で使い方など詳しくご紹介していますので、ぜひご参照ください! 2024/05/07 追記 最新の登壇スライドバージョンはこちらです。 登壇時の様子がYouTubeに上がっているのでよろしければあわせてご覧ください。 はじめに 言い切りタイトルすみません 僕を含む一定数の人にとって現時点でのベストプラクティスとなりうる手法という意味で紹介しています 極めてシビアな帳票出力の世界にいる人から見ると使い物にならない内容かもしれないと思います 帳票印刷の世界では SVF というサービスが有名らしいです。が、こういった外部サービスは使わずに自力で実装するというのがこの記事の前提です 動的に明細行の数が増減する連票はこの記事の解説では考慮していませんが、追加で実装するのはそれほど難しくないということは読んでいただければ分かるかな
卒業証書 2021年4月にプログラミングスクールのWebデザイナー向けプログラミングコースを卒業しました。 受講していたのはRailsプログラマーコースだったのを、途中からメンターさんに相談してWebデザイナー向けにカリキュラム内容をカスタマイズしてもらって、受講してました。 受講していたスクールでははじめての試みだったということで、同じデザイナーの人でプログラミング勉強したいと考えている人向けに記事を残すことにしました。 プログラミングを勉強しようと思った経緯は以前投稿した記事に書いているので、そちらを参照してください。 ksmxxxxxx.hatenablog.com スクールでやったこと 通っていたのはフィヨルドブートキャンプというプログラミングスクールになります。 実際に進めたカリキュラムは以下になります。 Linuxの基本 Terminal Debianをインストール ファイル操
Develop locally in JavaScript or TypeScript, deploy in seconds globally and scale to billions of requests.
追加の記事を作成しました。 ※ 混乱させるかもしれないので一応、ところどころamplifyって出てきますが、apiの作成にamplify使っているだけで、デプロイとかにはホスティングにはamplify使ってないので。わかりにくくてすみません。 ※現状では、bucketRegionを指定すると、エラーになってしまいます。 https://github.com/serverless-nextjs/serverless-next.js/issues/1111 解決済み serverless-next.jsでISRに対応したNext.jsをデプロイのサポートが!ついに! つい先日こちらのプルリクがマージされてました。 まだα版ではありますが。 ということで、やってみました! 結論躓くことなくうまくいきました! Vercel使わずにも生きていけるかも! 実際に試した構成 serverless-nex
ユーザーにテンプレートエンジンを提供する際、さまざまなテンプレートエンジンがありますが、その中に React コンポーネントを組み込みたい場合(ex: <FollowButton> のようなものがあって、それを呼び出すとフォローする)、いくらかのハックが必要になったり、カスタムコンポーネントを用意したりと様々な工夫が必要になります。 結局テンプレートというよりサイトスタイルを提供したいだけだし……ということであれば、 JSX を書いてもらってそのままそれが動けばいいのにな……と思ったので、 JSX をそのまま動かす仕組みを作りました。毎夜ちまちま作り続け、土日を経てそれなりの完成度になったので v1.0.0 で公開したし、ということでお披露目です。 React JSX Renderer React JSX Renderer(以後 RJR)は JSX を解釈して React Node として
The shortcomings of building based on the default node image are as follows: Docker image builds are inconsistent. Just like we’re using lockfiles to get a deterministic npm install behavior every time we install npm packages, we’d also like to get deterministic docker image builds. If we build the image from node—which effectively means the node:latest tag—then every build will pull a newly built
要約 現在最新のGoogle Chormeで10080番ポートが使用できなくなった Firefoxではすでにブロック済み NAT Slipstreaming v2攻撃への対応のため ブラウザからアクセスするサーバを建てる場合は10080以外のポートにするべき 回避方法は一応ある Chrome 91以降は10080番ポートがブロックされる Google Chormeの91 (2021/05/25 リリース)から10080番ポートへのサーバに接続できなくなります。 例えば Google Chrome 90だと以下のように10080番のポートを受け付けるサーバにアクセスできますが、91以降だとアクセスできなくなります % python -m http.server 10080 Serving HTTP on 0.0.0.0 port 10080 (http://0.0.0.0:10080/) .
1980年代当時、尾崎豊を愛聴していた人間の大部分が、本当に盗んだバイクで走ったり、校舎のガラスを割る不良だったわけではない むしろ、不良っぽいノリに憧れつつ実行できない良い子ちゃんがこっそり聴いていたという面もあった 今となっては、ネット上ではみんな不良ヤンキーDQNをバカにする 自分も不良ヤンキーDQNを擁護する気はない、いっさい無い だがしかし、単純に「そういう事実があった」という客観的傍証で言えば 1980年代当時、学校秩序に順応してるだけのよい子にとって不良は「大人」に見えた そしてそれゆえ、悔しいが世間からは格好良い連中であるかのように思われた なぜか? 不良は「学校の外の世界」とつながっていたからだ 中卒や高校中退で働いている不良は自分で働いて稼いだ金でバイクや車を買って 徒歩や自転車では行けないような距離の場所に自由に移動できた 自動車なんて動く個室だもんね、その中に異性を
You’ve built your Next.js site and now you want to put it online for the world to see. Which platform is the best to host it? In this article, I’ll describe Next.js specifics when it comes to deploying and hosting, introduce the four most common steps in publishing a Jamstack website, and use them to compare the four most popular hosting providers. Next.js specifics in deployment Next.js is a Java
どうもこんにちは、しんざきです。 字が汚過ぎて、連絡帳にメッセージを書いた時「これは本当に親御さんが書いたの…?」と先生に疑われるという実績を、長男、長女、次女の3人分解除しています。誠に申し訳ありません。 ほんのちょっとしたことなんですが、育児で心に残ることがあったので書かせてください。 特に一般化する意図はないです。 しんざき家では、おおむね長男と長女が母親似、次女が父親似であると認識されておりまして、次女と私には性格やら得意分野やら色んな共通点があるのですが、大きめな相違点として「次女は非常に負けず嫌いで、かつちょっと完璧主義なところがある」というものがあります。 私は「いい加減」と「おおざっぱ」が悪魔合体して服着て歩いてるみたいな性質なので、この点だけははっきり違います。 私はいつも「勉強は間違える為にやるんだよ」「間違えれば間違える程パワーアップ出来るから、間違えた方がお得だよ」
POV撮影あなたの世界を 手ぶらで撮影。撮影するのに面倒な準備はもう必要ありません。 GO 2を磁気ペンダントでシャツに固定して、録画ボタンを押して撮影するだけ。 誰でも簡単に使用できます。 FlowState 手ブレ補正バターのような 滑らかさ。百聞は一見に如かず。 FlowState手ブレ補正は映像のブレを抑えて水平を一定に保ちます。 揺らしたりぶつかったり転がったりしても大丈夫です。
先日 import.meta について調査して人に話す機会があり HTML(Web) と Node.js の各ホストの import.meta がどのようなオブジェクトを返すのかを調査していた。そのときは、「HTML でも Node.js でも import.meta.url だけが生えていて〜〜」という話をしてしまった。 後になって知ったのだが、Node.js には import.meta.url 以外にも import.meta.resolve というプロパティが実装されている。 この記事では Node.js に実装されている import.meta.resolve について解説する。 なお、import.meta.url はまだ Stability 1 の API なので、今後仕様が変わる可能性があることに注意してほしい。 import.meta について まず import.met
どうしてこうなった。 何の話? WindowsでのSSH-AGENTとSSHの話です。 この記事での用語: SSHとssh, SSH-AGENTとssh-agent この記事では、SSH-AGENTと書いたときにはカテゴリとしてのSSHエージェントを意味します。 ssh-agentと書いたときには、実行プログラムとしてのssh-agentコマンドを意味します。 同様に、SSHと書いたときにはカテゴリとしてのSSHクライアントを意味します。 sshと書いたときには、実行プログラムとしてのsshコマンドを意味します。 SSH-AGENTって? SSH-AGENTは、秘密鍵での署名を代行1してくれるツールです。 SSH-AGENT に秘密鍵をロードしてしまえば、あとはパスワード(パスフレーズ)入力なしでSSH認証できる agent forward機能を使うことで、SSHした先でさらにSSHすると
I have user access (no root) into a Linux (Suse) machine where I developed some bash scripts and the corresponding bash autocompletion rules. Since the scripts belong only to my user and therefore I need the complete rules only "active" for me (a part from the fact that I have no root write acces), placing my bash_completion script into /etc/bash_completion.d/ folder is not an option. At the momen
過剰すぎる装備でも、脆弱な装備でも、この国の自然を快適に楽しむことはできない。 ベルグテックEXは、日本の登山やトレッキングで遭遇する降雨量や湿度などの気象条件に必要十分な性能を搭載。 アウトドアを愛するすべての人々のスタンダードをめざした高品質なレインウエアです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く