Web担メモ

ログインメモする

Web担メモ

HOME

Web担当者が、日々の業務の中で役立ったことをメモしています。

Django

U3

2020/9/2

2024/11/7

編集にはカテゴリー認証が必要です ▼受付終了にする

とは

関連する投稿

プログラミング不要のNoCode（ノーコード）

ノーコードの勉強を始めるなら…ウェブアプリを作るなら…BubbleのAcademyでスタートがおすすめhttps://blog.nocodelab.jp/entry/2019/07/24/%E3%83%8E%E3%83%BC%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7%E3%82%A6%E3%82%A7%E3%83%96%E3%82%A2%E3%83%97%E3%83%AA%E3%81%8C%E4%BD%9C%E3%82%8C%E3%82%8B%EF%BC%81Bubble%EF%BC%88%E3%83%90%E3%83%96%E3%83%AB日本語ならWeb制作ならWix投稿型サイト作成ならSHARE infoローコードとは全くプログラミングがないわけではないけどコードを書く場所は少ない。ワードプレスやStripeなど

プログラミング

0
151
0

U3

MVCとは　モデル・ビュー・コントローラー

MVCの概念とは「機能によってプログラムの中身を分けて記述する」ことデメリットおおよその役割分担では、プログラムの構造が歪になってしまう危険性がある

プログラミング

0
102
0

U3

REST API とは

https://qiita.com/masato44gm/items/dffb8281536ad321fb08RESTful API(REST API)

プログラミング

0
122
0

U3

Clerkとは？　「認証〜ユーザー管理」のためのSaaS

Clerkは「ログイン機能をゼロから作る手間を省き、安全で高機能な認証を短時間で実装するための開発者向けツール」です。ClerkはNext.jsとの親和性が非常に高く、サーバーサイドレンダリング(SSR)環境下での認証も非常にスムーズです。

プログラミング

0
10
0

U3

[APIを叩く]ってどういう意味?

「APIを叩く」というのは、IT業界でよく使われる独特な言い回しですが、簡単に言うと「外部のプログラム（サービス）に、用事をお願いする」という意味です。「叩く」といっても物理的に叩くわけではなく、「通信を送って、指示を出す」というニュアンスですね。1. 例え話でイメージする「レストランの注文」に例えるとわかりやすいです。あなた（Next.jsなど）：お客さんAPI（SupabaseやStripe）：厨房（キッチン）「APIを叩く」：あなたが店員さんに「ハンバーグを1つください！」と注文を伝える行為そのものです。注文（APIを叩く）をすると、キッチンで調理が行われ、料理（データ）が返ってきます。2. 具体的な「お問い合わせフォーム」の流れ例えばNext.jsで作ったWebサイトのお問い合わせフォームと課金機能で、どこが「叩く」部分にあたるか見てみましょう。ユーザーがサイトのお問い合わせボタンを押す。Next.js（あなたのサイト）が、SupabaseのAPIを叩く。（お願い内容：このお問い合わせ内容をデータベースに保存しておいて！）Supabaseが処理を終えて、「保存できたよ！」という返事を返す。次に、StripeのAPIを叩く。（お願い内容：このユーザーの決済画面を作って！）Stripeが「決済画面のURL」を返してくれる。3. なぜ「叩く（Hit）」と言うのか？英語の "Hit the API" を直訳した表現だと言われています。ドアをノックして「おーい、これやってくれ！」と呼びかけるようなイメージから、エンジニアの間では「APIを呼び出す（Call）」よりも「叩く」という言葉が定着しました。💡 まとめると「APIを叩く」＝「プログラムから他のサービスにデータを送ったり、もらったりする通信を行うこと」です。Next.jsからSupabaseにデータを送る際も、専用の道具（SDK）を使って、裏側でバシバシAPIを「叩いて」やり取りすることになります。

プログラミング

0
5
0

U3

多言語対応の基盤(i18n)： Next.js標準の next-intl ライブラリ

Next.jsで多言語対応（i18n）を実装する際、現在もっとも推奨される選択肢の一つが next-intl です。App Router環境との親和性が非常に高く、TypeScriptでの型安全性や、サーバーコンポーネントでのレンダリングに最適化されています。next-intl の主な特徴App Router 対応: Server Components での直接的な翻訳呼び出しが可能。型安全: メッセージ定義から TypeScript の型を自動生成し、存在しないキーへのアクセスをコンパイル時に検知できる。柔軟なルーティング: URLへのロケール接頭辞（/en/about など）の付与や、Cookie/Header を使ったロケール判定が容易。動的ローカライズ: 日付、時刻、数値のフォーマットも組み込みで対応。実装の基本ステップ1. インストールBashnpm install next-intl2. ディレクトリ構成推奨される構成例です：Plaintext/messages /en.json /ja.json/src /i18n.ts # 設定ファイル /middleware.ts # ルーティング制御3. メッセージ定義 (messages/ja.json)JSON{ "Index": { "title": "こんにちは、世界！" }}4. コンポーネントでの利用サーバーコンポーネントで非常にシンプルに記述できます。TypeScriptimport {useTranslations} from 'next-intl';export default function HomePage() { const t = useTranslations('Index'); return <h1>{t('title')}</h1>;}検討すべきポイントnext-intl を導入する際は、以下の設計判断が重要になります。考慮事項内容ルーティング戦略URL にロケールを含めるか (/ja/path)、サブドメイン/Cookie で判定するか。辞書管理JSON ファイルを直接管理するか、Contentful などの CMS から API 経由で取得するか。型定義next-intl の型生成機能を活用し、開発時のミスを最小化する。少しだけ注意点もNext.jsと next-intl は強力ですが、以下の点はプロジェクト開始前に決めておく必要があります。辞書ファイルの管理: ページが増えると ja.json が数千行になることもあります。ファイル分割の戦略を最初に決めておかないと、後でカオスになりがちです。動的コンテンツ: データベースから取得したユーザー名や動的なエラーメッセージの翻訳など、少し複雑なロジックが必要な場面もあります。

プログラミング

0
7
0

U3

Javascriptの 'use strict';とは

'use strict'; は JavaScript の厳格モード。意図しないバグを防ぐ安全策です。

プログラミング

0
13
0

U3

スクレイピングとは

スクレイピング（ウェブスクレイピング）とは、プログラムによって自動でWebサイト上から情報を抽出すること。ユーザーが手動で情報を収集する作業を代わりに行なってくれる。大量の情報抽出が必要な場合に便利。--------全国50都市で開催、1万人が受講。ゼロから始めるPython入門講座。オンライン・無料開催。復習動画つき90分で関数が書けるようになります。https://px.a8.net/svt/ejp?a8mat=3T26WO+GAFZN6+4PGA+BXB8ZUdemyPythonによるWebスクレイピング〜入門編〜【業務効率化への第一歩】https://www.udemy.com/share/101WPE/

プログラミング

0
59
0

U3

Jinja2とは

Jinja2は、Pythonで広く使われる強力なテンプレートエンジンで、HTMLなどのテキストファイルにPythonの変数や制御構文（if文、forループなど）を埋め込み、動的で再利用可能なコンテンツを生成します。用途例ウェブ開発：:FlaskやDjangoなどのフレームワークで動的なWebページを生成。静的サイトジェネレーター：:マークダウンやデータからHTMLファイルを生成。設定ファイル生成：:CSV, XML, YAMLなどのテキストベースのファイル生成。

プログラミング

0
12
0

U3

FAQシステムの比較サイトまとめ

よくある質問（FAQ）を公開することで、企業はサポートコストを大幅に削減できます。まずはFAQを検索して類似の質問がないか確認していただけるからです。そんな便利なFAQが作れるシステムが出ていますが、費用は無料のものから何十万、何百万というものまでさまざまです。比較サイトをまとめました。https://www.aspicjapan.org/asu/article/1028https://boxil.jp/mag/a2705https://it-trend.jp/faq_system/article/109-0003https://liskul.com/faq-system-27729https://kigyolog.com/service.php?id=33

プログラミング

0
84
0

U3

アクセスランキング

1

Excelで一つの値を一番下のセルまでコピーしたい時

8

2

rakuten handを初期化しても電話番号の情報が残っている

7

3

Google Playストアでアプリを一時的に非公開にする方法

6

4

ホームページで複数ページのヘッダーとフッターを共通にするサンプルコード

6

5

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

5

6

Webデザイナー＋コーダー＝Readdy

5

7

NEWマークを任意の日数だけ表示させる（JavaScript）

5

8

★リスト表示をjQueryで絞り込んで表示させる方法(フィルタ機能)

5

9

Google広告で領収書や支払明細を発行したいとき

5

10

顧客管理：BASEの例

5

11

Excel：都道府県をプルダウンで選択すると、その都道府県の市区町村だけが次のセルの選択肢として出てくる

5

12

モニター（ディスプレイ）が突然消えたりついたりを繰り返す

4

13

DreamＷeaver：コメントアウトのショートカット

4

14

[APIを叩く]ってどういう意味?

3

15

App Storeでアプリを一時的に配信停止にする方法

3

16

Criteoという広告が勝手に表示される

3

17

エンティティ文字とは

3

18

Googleアナリティクス：通貨を日本円にしたい

3

19

Firebaseとは〜Googleが提供するバックエンドプラットフォーム（mBaaS）

2

20

Excelで指定の行に飛びたいとき（例えば2300行目とか）にパッと移動できる方法は

2

コメントランキング

1

AIO (AI最適化) 重点要件

1

2

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

3

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

1

いいねランキング

1

Androidのアプリが「繰り返し停止しています」と表示される場合の対処法

2

Looker Studio（Googleが無料で提供するBIツール）

1

3

AIコピペハラスメントとは？〜AIが生成した文章をそのまま送るのはやめよう

1

この投稿者に問い合わせ

お名前

メールアドレス

電話番号（任意）

本文

この投稿者に問い合わせ

当サイトでは、Cookieを使用しております。

すべての Cookie の使用に同意いただける場合は、下記の「同意します」をクリックしてください。

シェア
ログイン
利用登録する
ログアウト
マイアカウント
メモする

このサイトについて
問合せ