Raspberry Pi `GLIBCXX_3.4.21' not foundでつまづいた - Qiita
$strings /usr/lib/gcc/arm-linux-gnueabihf/4.9/libstdc++.so | grep GLIBC GLIBCXX_3.4 GLIBCXX_3.4.1 GLIBCXX_3.4.2 GLIBCXX_3.4.3 GLIBCXX_3.4.4 GLIBCXX_3.4.5 GLIBCXX_3.4.6 GLIBCXX_3.4.7 GLIBCXX_3.4.8 GLIBCXX_3.4.9 GLIBCXX_3.4.10 GLIBCXX_3.4.11 GLIBCXX_3.4.12 GLIBCXX_3.4.13 GLIBCXX_3.4.14 GLIBCXX_3.4.15 GLIBCXX_3.4.16 GLIBCXX_3.4.17 GLIBCXX_3.4.18 GLIBCXX_3.4.19 GLIBCXX_3.4.20 GLIBC_2.4 GLIBC_2.18 GLIB
カラフルボックス(colorfulbox)にnodebrewを使ってNode.jsをインストール、npmコマンドを使うまでの手順 - 自由考学
ホーム雑記・考え事カラフルボックス(colorfulbox)にnodebrewを使ってNode.jsをインストール、npmコマンドを使うまでの手順 カラフルボックス(colorfulbox)にnodebrewを使ってNode.jsをインストール、npmコマンドを使うまでの手順 2023 12/28 # wget または curl でnodeblewをダウンロード、どちらでもOK $ wget git.io/nodebrew $ curl -L git.io/nodebrew >nodebrew へ保存完了 [26039/26039] #セットアップ $ perl nodebrew setup >Fetching nodebrew... >Installed nodebrew in $HOME/.nodebrew #パス指定して再読み込み $ echo 'export PATH=$HOME/
画像素材共有サービス「フォトフリ」を爆速開発した話 - Qiita
ども！「だるだるし」です 今回は先日公開した 株式会社NEXS の「フォトフリ」という画像素材共有サービスについて書いていきます． Nuxt.js使っててなんでバックエンドはNode.jsじゃないねん，とか思われると思いますがその辺りも含めて まあ，自論詰込みの読み物です 画像素材共有サービス「フォトフリ」を作成した まず「フォトフリ」とは何ぞや，というのはリンクを参照してください． グッズや成人向け作品等にも使用可能という自由さ，1日ダウンロード数制限などの厄介な制限が無いことが売りの画像素材共有サービスです． 製作期間 1週間くらいです こまごまと修正を重ねているので現在10日くらいと思います 爆速...だよね？？ 高速で開発します，ご依頼是非（ダイマ） 言語，ライブラリ，フレームワーク，環境等 JavaScript（フロント，言語） Vue.js Nuxt.js Vuetify PH
Node.jsを使えるレンタルサーバーはカラフルボックス【手順あり】
「Node.jsを使えるレンタルサーバーが知りたい。レンタルサーバーでNode.jsアプリを公開したい。」 Node.jsを使って開発をしている方なら、思ったことがあるのではないでしょうか。 この記事では、Node.jsを使えるレンタルサーバーと、Node,jsアプリを公開する具体的な手順を解説します。実際に僕が公開したサンプルも用意しました。
SSHクライアントソフトによる接続方法（PuTTY/Tera Term）
2. 「SSHアクセス」をクリック cPanelメニュー「セキュリティ」＞「SSHアクセス」をクリックします。 3. 「SSHキーの管理」をクリック 「SSHキーの管理」をクリックします。 4. 「新しいキーの生成」をクリック SSHキーの管理から、「新しいキーの生成」をクリックします。 5. 公開キーの生成 KeyName 公開キーの名前です。通常はデフォルトで問題ありません。 キーのパスワード・パスワードの再入力 キーのパスワードを入力します。このパスワードは、SSH接続時に毎回使用するものになります。パスワード生成ツールを使って強力なパスワードを自動生成することもできます。 キーの種類 キーの種類を選択します。通常はRSAで問題ありません。 キーサイズ キーのサイズを選択します。数字が大きいほどキーが長くなり、セキュリティ強度が高くなります。通常は2048以上を選択してください。 入
Next.js(App Router)でプレースホルダー画像を自作する
サイト開発の初期で課題になることの一つに開発途中でダミー画像をどうするかという問題があります。 多くのプロジェクトではAPI連携などが完了して正式な画像で開発できるようになるのは開発終盤になることもあり、それまでつなぎのダミー画像をどう見せるかは悩みどころです。 デザインカンプなどから書き出して静的に配置しても良いのですが、手間がかかる上にダミー画像が削除されず本番データとして残り続けることがよくあります。 https://placehold.jp/ といったプレースホルダー画像用のサービスもありますが、開発途中のサイトで外部サービスを利用することのセキュリティ的な懸念もあります。 Next.js(App Router)にはImageResponseという画像生成が手軽にできる機能がありますのでプレースホルダー画像を自作してしまえば、前述の問題や懸念を取り払うことができるようになります。
ダミー画像生成api（placeなんちゃら）をnode.js + expressで作るためのメモ - Qiita
※sharpは画像リサイズ用のライブラリです（https://sharp.pixelplumbing.com/） ファイル構成は下記のような形にします。index.htmlは中身適当でいいですが、下記に一応自分のを置いときます。 私の画像はwaifu diffusionで生成したものを利用していますが、何でもOKです。（jsのサイズ指定部分を合わせて変更して下さい。） . ├── images │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── 4.png │ ├── 5.png │ ├── 6.png │ ├── 7.png │ ├── 8.png │ ├── 9.png │ └── 10.png ├── index.html ├── index.js ├── node_modules ├── package-loc
Shadow DOMを使った親画面のCSSに影響されにくいモーダル画面を試してみた話
はじめに この記事では、筆者がShadow DOM を用いてフォームの入力データをモーダルでプレビュー表示する方法の学習記録です。 ChatGPTによる文章が少し入ってます。あらかじめご了承ください。 背景 モーダル画面のプレビュー（背景が暗くなって出てくるやつ）でモーダルの外部で定義したCSSの影響を受けないようにhtmlをプレビュー要素として組み込みたいという場面に実務で遭遇しました。下のようなイメージ。 <!DOCTYPE html> <html lang="ja"> <head> <!-- 中略 --> <!-- ↓このスタイルは.modal内の要素に付与したくない --> <link rel="stylesheet" href="style.css"> <style> /* 親画面のCSSが書いてある */ </style> <!-- ↑このスタイルは.modal内の要素に付与し
Mac mini 2020にeGPUをつけると、どれだけ映像制作が楽になるか｜Taka Tachibana
自宅用PCとしてMac mini 2020を買った。Blackmagicじゃない自作eGPUもつけた。結構いい感じです。 結論としては、eGPUをつけると劇的に快適になる！ iMac上位機種並のパワーを出すことができます。 読者の中にも、なるべくリーズナブルにMacでそれなりのスペックを整えたい人もいるかもしれない。と思って、メモ程度にはなるが、「Mac mini + eGPU」で映像制作がどのくらい快適になるか、綴っていく。 検証するのは、下記の4つの映像関連のソフトの使い勝手。 1. Premiere Pro 2. After Effects 3. Blender 4. DaVinci Resolve Mac miniでなくても、MacBookでも同様に性能はアップするはず。参考になれば幸いです。 --- はじめにまず僕が所有するMac miniのスペックと選んだポイントの紹介。 CP
CSSグリッドレイアウトで、サイズが違う複数のボックスをタイル状に配置する
2021年12月28日 CSS 大きさの異なる複数のボックスを隙間なく並べてタイル状に表示したい！そんな時もありますよね。モザイクレイアウト、Masonryレイアウト、Windows 8 Metroスタイルレイアウト…などなど、さまざまな呼び方のあるこのレイアウト。今回は display: grid という新しい配置方法を使ってレイアウトを組んでみますよ！もちろんレスポンシブにも対応させたいと思います！ ↑私が10年以上利用している会計ソフト！ CSSグリッドの基本の書き方は動画で確認！ 基本的な記述方法は動画でも紹介しています。初めてCSSグリッドに挑戦するよという方はまずはこちらで基礎を覚えておきましょう！ 1. どんなレイアウトにするか書き出す グリッドレイアウトは少し複雑で、何も考えず組んでいくとどこの要素がどうなっているのか…こんがらがってきちゃいます。ご利用は計画的に！慣れるま
キャッチコピーを作るプロンプト | 生成AIプロンプト研究所「チャプロ」
広告キャッチコピーの最適化プロセスターゲット層に響く効果的なキャッチコピーを作成し、改善してさらに最適化するこのプロンプトは広告担当者やコピーライターがブランドや商品の特徴を簡潔に表現し、ターゲット層の興味を捉えるキャッチコピーを作り、段階を追って改善するプロセスを構成しています。読者プロファイルの分析から始め、初期の案から最適化されたキャッチコピーへと段階的に展開していきます。 #前提条件 タイトル:キャッチコピーの原則と手順 依頼者条件:キャッチコピーを効果的に作成したい広告担当者、 制作者条件:キャッチコピーの作成経験が豊富で、ターゲット層のニーズを的確に捉える能力を持つクリエイターやコピーライター。 目的と目標:キャッチコピー作成用プロンプトを使って、ブランドや商品の特徴を簡潔に表現し、ターゲット層の興味や関心を引きつける効果的なキャッチコピーを作成する。 リソース: 1. ブラン
starline - a Hugging Face Space by mattyamonaca
Discover amazing ML apps made by the community
英文契約書の用語、構文 （その22）（別紙/付属文書について）
英文契約書の別紙/付属文書、「Addendum」、「Annex」、「Appendix」、「Attachment」、「Exhibit」、「Rider」、「Schedule」等 英文契約書を読んでいると、ほぼ必ずといって良いほど目にするのが、「Addendum」、「Annex」、「Appendix」、「Attachment」、「Exhibit」、「Rider」、「Schedule」等の英文契約書のいわゆる「別紙」、「付属文書」を表す言葉です。 「別紙」、「付属文書」が、英文契約書の中でどのように使われているかと言えば、例えば、その内容が多岐にわたるためこれを契約書本文に書くと煩雑になる場合、商品やサービス等の価格表など、将来的に変更される可能性のあるもの、契約書作成時に契約書本文中に書ききれなかったもの等々があります。 別紙/付属文書は、契約書の一部を構成し、契約書と不可分一体 これらは、名称
新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。[WebP, AVIF]
Top > Web一般 > 新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。[WebP, AVIF] 「画像形式を変えるだけでサイトが高速になる？」 はい。これは本当です。 実際のWeb制作の現場でも、「PageSpeed Insights」等で計測できる「そのサイトの表示速度の指標」について「いかに向上させるか」という部分に注力したりするケースがあります。 その際、有効な指標改善方法のひとつとして「画像容量の削減・画像形式の最適化」があります。 今回は、そんな画像容量の削減方法や、「pictureタグ と srcset を使った画像表示の分岐方法」について、記事を書いていきたいと思います。 まずは分岐方法について。 picture タグと srcset を使用した画像の分岐方法 早速ですが、タイトルの通りです。 画像形式をより効率の良い圧縮形式のものに更
![新しい画像形式を使ってWebサイトを高速化する方法。srcsetによる分岐方法も。[WebP, AVIF]](https://cdn-ak-scissors.b.st-hatena.com/image/square/019e99b5a82e3bdf7c2713abb532eb9f262a28ba/height=288;version=1;width=512/https%3A%2F%2Ftedate.jp%2Fwp-content%2Fuploads%2F2024%2F06%2Fimg-about-using-new-image-formats.jpg)
WordPressの管理画面とログイン画面にカスタムCSSを読み込む方法[WordPress]
先日、久しぶりに 「WordPressの管理画面やログイン画面をカスタマイズする」 という案件に触れる機会がありました。 この「WordPressの管理画面のスタイル編集」というのは、WordPressが普及しはじめた初期の頃から、 Web制作の実際の現場でも時々目にすることのあるご要望のひとつです。 （※WordPress離れの動きも一定数あり、JAMstackという概念が出て久しいということも勿論、実際に現場で目にしてよく知っているのですが、まだまだ改修案件等で、WordPressのシェアも根強く存在しているのもまた事実…ということで記事を書いています。） 特に、Webメディアを複数人スタッフで運営している企業・組織からのご依頼などで、 「新しいメディアを立ち上げるんだけど、管理画面の使い勝手や見た目を良くしたい」 というようなケースで見かけます。（※同時に、「機能面もこうしたいんだけ
![WordPressの管理画面とログイン画面にカスタムCSSを読み込む方法[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e834af799f16d6510c96c032954c6bbddba4584/height=288;version=1;width=512/https%3A%2F%2Ftedate.jp%2Fwp-content%2Fuploads%2F2024%2F06%2Fimg-about-custom-css-on-wp-admin-and-login-screen.jpg)
完全無料の画像・イラスト生成AIメーカー「Ainova AI」【ログイン不要】｜Ainova
日本語対応の完全無料画像・イラスト生成AIメーカーの「Ainova AI」です。画像生成にはStable Diffusionが使われています。 作成したい画像やイラストのキーワードを入力するだけで、AIが自動的に高品質な画像を生成します。 当サービスは完全無料でログイン不要でご利用可能で、例えば以下のような画像の生成が可能です！ ただし、無料提供を維持するために広告が表示されることがあります。サーバー運用やサービス維持には多くのコストがかかっているため、ご理解いただますと幸いです。 また、生成された画像はすべて商用利用が可能ですが、生成された画像が第三者の著作権、肖像権、またはその他の権利を侵害していないことを確認する責任は、ユーザー自身にあります。 生成された画像の公開、共有、または商業利用に関する責任を一切負いません。 また、違法なコンテンツの生成や利用は禁止されています。本サービスの
【アクセシビリティ】WAI-ARIA で指定できる属性の全部をまとめてみた。 - Qiita
<!-- 〇〇の部分に役割を記入します。 --> <div role="〇〇">...</div> <!-- 例: mainの役割の場合 --> <div role="main">...</div> 抽象役割 抽象役割は、一般的な役割概念を定義する目的で使われます。そのため、コンテンツに抽象役割を使用してはいけません。 command アクションを実行するが入力データを受信しないウィジェットのフォーム。 composite ナビゲーション可能な子孫または所有する子を含むことができるウィジェット。 input ユーザー入力を許可するウィジェットの一般的なタイプ。 landmark ナビゲーションのランドマークとして意図されるページの領域。 range ユーザーによって設定可能な値の範囲を表す入力。 roletype この分類で他のすべての役割が継承する基本役割。 section 文書またはア
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
名刺管理ソリューション - Sansan - 営業DXサービス
【Premiere Pro】プロキシの作り方【低スペックでも作業できる！】
生成AI活用例～ChatGPTを使ったイベントキャッチコピーの制作～｜ビジネスブログ｜ソフトバンク
