2023-11

※Web開発

【Notionでできること5選】Notionは何がすごい?概要や基本操作も分かりやすく解説!

この記事でわかること Notion は主にタスクやスケジュール、Wikiなどのワークフローやデータを一元管理する機能を備えている Notionはテンプレートをうまく活用することで、できることが無限に広がる Notionは組織や個人を問わず、...
※Web開発

AI質問 解答例(MYSQL create tabel)

Bird の解答を実際に確認してみたところ エラーが発生します。 訂正を入れております。 AIへの質問 このコードで テーブルを作成できますが もし 該当のテーブルがすでにある場合はテーブルを削除してクリエートするコードに変更してください。...
※Web開発

AI (ChatGPT Bard等 )質問する場合のひな形

// AI (ChatGPT Bard等 )に 質問する場合のひな形// (注意)チャット画面で そのままを押すと その時点で質問確定になってAIの解答が始まってしまいます。// 改行を含めて文章を続けて打ち込む場合は、ではなく  + で改...
※Web開発

【レスポンシブ】CSSで作るtableデザイン&コーディング【コードあり】

もはやスマホ表示を考えないwebサイトは新規制作やリニューアルではほぼない今日、どんなに横に長いテーブルでもレスポンシブでどうするか考える必要があります。PCで組むだけなら何も考えずに済むのですが、スマホの縦長の画面で如何にユーザビリティを...
※Web開発

PHPでSQLを実行する方法を現役エンジニアが解説【初心者向け】

初心者向けにPHPでSQLを実行する方法について現役エンジニアが解説しています。SQLとはデータベースへの問い合わせ言語です。ORACLE、MySQL、PostgresなどのRDBMSで共通で使用できます。PHPではPDOを使ってSQLを発...
※Web開発

Bootstrapの使い方を初心者にも分かりやすく解説

Webサイトを制作する場合、HTMLやCSSのコードを1から書いていくことが多いとは思います。 しかし1からコーディングをすると時間がかかり、なかなか早くWebサイトを作れないこともあるのではないでしょうか。 そんな方におすすめなのが、CS...
※Web開発

CSSだけ!レスポンシブなサイトの作り方と鬼ほど使うプロパティ

スマートフォンが普及した今、パソコンでしか正常に表示されないサイトというのはスマートフォンユーザーからしたら非常に見にくくストレスフルなもの。全てのユーザーに快適にサイトを見てもらうためにも、あらゆるデバイスに対応したサイト制作は必須といっ...
※Web開発

【CSS】結局レスポンシブでのフォントサイズはどう書くべき?

以前にスマートフォンで読み易いfont-sizeを検証した結果、本文のフォントサイズはPC時でもスマホ時でも同じの場合が多いという事、PC時は文字のジャンプ率が高いが、スマホ時では低くなるという事などがわかりました。 その記事がこちらです。...
blog

Webフォント(Googleフォント)の使い方!WindowsやMacに依存しないサイト制作

Webサイトで表示させるフォントには大きく分けると2つあります。 デバイスフォント ・・・ WindowsやMacなどのデバイスに依存 Webフォント ・・・ ネットワーク上からフォントデータを取得 デバイスフォントとは、WindowsやM...
※Web開発

CSS小技集シリーズの第3弾!

複数の背景画像 div { background-image: url(images/img1.png), url(images/img2.jpg); background-position: center, left top; backg...