みなさんこんにちは佐々木です。 Raspberry Pi 400と手ごろな液晶があればラップトップコンピュータを自作したいと思うのは仕方がないと思いませんか?私はそう思います。そう仕方がないのです。。
![Raspberry Pi 400を使ってラップトップコンピュータを自作したい](https://cdn-ak-scissors.b.st-hatena.com/image/square/291bc6095860d6b064fb0d606b96658e8b6b2e16/height=288;version=1;width=512/https%3A%2F%2Fmag.switch-science.com%2Fwp-content%2Fuploads%2F2022%2F05%2FIMG_3249-1.jpg)
みなさんこんにちは佐々木です。 Raspberry Pi 400と手ごろな液晶があればラップトップコンピュータを自作したいと思うのは仕方がないと思いませんか?私はそう思います。そう仕方がないのです。。
サマリ DNSリバインディングが最近注目されている。Google Chromeは最近になってローカルネットワークへのアクセス制限機能を追加しており、その目的の一つがDNSリバインディング対策になっている。Googleが提供するWiFiルータGoogle Nest WiFiはデフォルトでDNSリバインディング対策機能が有効になっている。 DNSリバインディング対策は、攻撃対象アプリケーションで行うべきものであるが、ブラウザ、PROXYサーバー、リゾルバ等でも保護機能が組み込まれている。本稿ではそれら対策機能の状況と対策の考え方について説明する。 DNSリバインディング(DNS Rebinding)とは DNSリバインディングはDNS問い合わせの時間差を利用した攻撃です。DNSのTTL(キャッシュ有効期間)を極めて短くした上で、1回目と2回目の問い合わせ結果を変えることにより、IPアドレスのチ
» イタリア人が推奨する「わさびパスタ」がウマすぎる! 騙されたと思って真似してみろ!! ウソみたいにウマいぞ! 特集 大の甘党の私(佐藤)は辛いモノがダメだ。「旨辛い」の感覚が全然わからない。辛いは辛い、旨いは旨いのはず。辛いと旨いは同居できないと思っている。過剰な辛味で体調を崩すことさえあるくらいダメなんだ。 そんな私は、最近イタリア人通訳の方が紹介していたパスタレシピに衝撃を受けてしまった。その方によると、オリーブオイルとわさびの相性はよく、これらをパスタに混ぜるだけで激ウマになるというのだ。 え? わさびをパスタに!? ウソでしょ! と思いながら、実践してみたらマジでウマくてびっくらこいたよ! ・パスタにわさび!? このレシピを紹介しているのは、イタリア・ピエモンテ出身のイタリア人通訳のマッシ(マッシミリアーノ・スガイ @massi3112 )さんだ。彼はイタリアはもちろん日本の食
夜行というのはなんだか不穏な響きがある。これは、寝て起きたら、全く知らないところに突然放り出されるということに起因するのではないかと思う。 赤い車体がなおのこと怪しい印象を強める寝台列車、サンライズ瀬戸に乗り込んだ。東京から高松へと向かう便である。ライトに照らされた細い通路が奥へ奥へとと続いている。入り口すぐのところが、どうやら僕の部屋であるらしかった。 乗車前日、ビールについていろんな作家が何事かを書いている本を読んでいた。パラパラページをめくっていると、恩田陸の文章に目をひかれた。何やらその文章を読んでいると、旅先の列車の中で飲むビールに勝る幸福はない、その際、ただの紙コップで飲み始めるなどというのは、旅情を解さない者のやることで、ちょっと気の利いた酒器のひとつでも持ち込んでいるのであれば、その幸福は一段も二段も高まるものなのであると、自信ありげに書かれていたのだ。 旅行も好きで、酒も
コマンドラインから画面キャプチャーを実行して PNG形式で保存する 画面キャプチャー(スクリーンショットとも)は、ソフトウェアのドキュメント作成やメモ代わりにすることが多い。こうしたとき、コマンドラインから画面キャプチャーをしたくなることがあるが、残念ながら、Windowsには直接可能なコマンドは用意されていない。しかし、PowerShellを使えば、まったく不可能というわけではない。 まず画面が1つだけ、マルチディスプレイではない環境で、デスクトップ全体の画面キャプチャーをする方法を考える。 最初に、PowerShellでSystem.Windows.FormsとSystem.Drawingクラスを使えるように以下のコマンドを実行しておく。PowerShellのウィンドウを閉じるまでに1回だけ実行しておけばよい。複数のキャプチャー方式を解説するが、どの方法でも、このAdd-Typeコマン
いざという時に使える13のHTML&CSS Tips集Update2023.05.12Release2023.04.13Coding HatenaにシェアするTwitterにツイートするPocketにストックするFeedlyに登録する いざという時のために覚えておくと便利なHTML&CSSのTipsを13個紹介します。何かで困った時に読み返してみてください。何かでお役にたてると思います。 テキストの円形回り込み See the Pen shape-outside by Kobayashi (@Pulp_Kobayashi) on CodePen. 円形の画像の縁に沿ってテキストを回り込ませるCSS Tips。実際には画像の縁を判定して回り込んでいるのではなく、shape-outsideプロパティを使用し、circle(50%)を指定することで、要素の回り込みの形状を円形にしています。 CS
はじめに JavaScript の「非同期処理」ってやっぱりかなり難しくないですか? 自分も色々試行錯誤しましたが、結局「完全に理解した🤓」→「やっぱり何も分からん😭」っていうループの中で泥臭く理解を深めていくしかないようです。 さて、非同期処理の制御をある程度予測できるようになるには、非同期 API を提供する環境のことやイベントループ、マイクロタスクなどの仕組みについて理解する必要があります。 そして環境に埋め込まれた JavaScript Engine のことも理解する必要があります。 今回の記事では、JavaScript Engine の1つである V8 が内部で変換するコードから async/await の挙動を理解するための解説を試みたいと思います。V8 エンジンからアプローチすることで async/await の分かりづらい挙動を掌握して非同期処理を打倒します。 今回の記
三行でまとめると シグナルハンドラ内でprintf()してはいけない というより、余計な処理を書いてはいけない もう一度言う、シグナルハンドラで余計なことをするな、非常に大事なことだ はじめに シグナルハンドラでやってよい処理は非常に限られるのに、全くルールを守らないサンプルコードが世の中に大量に出回っている。printf()するなんてもってのほかなのだが、カジュアルにそこらじゅうで見かけて非常に悲しい。 この記事では、そんな状況を少しでも改善したいと思い初心者向きに書いたものだ。そのため、下記では、回避するにはどう実装すればよいのか、ルールを破るとどうなるのか、といった点を先に簡潔に記述する。 なぜしてはいけないのか、POSIXだとかリエントラントだとか、は下の方に追いやっている。玄人は読んでてウズウズするだろうが、細かい話はできるだけ目につかないような構成としたため了解いただきたい。
2021年秋ごろ、副業のような形で Next.js による新規フロントエンド開発のお手伝いをさせていただくことになりました。プライベートの空き時間でフロントエンドの学習をし、今はひとまず開発できるようになってきた気がするので、これまで学んできたことをご紹介します。 基本の TypeScript, React, Next.js だけでなく、GraphQL の周辺ツールやテストについても学習しました。 これまで 当時、Web 系の受託開発会社にて主に Ruby on Rails でバックエンドの開発をしていました。TypeScript, React は学生の頃から趣味で書いていました。 テストは、Rails での開発なら RSpec や Capybara で書いていましたが、JS ではほぼやったことがありませんでした。GraphQL は全くの未経験でした。 やったこと React チュートリア
はじめに inspired mogaさんのブラウザで動くサービスを作るときの技術選定が素晴らしい記事だったので、自分も書いてみる事にしました。 幸いにも技術選定からのお仕事をする機会が多くて、自分の中でパターンが大体決まってきているので言語化してみます。前提が同じサービスは無いので絶対的な正解は無いですが、なんかしらの参考になれば幸いです。 ※2022/02時点 私/よくあるお仕事について Web系のサービスなんかいい感じにするマンとして、フリーランスとして働いています。 準委任という形でスタートアップ企業をお手伝いする事が多いです。 MVPを作りたい、もしくはMVPは行けたのでちゃんと作り直したい、という要望があって参画して、まるっと作ってそのまま運用をします。作って終わりではなくて、運用や拡張性を考えてやってます(サービスに必要なのはもちろん、運用する自分が楽だから)。 前提 エンジニ
今最もアツいデジタルノートアプリと言えば、NotionとObsidianでしょう。となると、当然ながらこんな疑問を持つ方も多いはず。 NotionとObsidianって結局、どっちがいいの?しかし注意しておきたいのは、この2つが『実際は全くの別物である』ということ。 どれくらい違うかって? それはもう「アスカと綾波くらい違う」と言うしかありません。 今回はNotionとObsidianの対照的な違いとその棲み分けについて、好対照なキャラクター2人の議論を通じて比較しましょう。 (エヴァンゲリオンをご存じない方には地獄のような時間が始まります。予めご了承ください) Notionは即戦力、Obsidianはユーザー次第Notion「いいわね。最初からフル稼働、最大戦速でいくわよ」プラグインがどうたらこうたら、面倒なことする必要無いの。 Notionは起動した瞬間、何もかも揃ってんだから! 新し
目次 目次 0. 自己紹介 1. 局所性ジストニアとは 2. 症状(経緯) 3. 原因 4. まとめ 0. 自己紹介 しがない音ゲーマーです。ゲームセンターに設置されている音楽ゲームを10年ほどやっています。(もう10年もやってるんだ・・・) 主にやった音ゲー(時系列) Project DIVA Arcade(2011年〜) SOUND VOLTEX(2012年〜) beatmaniaIIDX(2013年〜) MUSECA(2016年〜) 現在はbeatmaniaIIDXを中心にプレーしています。 自信があるリザルト↓(隙自語) mosaic1個やらかした……………… pic.twitter.com/2KwM0eMuNC — て (@t_cha_n) 2021年10月20日 1. 局所性ジストニアとは まず今回の話をするにあたって、局所性ジストニアについて記載します。 www.twmu.a
最近以下のような記事で個人開発のコストの話をよく見かけて、ちょうど自分も個人サービスをコストカットのためにVPSからほぼ無料なスタックに移行していたので構成とかを書いてみる。 前提としてはこんな感じ。 仲間内で使ってるだけのWebアプリケーション。月イチくらいしか使わない 技術スタックは技術的な実験とか学習を兼ねているので多少オーバースペックになるのはいい お金はなるべくかけたくない 移行前のスタック フロントエンドはNuxt.js、Netlify バックエンドはRailsでgRPC、envoyを噛ませてフロントエンドからはgRPC-Webで呼んでる VPS上にバックエンドのアプリケーションとDB(postgres)を動かしてる バックエンドは普通のRailsアプリにしてHerokuにするのが一番楽でお金もかからないんだけど、gRPC-Webを試してみたくて、そうするとproxyが必要にな
インターネット、スマホの普及以降、誰もが手軽に「検索」ができるようになった今、知らないことがあると、私たちは反射的に「ググる」。しかし本当に「知りたいこと」はその先にいつもあるのだろうか。時として、検索では探せないオルタナティブな世界や発見が潜んでいるのではないか。発明や新技術から未来社会を妄想する。図書館司書に相談する、など、「検索では探せない」学びを教えてもらった。 情報×図書館学 ガイド:小林昌樹(図書館情報学研究者) 「胃カメラを開発したお医者さんをモデルにした小説はありますか」「2つの絵を見比べて探す“間違い探し”はいつ誰が考案したのでしょう」 図書館のレファレンスサービスには、さまざまな質問が集まる。館内の資料をもとに司書が利用者の調べ物に必要とされる資料探しを手助けするのがその役割だ。 現場で受ける質問が担当する司書の得意分野であるとは限らない。ゆえに逆説的だが「調べ方」のノ
数年ぶりにChrome拡張のつくりかたを調べた。 本当に何も分からなかったので、Twitterで「2022年にChrome拡張つくりたかったら何見て学べばいい?」とつぶやいてみたところ、何人かの人が教えてくれた。教えてもらった中から幾つかのリンク先を紹介するような形で記述していく。 Create a Vite-React Chrome Extension in 90 seconds - DEV Community 2022年時点だと比較的新しめのフロントエンド向けツールであるviteと、viteのChrome拡張向けプラグインである@crxjs/vite-pluginを使ってChrome拡張をつくってみよう、という記事。今回自分は主にこれを参考にしながら開発を進めた。Reactと言っているが、自分のChrome拡張ではUIは存在しなかったので、Reactに関する部分は読み飛ばして、vite
前々からこの手のことを書きたいとは思ってたけど id:k0kubun さんの下記エントリに触発されて書きました。 k0kubun.hatenablog.com tl;dr; 個人アプリ開発歴 前提 Heroku GCP Google App Engine Cloud Run Firebase Cloud Functions GitHub Pages 2022/8/14追記 GitLab Pages 2022/5/7 17:00追記:ブコメレス tl;dr; HerokuやFirebaseを駆使すれば割と無料でいける 若干お金を払えばもっと選択肢は増える 個人アプリ開発歴 2001~2002年あたりから個人HPでアプリを公開。後にVectorにも公開 アカウントは残ってるのでいまだにVectorからのレポートメールが毎月届いてます 2009年くらいから色々ウェブアプリを開発 Google A
UnixPornとは? 「UnixPorn」というワードを見かけた事はありますか? もし、初耳だという方は「UnixPorn」をgoogleで画像検索してみましょう。 大雑っぱに言えば、「UnixPorn」とは、 PC-UNIXのカスタマイズされたデスクトップスクリーンショットのことや、 そのスクリーンショットが沢山投稿されているredditの板のことを指しています。 r/unixporn Submit screenshots of all your *NIX desktops, themes, and nifty configurations, or submit anything else that will make ricers happy. https://www.reddit.com/ そして、「UnixPorn」は、このちょっといかがわしげなPornという文字と、 ダークでハ
個人でWebサービスを継続的に運用するのは金がかかってかなわんという問題がある 「個人開発」だと定義が曖昧なので自己資金かつ赤字のプロジェクト(Webサービス)ということにする。 そういうプロジェクトではプロダクトオーナー=自分、開発者=自分、予算管理者=自分というロールになるので予算管理者としてコストを図る必要がある(ここでいうコストはWebサービスを実現するアプリケーションのランニングコストのこと)。 通常はみんな自分の人件費を0として計算していると思う(逆にいうとそれが負債という考え方もできると思う)。 ただしメンテナンス時間とコストのトレードオフもあるので、人件費0ではあるけど有限の時間は別軸として管理しているのが普通だと思う。極端な例だと「コスト削減できるけどメンテナンス時間10倍になる」というのは避けられる。 仮に個人開発のプロジェクトの予算を月数千円から高くても1万円ぐらいか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く