The Static Site Guide
This is a book about creating and publishing static websites using HTML, CSS, and the Hugo static site generator. It’s still a work in progress, but you can read the completed chapters here. Table of ContentsIntroductionMaking Your First Web PagePublishing Your Web PageSprucing Things UpCreating a Static Website Using HugoCustomizing Our Hugo WebsiteUsing a Custom Domain NameImplementing Version C
ポップ・アップ・アート コレクションとパフォーマンスを楽しむ｜金沢21世紀美術館 | 21st Century Museum of Contemporary Art, Kanazawa.
金沢21世紀美術館は2004年10月に開館し、今年で20周年を迎えます。 記念の年の最初の展覧会は、春から夏に向けて、美術館のコレクションを様々な場所でご覧いただくPop-up Artを開催します。 金沢21世紀美術館はSANAA 妹島和世＋西沢立衛がデザインを手がけ、円形で、外壁が全てガラスという特徴的な建物です。今回は、ちょうどドーナツの輪の部分に当たる交流ゾーンに沿って周回する間に、まるでパソコンの画面の最前面に「ポップアップ」するように、次々と作品が目の前に現れるように作品を配置しています。さらに期間中、この交流ゾーンを会場にピアノや琵琶のコンサート、ダンスなど様々なパフォーマンスも繰り広げられます。また、同じ敷地の中にある「プロジェクト工房」では、テクノロジー、環境、人間性の探究といったテーマに取り組むヤノベケンジの作品群を、一堂にまとめて紹介します。 空間の特徴に合わせて展開す
粗大ゴミに車輪を付けて捨てに行く - おともだちティータイム
マンションで暮らしていると自宅から粗大ゴミ置き場まで若干の距離があったりします。手で持てるサイズ・重量の粗大ゴミなら手で運べばよいし、それよりも一回り大きいくらいのものならマンション共用設備から台車を借りられる場合があります。 今回、キッチンで 10 年以上利用していた木製の棚 (炊飯器や電子レンジがおける H100 x W70 x D50 (cm) くらいの棚) を捨てることになったのですが、これくらいのサイズだと借りられる台車には乗りません。住んでいるマンションはいわゆる大規模マンションで、部屋から粗大ゴミ置き場まで 150m 以上離れており、複数人でも手持ちで運ぶのはかなり大変です。 引越し業者が使うような大きめの台車があれば良いのでしょうが、あいにく用意することは出来ませんでした。粗大ゴミを捨てる機会は頻繁にあるわけでもないので、新規に大きな台車を購入するは避けたいところです。 そ
成長の為にアウトプットがなぜ必要なのか。mattn氏が語る持続的なアウトプットのススメ
成長の為にアウトプットがなぜ必要なのか。mattn氏が語る持続的なアウトプットのススメ 2024年5月16日 mattn 大学卒業後、ソフトウェアハウスやSIerなどでソフトウェア開発に携わる。vi派生のテキストエディタVimの日本語化やプラグイン、Go言語などでOSS（オープンソースソフトウェア）の開発・コミュニティ運営に参加し、2019年からGoogle Developers Expert。2021〜2023年 GitHub Stars。著書に『みんなのGo言語』（2016年、2019年に改訂2版、技術評論社、共著）、『Go 言語プログラミングエッセンス』（2023年、技術評論社、単著）がある。関西在住。 X:@mattn_jp GitHub
虹色のきものをさがして｜marikko
私が産んだのは，かぐや姫か何かなんだろうか。 「７歳の七五三，こんなのはどう？」 娘の目の前に広げたのは，何日か前にネットオークションで一目ぼれして深夜に競り落とした反物で，白地に大きな鶴が飛び立っている意匠のクラシカルなもの。モダンな感じが，はっきりした顔立ちの娘にとてもよく似合うと思った。 ところが娘は一瞥するなり「とりは，ちょっと」と難色を示した。いろも，しぶいし，と付け加える。 「え？ダメ？素敵だと思うけど？」そういいながらも全く提案になびく気配のない娘の様子に私はすっかり驚いてしまった。というのも，娘が私の提案を断ったのがこのときが初めてに等しかったからだ。 「じゃあ，どんなお着物がいいと思う？」 七五三は，長男の５歳も，娘の３歳も私が衣裳を縫い上げた。本やネットを駆使しながら和装を縫うのは簡単なことではなかったが，仕上がったときの満足感にすっかり魅了されてしまった。子どもは２人
TypeScriptとGraphQLで実現する型安全なAPI実装
この記事はTSKaigi2024での以下の私の発表内容を書き下ろしたものです。 なぜAPIに型をつけたいのか 現代のWebのシステム開発において、クライアント・サーバーともに型のある言語で開発されることが増えてきました。静的な型検査はコードの堅牢性やよりよいメンテナンス性の向上をもたらします。 プログラミング内部だけで型検査をするだけでも十分メリットはありますが、外部I/Oに対する型付けが不十分だとそのメリットを最大限に発揮してるとは言えません。外部I/Oとは、例えばWebフロントエンドだとLocalStorageやDOMからの入力値、それからネットワーク通信（今回はこれをAPIと呼びます[1]）などですね。サーバー側でいうとAPIからの入力・レスポンスやデータベースへの読み書きが該当します。 個人的な経験から言うと、Webシステムの開発におけるエラーの多くはAPIやデータベースとのやり取
5歳児、違法ケシ発見 茨城・東海 草花好き、瞬時に判別（茨城新聞クロスアイ） - Yahoo!ニュース
茨城県東海村舟石川の村道沿いに「あへん法」で栽培が禁止されているアツミゲシが咲いているのを、同村の保育園児、大曽根諒ちゃん(5)が見つけた。草花が大好きで、車窓から見ただけで瞬時に判別。「危険な花が身近に咲いていてびっくりした」と話した。県ひたちなか保健所職員が13日までに全て抜き取った。 アツミゲシは地中海沿岸原産。麻薬の原料となるモルヒネを含有しているため、同法で栽培などが禁止されている。 父親の泰人さん(36)によると、諒ちゃんは保育園帰りの今月8日午後6時ごろ、泰人さん運転の車から外を見ていた際、沿道に咲く薄紫色の花を発見。瞬時に「アツミゲシだ」と叫んだ。 諒ちゃんは「図鑑を見て覚えていたので、すぐに分かった」と話した。泰人さんは「走行中の車内から一瞬で見つけるとは」と驚いた様子で語った。 諒ちゃんは、泰人さんと散歩するたびに見かけた植物を図鑑で調べる大の草花好き。中でも、ヒガンバ
Hello GPT-4o
GPT-4o (“o” for “omni”) is a step towards much more natural human-computer interaction—it accepts as input any combination of text, audio, image, and video and generates any combination of text, audio, and image outputs. It can respond to audio inputs in as little as 232 milliseconds, with an average of 320 milliseconds, which is similar to human response time(opens in a new window) in a conversat
デジタルデトックスチャレンジ2 - ダンの日常2
5月2日にデジタルデトックスチャレンジを決行してきました！ daiary.hatenadiary.jp この時のブログに書いた通りのルールで、だいたい計画通りに進んだんじゃないかな、と思うので、今日は一連のチャレンジ内容について書いていきます！ まず、10時ごろに家を出ます。ポケットの中には財布と鍵、そして写ルンです。一応カバンも持ちましたが、電子機器が一切入っていないカバンはまるで空気のように軽かったです。家を出る時に、Qrioのオートロックが発動します。これからしばらくデジタル要素とはお別れです。 計画通り、自転車で哲学の道へと向かいます。ふとiPhoneを取ろうとしていつもiPhoneがあるはずの右ポケットに手を伸ばしてしまいますが、そこにあるのは写ルンです。いつもより大きいのにいつもより軽いのは少し変な気もしますね。 丸太町通をずーっと東へ、突き当たりまで行きます。予想ではここに哲
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
コーラ - #つくりおき
id:rummelonpです。 夏の訪れを感じたのでコーラを煮ます。 材料 水400ml 砂糖400g 上白糖を使うと白色のコーラになってアッサリめになる 三温糖を使うと茶色のコーラになってコッテリめになる カルダモン（ホール）15個〜20個 ハサミで半分に切って種ごと入れる カルディで売っているカルダモンが一袋大体15個〜20個入ってるので一袋全部入れる クローブ（ホール）15個〜40個 カルダモンと同じ個数から2倍くらいの個数を入れると良いらしい クローブを入れすぎると独特の渋みが強くなるので気持ち少なめくらいが好み シナモンスティック3〜4本 半分に割って入れる レモン2個 1個は輪切りにして入れる、もう1個はレモン汁を絞った後適当に切って入れる、レモン汁は煮冷ました後に入れるため取っておく 面倒なら全て輪切りにして入れても良い バニラエッセンス バニラビーンズが高いため代用 多分な
アルムナイ採用体験記 (株式会社はてなに2回目の入社をしました) - だいくしー(@daiksy)のはてなブログ
2024年5月1日から、株式会社はてなで組織・基盤開発本部のエンジニアリングマネージャとして働き始めました。 2014年から、2021年まで社員だった時代があるため、いわゆる出戻りという形になります。 一度退職した会社に再び入社する、というのは、通常の転職活動と違った悩みなどもあり、自分も今回の転職に際して「アルムナイ採用」などのキーワードでいくつか参考にした記事がありました。 最近は身近な事例も耳にするとはいえ、まだまだ通常の転職と比べてアルムナイ採用は例が少ない気がするので、せっかくなので体験記を書いておこうと思います。 基本的には自分の個別の事例ですので、世間一般のアルムナイ採用の実態とは異なる箇所もあることをご承知おきください。 戻ろうと思ったきっかけ もともと最初にはてなを辞めた理由が、自分の新しいキャリアを志したチャレンジという側面が強かったため、辞めた直後からなんとなく「機会
令和時代の API 実装のベースプラクティスと CSRF 対策 | blog.jxck.io
Intro CSRF という古の攻撃がある。この攻撃を「古(いにしえ)」のものにすることができたプラットフォームの進化の背景を、「Cookie が SameSite Lax by Default になったからだ」という解説を見ることがある。 確かに、現実的にそれによって攻撃の成立は難しくなり、救われているサービスもある。しかし、それはプラットフォームが用意した対策の本質から言うと、解釈が少しずれていると言えるだろう。 今回は、「CSRF がどうして成立していたのか」を振り返ることで、本当にプラットフォームに足りていなかったものと、それを補っていった経緯、本当にすべき対策は何であるかを解説していく。 結果として見えてくるのは、今サービスを実装する上での「ベース」(not ベスト)となるプラクティスだと筆者は考えている。 CSRF 成立の条件 例えば、攻撃者が用意した attack.examp
フラットレセップ | toolbox
壁に埋め込んで使うレセップです。壁・天井に光だけを添えたい場所におすすめ。今までただ光源として捉えていた電球自体も照明器具として味わうことができます。E26の他、E17規格の電球に対応するコンパクトサイズの展開もあります。
[第1話]キャンバれ！郎太桃 - AC部 | 週刊コロコロコミック
キャンバれ！郎太桃 AC部 【月1更新】Canva公式漫画！デザイン大好き市民が暮らすデザ市に全てをダサくする「ダサ鬼」が襲来！主人公の郎太桃とお供達がキャンバってダサ鬼をデザしめる、痛快デザイン活劇でデザ〜い！
![[第1話]キャンバれ！郎太桃 - AC部 | 週刊コロコロコミック](https://cdn-ak-scissors.b.st-hatena.com/image/square/aa459f52b3c54916b04d3c334c9f945c9731936b/height=288;version=1;width=512/https%3A%2F%2Fcdn-img.www.corocoro.jp%2Fpublic%2Fseries-thumbnail%2F2550689798349157846-9cd9c023629945dfdb7ded92813c1be2%3F1711431245)
ブラウザからDBに行き着くまでただまとめる
はじめに あなたはブラウザからデータベース(DB)に情報が行き着くまでにどんな技術が使われているか説明できますでしょうか？ どのようなプロトコルが用いられ、どの技術を駆使してサーバと通信しているのか、Webサーバでは何が行われ、どのようにして負荷が分散されているのか、トランザクションはどのように管理されているのか、そしてデータベースではシャーディングや負荷対策のためにどのような対策が取られているのか… なんとなくは理解しているものの、私は自信を持って「こうなっている！！」とは説明ができません。 そこで今回は「大規模サービス」を題材としてブラウザからデータベースに至るまでの、情報の流れとその背後にある技術について、明確かつ分かりやすく解説していきたいと思います。 対象としてはこれからエンジニアとして働き出す、WEB、バックエンド、サーバーサイド、インフラ、SREを対象としております。 1.
第53回情報科学若手の会
情報科学若手の会とは、情報科学に携わる学生、若手研究者、エンジニアのディスカッションと交流の会です。幅広い分野から参加者を募り、互いの交流を深めることで新たな発想が生まれることを目指しています。
本を読むたびに読みたい本がどんどん増え、積読が解消されないがどうすればいいか。 | レファレンス協同データベース
分類＜019（読書、読書法）＞の棚をブラウジングした。 （読みたい本を更に増やしてしまうかもしれないが、）読書法に関する資料を、積読に触れているものを中心に紹介する。 （1）本を速く読む方法・通読しなくてもいいという意見 資料1 『超速読力』 「超速読力」とは、本や書類を見た瞬間に内容を理解し、コメントを言えるという新しい力であるとし、その意義とトレーニング法について書いている。 資料2 『大学生のための速読法』 接する文献の多い大学生や大学院生のために、楽にポイントを読み取ることができる速読法を紹介している。 資料3 『読まずにすませる読書術』 読む必要のない箇所を見抜く技法や、本を読まずにすませる技法を紹介している。 資料4 『時間がない人のための即効読書術』 バスで読書する際に酔いにくい席の選び方（p.17-18）など、読書を効率化する具体的な技術を紹介している。 （2）多読や乱読な
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
もやしの夫婦｜note
group_inou / HAPPENING
