リレーショナル・データベースの世界
序文 私の仕事は、DBエンジニアです。といっても別に望んでデータベースの世界へきたわけではなく、当初、私はこの分野が面白くありませんでした。「Web系は花形、データベースは日陰」という言葉も囁かれていました。今でも囁かれているかもしれません。 ですが、しばらくデータベースを触っているうちに、私はこの世界にとても興味深いテーマが多くあることを知りました。なぜもっと早く気づかなかったのか、後悔することしきりです。 もちろん、自分の不明が最大の原因ですが、この世界に足を踏み入れた当時、先生も、導きの書となる入門書もなかったことも事実です。 今でこそバイブルと仰ぐ『プログラマのためのSQL 第2版』も新入社員には敷居が高すぎました (2015年2月追記：その後、自分で第4版を訳出できたのだから、 人生は何があるか分からないものです)。 そこで、です。このサイトの目的は、データベースの世界に足を踏み
Tailwind CSS の一歩進んだ書き方
-## CSS カスタムプロパティ +## CSS カスタムプロパティの宣言 +## CSS カスタムプロパティの利用 + +```html:html +<h1 class="px-[--gutter]"> + Hello world! +</h1> +``` + +`px-[var(--gutter)]` のように記述することもできますが、`var()` は省略可能です。 -<h1 class="text-[length:var(--title-size)] text-[color:var(--title-color)]"> +<h1 class="text-[length:--title-size] text-[color:--title-color]"> +## フォントサイズと一緒に行の高さを指定するショートハンド + +```html:html +<h1 class="text-
SVGの色を変えたいときに試す4種の方法 - Ticketnote
読み飛ばして良いまえがき ここのアイコンは色が変わるだけなのでインラインSVGで実装していたところ…… 「このSVGは外部ファイルにしてくれ！」 というオーダーが入ることは、稀によくあります。今回は、こんなときに「どうすれば良いんだ……。🤦🏻♂️」と頭を抱えているあなたのための回です。 本日の本題 まずはインラインSVG＋CSSで色を変えよう まず最初にそもそもインラインSVGで色を変えるというののおさらいです。 星型の箇所がSVGになっていて、マウスオーバーすると色が変わるというサンプルです。 これは通常のHTML＋CSSと同じ感覚で扱えるのでとてもわかり易いです。 一方、今回はシンプルな星型だったので、コードに圧は感じませんが、ちょっと凝ったアイコンとかをSVGで用意した場合は、かなりの行数になりますし、それらがコードの可読性を下げてしまうということもあります。同時に必要な箇所に
Obsidianからはてなブログに投稿するプラグインを試してみた - 誰がログ
追記（2024-02-23） はじめに はてなブログに投稿するプラグイン 概要 引用 画像 使ってみて 画像の扱い 良い点 おわりに 追記（2024-02-23） なんとプラグイン作成者の方がこの記事の最後に書いた「下書きとして投稿」の機能を追加してくださいました。 このプラグインからできる操作として "Publish this note" に加えて "Post this note as a draft" が選択できるようになっています。さっそく試したところ問題なくObsidianのノートをはてなブログの下書きとして投稿することができました。 これでさらに快適になりました。ありがとうございます！ はじめに 昨日書いた下記の記事が思ったより読まれなくてさびしいので懲りずにまたObsidianのプラグインについて書きます。 ObsidianにはKindleのハイライトを読み込むプラグインがある
JavaScriptで要素をドラッグして移動する簡単な方法 - Qiita
要素をドラッグして移動することは、JavaScriptにおいて頻出パターンです。 しかし、それを簡単に実現するコードは意外と知られていません。 <img id="$img" src="https://js.cx/clipart/ball.svg" width="40" height="40"> <script> $img.onpointermove = function(event){ if(event.buttons){ this.style.left = this.offsetLeft + event.movementX + 'px' this.style.top = this.offsetTop + event.movementY + 'px' this.style.position = 'absolute' this.draggable = false this.setPointe
JSX記法によるパンくずリストの作り方(フレームワークAstroでの実装) | ARCUSS
パンくずリストはサイト訪問者が現在地を知るため(サイト内で迷子にならないため)にあるものですが、SEO対策においても重要な施作の一つです。 当サイトでもページの左上に設置しています。 パンくずリストを含めたSEOに関する詳細内容は、以下のページでご確認ください。 SEO対策とは？上位表示を目指すうえで気を付けるべき5つのチェックリスト WordPressであれば、All in One SEOなどのプラグインを利用すれば簡単に導入できますが、そうでない場合はコードを書く必要があります。 １ページずつ同じコードをコピペして書くこともできますが、記述ミスや手間、保守面を考えると、非常に効率が悪いですよね。 というわけで今回は、プログラムで作成する方法をご紹介します。 実装は、当社で普段から使用しているフレームワークAstroで行います。 アストロについての詳細は以下の記事をご覧ください。 超高速
間隔の調整ができる点線・破線を作ろう！ | TECK-TOPPA
CSSでグラデーションを作る方法/linear-gradient() こんにちは！Office163スタッフのあべちゃんです！みなさんはCSSでグラデーションを表現したことはありますか？今回はlinear-grad… こちらがbackground-imageにlinear-gradientを指定した状態です。 右に向かってのグラデーションなので、左端に2px分色がつきました。 サイズを指定していないので、pタグ全体で「左2pxが黒、残りはすべて透明」という状態です。 See the Pen lineargradient_dotted03 by TECK-TOPPA (@teck-toppa) on CodePen. ②background-sizeで幅と高さを指定 今のままではサイズが指定されていないので、元となる組み合わせを適切なサイズに指定してあげます。例えばドットは2ピクセル、間隔は
【サイト高速化!】Noto Sansを軽量化してWEBサイトに使う方法 | SEO対策なら株式会社ペコプラ
フォントを軽量化 使うweightを3つに絞ったとはいえ、1ファイル16~17MB。フォントファイルを軽量化(サブセット化)していきましょう サブセットフォントメーカーをダウンロードします。 https://opentype.jp/subsetfontmk.htm Windows用とMac用が別ですので選んでください。 ダウンロード後、インストールし起動するとこのようなソフトが開きます。 ①作成元フォントファイル 参照から選択できます。今回はNotoSansCJKjp-Regular.otfを例にします。 ②作成後フォントファイル 基本的には元のファイルと同じ名前で良いです。場所は混乱しないように別の場所を指定すると良いでしょう。 ③フォントに格納する文字 第1水準漢字、非漢字文字、アスキー文字をコピペします！ 唖娃阿哀愛挨姶逢葵茜穐悪握渥旭葦芦鯵梓圧斡扱宛姐虻飴絢綾鮎或粟袷安庵按暗案闇鞍
今日からはじめるDiscord。基礎の基礎からサーバー運用まで，Discordの基本的な使い方をこの記事で覚えよう
今日からはじめるDiscord。基礎の基礎からサーバー運用まで，Discordの基本的な使い方をこの記事で覚えよう ライター：ワニウエイブ インターネットを介して対戦／協力するゲームはすっかり当たり前のことになり，スポーツ観戦や映画鑑賞のような「趣味」の一つとして嗜まれている。音声通話を用いてゲーム中の意思疎通や雑談を行うような文化も広く一般的なものとなり，日々さまざまな場所で行われている。 主にPCでゲームを遊ぶプレイヤーにとって，今もっとも使われているボイスチャット（音声通話）用のツールはおそらく「Discord」であろう。元々ゲーマーのためのソフトウェアとして開発されていたDiscordだが，今ではゲーマーだけではなく，さまざまなユーザーに広く親しまれている。 というのも，Discordはボイスチャット以外にも便利な機能と扱いやすさを携えており，誰にとっても重宝するツールだからだ。筆
【パルワールド】第2拠点にここ選んだ人多そう
>>33 襲撃辛そう個人的に最強は150-395に拠点 下の洞窟少し前辺りも範囲にすると何故か洞窟前に襲撃者が集まってスタックするからそこに元気球でソウル美味しい襲撃ウェルカム 190-45はルート2箇所あるけど塞ぎやすいしそこまでのルートが切れてるのか敵が登ってきたことが無い平地で建物置きやすいのも良い 飛べるようになったら190-45が石材拠点として最高ここも敵が登ってこないし眺めが最高
高等学校情報科「情報Ⅱ」教員研修用教材(本編)：文部科学省
PDF形式のファイルを御覧いただく場合には、Adobe Acrobat Readerが必要な場合があります。 Adobe Acrobat Readerは開発元のWebページにて、無償でダウンロード可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Creating an Accessible Accordion Component in Astro
import.meta.globEager · vitejs/vite · Discussion #7066
Custom Elements / Web Components with specific attributes cause the markdown renderer to break · Issue #9717 · withastro/astro
Import SVG file in Astro and use it without the <img /> tag
Using SVGs as Astro components and inline CSS | David Warrington
Excel/Word/Teamsなどの日常業務が激変！「Copilot」の使いこなしや導入をマイクロソフトが初歩から解説！[Sponsored]![Excel/Word/Teamsなどの日常業務が激変！「Copilot」の使いこなしや導入をマイクロソフトが初歩から解説！[Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/923eb573cf51e4245d5529656b84197d0eb85d5c/height=288;version=1;width=512/https%3A%2F%2Finternet.watch.impress.co.jp%2Fimg%2Fiw%2Flist%2F1566%2F213%2F058.jpg)
The Valley of Code: Astro
https://twitter.com/psoft_cg/status/1759418030575264248
利用料金 | サービス | なのはな訪問看護ステーション