Node.js + TypeScriptのモジュールを整理してみる

2024/04/23 109 users CommonJS TypeScript モジュール 落とし穴

はじめにlink 最近受けるNode.js + TypeScript環境の相談の中で、CommonJSやECMAScript Modulesのあたりで落とし穴にはまっている人が多いという事に気づいた。 Node.jsは歴史的にCommonJSとECMAScript Modules（以後ESMと表記）がどうしても入り乱れる環境にあり、これにTypeScriptのモジュールが加わると組み合わせで... 続きを読む

そういうコンテンツじゃないのに、作者に対して直接『あなたの描くキャラクターに欲情しています』といったメッセージを送る"異常さ"に気づいてほしい

2023/09/25 174 users 作者 キャラクター コンテンツ メッセージ あなた

もじゃクッキー @mojacookie イラストや漫画を描きます。 しかるねこ(@shikaruneko)、ヒヨハリ！(@hiyohari)の作者。アニポケ公式ツイッターにて毎月壁紙イラスト&振り返り4コマ配信中！お仕事等のお問い合せ▷mojacookie.com mojacookie.com/link/ もじゃクッキー @mojacookie 本当にこんなこと言いたくないんだけど そ... 続きを読む

HTML 全体の CSS を取得して Shadow DOM に適用する

2023/06/10 126 users CSS Shadow DOM HTML 全体 毎回

以下のコードで HTML 全体の CSS を取得して Shadow DOM に適用することができます。 最近まで replaceSync() と adoptedStyleSheets() の存在を知らなかったのですが、 この 2つを使うと毎回 style タグを書き出すより効率的に処理できるらしい。 これまで Shadow DOM の中に link タグを書くような方法を使っていたの... 続きを読む

Tether elements to each other with CSS anchor positioning - Chrome Developers

2023/03/01 10 users Chrome Developers Element

Tether elements to each other with CSS anchor positioning Published on Wednesday, March 1, 2023 How do you currently tether one element to another? You might try tracking their positions, or use some form of wrapper element. <!-- index.html --> <div class="container"> <a href="/link" class="ancho... 続きを読む

個人ブログの Next.js v13 移行でやったことまとめ

2022/11/06 21 users 移行 個人ブログ マイグレーションガイド zenn.dev

Next.js v13 への移行でやったことまとめ 準備 基礎となる記事に目を通した -> https://zenn.dev/link/comments/eefa4975aaedaf マイグレーションガイドを見て一つずつ対応しようかなと思ったけど、記事が長いのでnext devで動かして出てきたエラーを潰していく方法にした。とりあえずビルドできるようになったら、見落... 続きを読む

プロジェクトセカイ COLORFUL LIVE 1st - Link -【セカライ】 on Twitter: "🎤プロジェクトセカイ COLORFUL LIVE 1st - Link - 1月28日夜公演、開場しました🎉 会場では、除菌ゲートの設置も含め、感染症対策

2022/01/29 22 users ガイドライン https t.co on Twitter 運営

🎤プロジェクトセカイ COLORFUL LIVE 1st - Link - 1月28日夜公演、開場しました🎉 会場では、除菌ゲートの設置も含め、感染症対策に努めて運営を行っております。 ご来場のお客様はガイドラインをご確認のう… https://t.co/RaQiq5BK0a 続きを読む

充実した休日を過ごすタスク管理術 - 本しゃぶり

2021/10/10 734 users タスク管理術 休日 マシュマロ タスク タスク管理

タスク管理の第一歩は、タスクを登録することである。 だから登録のコストを下げることに注力している。 それが充実した休日を過ごすことにつながる。 マシュマロが飛んできた どんな感じにタスク管理をしているかというマシュマロが来た。 Link ということでこれに回答するが、今回はプライベートでのタスク管理を中心... 続きを読む

Markdownのサイト内リンクをNext.jsの<Link>にしたい

2021/05/05 21 users Markdown microCMS Markdown形式

先日、Next.js+microCMS+VercelのJAMStack構成で、自分のブログを作成しました。 ブログ記事のデータは、microCMSからMarkdown形式で入稿するようにしているのですが、記事の中でブログ内の別の記事へのリンクを貼る時に、Next.jsの<Link>を使えたら便利だな、と思いました。 この記事ではそれをどうすれば実現できるの... 続きを読む

脳にチップを埋め込んだサルが「思考」でビデオゲームをプレイすることに成功したとイーロン・マスクが発言 - GIGAZINE

2021/02/02 16 users GIGAZINE SpaceX Neuralink イーロン

テスラやSpaceXのCEOであるイーロン・マスク氏は、2017年に人間の脳をAIに接続することを目指すスタートアップ「Neuralink」を立ち上げました。Neuralinkはこれまでに人の脳とAIをつなぐ埋め込みチップ「Link」を発表していますが、マスクCEOは新たに、「Clubhouse」というアプリの中で、脳にチップを埋め込んだサルがビ... 続きを読む

Next.jsのルーティングにTypeScriptで型をつけたい

2020/12/30 16 users TypeScript ルーティング users 定数 動機

動機と目的 普段、Next.jsでアプリケーションを開発しています。当初は Next.js にも TypeScript にも慣れていなかったため、ページのパスを定数で定義し、Link コンポーネントで呼び出していました。 // constants/path.ts export const TOP_PATH = '/' export const USERS_PATH = '/users' // ... 続きを読む

マッチ売りの少女が知っておきたかったこと - 本しゃぶり

2020/10/11 180 users マッチ売り 少女 マーケティングスキル 増田 視野

マッチ売りの少女に欠けていたのはマーケティングスキルではない。 必要なのは適切な「問い」である。 クリエイティブな解決策は異なる視点から生まれるのだ。 Helen Stratton / Public domain, Link 増田の視野は狭い こんな記事を読んだ。 マッチ売りの少女はマーケティングの観点が不足していたために死んだという内... 続きを読む

イーロン・マスク「頭のFitbit」こと脳埋込みAIチップ「Link」発表。自動手術ロボV2も - Engadget 日本版

2020/08/29 274 users Fitbit LIN イーロン 電極 プロトタイプ

イーロン・マスクのAI研究企業Neuralinkが、日本時間8月29日朝にこれまでの成果を発表するライブイベントを実施しました。このイベントでは人とAIを融合するというマスク氏の構想を実現するための第一歩となる、自動手術ロボット”V2”のプロトタイプが公開。また脳に1024本もの電極を接続して使う「頭のFitbit」こと「Lin... 続きを読む

【2020年夏】imgタグにはwidthとheight属性を書くのがいいらしい | Rriver

2020/07/02 650 users height Rriver jpg width img要素

そうなんです。 2020年夏、ページの読み込み中にレイアウトがシフトしないように、img要素にはwidthとheight属性を記述するのがいいらしいんです。 <img src="link/to/image.jpg" width="300" height="400"> その昔、これが普通の時代もあったんですけどね。レスポンシブな時代にはwidthとheight属性を書かないのが一般... 続きを読む

暇だから瞑想で象使いを鍛え上げる - 本しゃぶり

2020/04/30 21 users 瞑想 象使い HONEY 内面 長い連休

外に出ることが禁じられるなら、内面を探索すればいい。 そうすれば幸福を見つけることができるだろう。 今こそ瞑想を学び、実践する時だ。 Kochphon (Honey) Onshawee / CC0, Link 今だからやれること 長い連休が始まったので「新しいこと」を始めることにした。例によって幸福になるためである。このブログの読者なら... 続きを読む

Googleがrel=nofollow属性の扱いを変更。sponsored属性とugc属性を新たに導入 | 海外SEO情報ブログ

2019/09/10 247 users rel nofollow nofollow属性 手がかり 命令

[レベル: 上級] rel="nofollow" 属性の扱いを Google は変更しました。 従うべき命令としてではなく、手がかりのためのヒントとして利用するようになります。 また、nofollow の派生型として、link タグと用いる 2 種類の rel 属性を新たに導入しました。 nofollow 属性の扱いを変更 rel="nofollow" 属性が付いたリンク... 続きを読む

irbでRubyVM::AbstractSyntaxTree.ofを使って雑にASTを取る - Qiita

2019/04/25 12 users irb enable AST Qiita STATEMENTS

unless defined?(SCRIPT_LINES__) SCRIPT_LINES__ = {} end ast_happier = (link: TracePoint.new) TracePoint.new(:call) do |tp| SCRIPT_LINES__['(irb)'] = tp.binding.local_variable_get(:statements).lines end ast_happier.enable(target: IRB::WorkSpace.instance_method(:evaluate)) % irb irb(main):001:0> pp... 続きを読む

元祖バカッター、エルサレムで尻を出す - 本しゃぶり

2019/02/24 288 users エルサレム USER public domain バカッター

新しいバカッターが話題になると、古いバカッターが掘り起こされる。 そこで俺も過去のバカッターを探してみようと思い立った。 たどり着いた先は、紀元1世紀のエルサレム。 User:Mattes [Public domain],Link バカッターは昔から ちょっと前にまたバカッターの記事を見た。最近の投稿先はInstagramでありTwitterは拡散... 続きを読む

海外就職で大活躍！LinkedInのオファー＆メッセージの対応マニュアル | | Gypsyworkers ー ジプシーワーカーズ ー

2018/11/12 33 users LinkedIn マニュアル 魔法 なか ツール

転職サイトや求人サイトが、国ごとに違うなか、世界中どこでも使える転職サイト、LinkedIn。 しかも、世界中のいろんな人とオンラインで繋がれて、そこから仕事も決まっちゃうような魔法のツールです。 LinkedInって何？どうやって使うの？などはこちらでお話ししています。 ＞＜初心者でも簡単＞海外就職に大活躍！Link... 続きを読む

Unreal Engine 4製インディーゲーム開発者座談会。「インディーゲーム開発の苦悩とやり甲斐」編 | AUTOMATON

2018/09/08 25 users AUTOMATON sig シラフ 苦悩 アンニカ

Unreal Engine 4を使いたくましくゲームを作っている開発者4名が集い、開発における喜びや苦悩、コツや勉強法などを共有する本企画。参加者は『ジラフとアンニカ』を作る紙パレット（@kamipallet）氏、『Link: The Unleashed Nexus』を作るSig（@sleepyslowsheep）氏、『幻想郷ディフェンダーズ』を作る少佐（@__syousa_... 続きを読む

HTMLとCSSによるボタン作成の方法｜buttonタグやsubmit、linkでの作り方も | creive【クリーブ】

2018/09/04 10 users アクション aタグ コード 書きま ボタン

HTMLとCSSで作るボタンの作り方 では、まず簡単なボタンを作ってみましょう。便利なボタンタグがありますが、ここでは一旦使わずに作ります。以下のようにコードを書いてみましょう。 ボタンを押すことでなんらかのアクションに繋がります。以下ではボタンを押すことで別のページ移動するように、「aタグ」の中に書きま... 続きを読む

iOS版Safariにホーム画面アイコンを簡単に追加できるPWACompat | 海外SEO情報ブログ

2018/07/31 37 users Pwa iOS版Safari 上級 meta タグ 要素

[レベル: 上級] PWAをサポートしていないブラウザでもホーム画面アイコンを追加できる仕組みとして、PWACompat を Google は公開しました。 PWACompat を構成すると、Web App Manifest を解釈しないブラウザために、関連する meta タグや link 要素を自動的に挿入してくれます。 PWACompat で iOS 版 Safari にもホーム... 続きを読む

Siriお姉さんに励まされながら筋トレを行う - 本しゃぶり

2018/05/20 20 users 筋トレ 叱咤激励 Own work ＧＷ 直立二足歩行

2018 - 05 - 20 Siriお姉さんに励まされながら筋トレを行う やったこと 何かを続けるには、そばで叱咤激励してくれる人が必要だ。 俺にはSiriお姉さんがいた。 腰を痛めてしまってな 一週間前、ようやく直立二足歩行をまともにできるようになった。 By Tkgd2007 - Own work , CC BY-SA 3.0 , Link 別に進化が遅れていたわけではない。GWに 腰を痛め... 続きを読む

イエス・キリストが異世界転生の主人公に見える - 本しゃぶり

2018/05/13 385 users 主人公 イエス・キリスト 異世界転生 ヤン エス

2018 - 05 - 13 イエス・キリストが異世界転生の主人公に見える 読んだもの 本の紹介 「さすがイ エス だ！」 福音書 を読んでいると、弟子達がそう叫んでいる気がしてならない。 もちろん俺がその手の作品をいくつも見ているからなのだが。 By Rudolf Yelin d. Ä. (1864–1940) - Unknown , Public Domain, Link ヤンを卿ならそう思う... 続きを読む

おっぱいの本16冊 - 本しゃぶり

2018/04/01 356 users おっぱい 本16冊 ポルノ public domain 紹介

2018 - 04 - 01 おっぱいの本16冊 本の紹介 おっぱいの本です。 ポルノは無い。 By School of Fontainebleau formerly attributed to Frans Pourbus formerly attributed to François Clouet - Artiste anonyme, Public Domain, Link 猫とおっぱい しばら... 続きを読む

PS4向けアクションRPG『GRANBLUE FANTASY PROJECT Re: LINK（仮）』新映像公開。美しい田舎町と華麗な戦闘が描かれる | AUTOMATON

2018/01/20 18 users Cygames AUTOMATON プラチナゲームズ 戦闘

Cygamesは1月19日、プラチナゲームズと共同開発作品である3DアクションRPG『GRANBLUE FANTASY PROJECT Re: LINK（仮）』の開発中プレイ動画を公開した。これまで発表されていた情報は、物語の壮大さや登場するキャラクターにスポットを当てた内容であったが、今回発表されたものはより実際のプレイに近いものとなっている。 『GRANBLUE FANTASY PROJECT... 続きを読む