GraphQL

Next.js

React

Tailwind CSS

Next.js, Django, JWTを使用して認証機能を実装する（フロントエンド編）

Django

Python

"{\"blocks\":[{\"key\":\"50i48\",\"text\":\"\u306f\u3058\u3081\u306b\",\"type\":\"header-one\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{\"id\":\"9f6dd5ea-a640-409b-b933-10c30f6e5c94\"}},{\"key\":\"8rlu6\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"1eb30\",\"text\":\"\u3053\u306e\u30d6\u30ed\u30b0\u3067\u5b9f\u88c5\u3057\u305f\u691c\u7d22\u6a5f\u80fd\u306b\u3064\u3044\u3066\u89e3\u8aac\u3057\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"4d8nt\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"4hhi4\",\"text\":\"\u73fe\u6642\u70b9\u3067\u306f\u3053\u306e\u30d6\u30ed\u30b0\u306f\u3001Next.js(Typescript), GraphQL(Apollo Client, Graphene-Django), Django, MySQL\u3068\u3044\u3046\u69cb\u6210\u3067\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"74hss\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"4b300\",\"text\":\"\u30d6\u30ed\u30b0\u30e2\u30c7\u30eb\u306e\u5404\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3067\u3059\u3002\u2028\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"140ai\",\"text\":\"title = models.CharField\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"6ocs\",\"text\":\"posted_date = models.DateTimeField\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"20kla\",\"text\":\"top_image = models.ImageField\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"fmm3h\",\"text\":\"category_list = models.ManyToManyField\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"b636a\",\"text\":\"content = JSONField\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"da37l\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"807vj\",\"text\":\"content\u306b\u306f\u3001Draft.js\u306b\u3088\u308b\u30ea\u30c3\u30c1\u30c6\u30ad\u30b9\u30c8\u30a8\u30c7\u30a3\u30bf\u3067\u5165\u529b\u3055\u308c\u305f\u30c7\u30fc\u30bf\u304c\u3001JSON\u306b\u5909\u63db\u3055\u308c\u3066\u683c\u7d0d\u3055\u308c\u3066\u3044\u307e\u3059\u3002\u305d\u3057\u3066\u4eca\u56de\u3001\u30ad\u30fc\u30ef\u30fc\u30c9\u691c\u7d22\u3092title\u3068content\u306b\u5bfe\u3057\u3066\u5b9f\u884c\u3059\u308b\u3088\u3046\u306b\u5b9f\u88c5\u3057\u3066\u3044\u304d\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"446g\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"43k5n\",\"text\":\"JSON\u30c7\u30fc\u30bf\u306e\u691c\u7d22\u65b9\u6cd5\",\"type\":\"header-one\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{\"id\":\"981b3f01-63ff-42a2-ad4b-f2c155c55cdf\"}},{\"key\":\"5i4vg\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"4m77m\",\"text\":\"\u5927\u304d\u304f\u5206\u3051\u3066\u4ee5\u4e0b\u306e2\u3064\u306e\u65b9\u6cd5\u304c\u3042\u308b\u3088\u3046\u3067\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"24ekk\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"9f31l\",\"text\":\"1. Django\u306eORM\u3067\u306e\u691c\u7d22\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":17,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"5gtit\",\"text\":\"Django\u306eORM\u306f\u3001\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u64cd\u4f5c\u3092\u62bd\u8c61\u5316\u3057\u3001Python\u306e\u30b3\u30fc\u30c9\u3067\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u306e\u30af\u30a8\u30ea\u3092\u8868\u73fe\u3059\u308b\u305f\u3081\u306e\u30c4\u30fc\u30eb\u3067\u3059\u3002\u5b9f\u969b\u306b\u306f\u3001Django\u306eORM\u306b\u304a\u3051\u308b icontains \u306f\u3001MySQL\u306e LIKE \u691c\u7d22\u306b\u5909\u63db\u3055\u308c\u307e\u3059\uff08\u5f8c\u8ff0\uff09\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"c3m1i\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"8hetm\",\"text\":\"2. MySQL\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u4f7f\u7528\u3057\u3066\u306e\u691c\u7d22\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":22,\"style\":\"BOLD\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"acdcl\",\"text\":\"MySQL\u306f\u3001\u30d5\u30eb\u30c6\u30ad\u30b9\u30c8\u691c\u7d22\u3084JSON\u95a2\u6570\u306a\u3069\u306e\u9ad8\u5ea6\u306a\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\u5927\u91cf\u306e\u30c7\u30fc\u30bf\u3092\u9ad8\u901f\u306b\u691c\u7d22\u3059\u308b\u5fc5\u8981\u304c\u3042\u308b\u5834\u5408\u306a\u3069\u306f\u3001\u3053\u3061\u3089\u3092\u5229\u7528\u3059\u308b\u30e1\u30ea\u30c3\u30c8\u304c\u3042\u308a\u305d\u3046\u3067\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"41eq2\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"cgu8q\",\"text\":\"\u4eca\u56de\u306f\u500b\u4eba\u30d6\u30ed\u30b0\u3067\u3001\u30c7\u30fc\u30bf\u91cf\u3082\u591a\u304f\u306a\u3044\u305f\u30811\u306e\u65b9\u6cd5\u3067\u5b9f\u88c5\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"3btg3\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"d96nj\",\"text\":\"\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u306e\u5b9f\u88c5\uff08Django\uff09\",\"type\":\"header-one\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{\"id\":\"2768289c-9eb5-44df-b5c9-84f738a7afa6\"}},{\"key\":\"d6j0o\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"6l444\",\"text\":\"\u307e\u305a\u3001schema.py\u306eclass Query\u306b\u3001\u4e0b\u8a18\u306e\u95a2\u6570\u3092\u8ffd\u52a0\u3057\u307e\u3059\u3002\u2028\u2028\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"2r2h6\",\"text\":\"def resolve_search_blogs(self, info, query):\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":4,\"style\":\"Orange\"},{\"offset\":4,\"length\":20,\"style\":\"blue\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"9m748\",\"text\":\"    if query:\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":3,\"length\":4,\"style\":\"Orange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"afp6u\",\"text\":\"        return Blog.objects.filter(\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":8,\"length\":6,\"style\":\"Orange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"fesu\",\"text\":\"            Q(title__icontains=query) |\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":14,\"length\":16,\"style\":\"green\"},{\"offset\":14,\"length\":16,\"style\":\"Yellow\"},{\"offset\":14,\"length\":16,\"style\":\"pink\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"bfdj2\",\"text\":\"            Q(content__icontains=query)\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":14,\"length\":18,\"style\":\"Yellow\"},{\"offset\":14,\"length\":18,\"style\":\"pink\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"esr0g\",\"text\":\"        )\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"ctl2b\",\"text\":\"    else:\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":4,\"length\":4,\"style\":\"Orange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"1f0ss\",\"text\":\"        return []\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":8,\"length\":6,\"style\":\"Orange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"5s2fh\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"783c6\",\"text\":\"\u3053\u306e\u30b3\u30fc\u30c9\u306f\u3001query\u304c\u5b58\u5728\u3059\u308b\u5834\u5408\u3001\u30d6\u30ed\u30b0\u306e\u30bf\u30a4\u30c8\u30eb\u307e\u305f\u306f\u30b3\u30f3\u30c6\u30f3\u30c4\u306b\u305d\u306e\u30ad\u30fc\u30ef\u30fc\u30c9\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u30d6\u30ed\u30b0\u3092\u30d5\u30a3\u30eb\u30bf\u30ea\u30f3\u30b0\u3057\u3066\u8fd4\u3057\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"bo6ud\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"816ja\",\"text\":\"Q(title__icontains=query) |\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":27,\"style\":\"highlightOrange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"775hq\",\"text\":\"Q(content__icontains=query)\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":27,\"style\":\"highlightOrange\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"952b9\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"4ooi0\",\"text\":\"\u4e0a\u8a18\u306e\u90e8\u5206\u304c\u3001Django\u306eORM\u306b\u3088\u308a\u3001MySQL\u306e LIKE \u691c\u7d22\u306b\u5909\u63db\u3055\u308c\u5b9f\u884c\u3055\u308c\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"47vsa\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"a3345\",\"text\":\"\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u306e\u5b9f\u88c5\uff08Next.js\uff09\",\"type\":\"header-one\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{\"id\":\"d9eacac0-b36f-4977-8e2e-fc132ba6daef\"}},{\"key\":\"73n3r\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"7ko8d\",\"text\":\"\u6b21\u306b\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3067\u30af\u30a8\u30ea\u3092\u5b9f\u88c5\u3057\u3066\u3044\u304d\u307e\u3059\u3002Graphene-Django\u3092\u4f7f\u7528\u3057\u3066\u3044\u308b\u305f\u3081\u3001Relay\u306e\u30af\u30a8\u30ea\u306e\u5f62\u5f0f\uff08edges, node\u3092\u4f7f\u7528\uff09\u306b\u5247\u3063\u305f\u66f8\u304d\u65b9\u3092\u3057\u3066\u3044\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"ct9ml\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"eh995\",\"text\":\"src/graphql/queries.ts\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":22,\"style\":\"highlightGray\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"csc4m\",\"text\":\"export const SEARCH_BLOGS_BY_KEYWORD = gql`\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":13,\"style\":\"Orange\"},{\"offset\":13,\"length\":23,\"style\":\"pink\"},{\"offset\":39,\"length\":3,\"style\":\"blue\"},{\"offset\":42,\"length\":1,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"74r0j\",\"text\":\"  query ($keyword: String!) {\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":2,\"length\":27,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"1vjbt\",\"text\":\"    searchBlogs(query: $keyword) {\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":34,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"9q18b\",\"text\":\"      id\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":8,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"9tteq\",\"text\":\"      title\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":11,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"4fmak\",\"text\":\"      postedDate\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":16,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"dcsjc\",\"text\":\"      categoryList {\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":20,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"e385a\",\"text\":\"        edges {\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":15,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"a8o6n\",\"text\":\"          node {\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":16,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"3e76m\",\"text\":\"            name\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":16,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"17ood\",\"text\":\"          }\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":11,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"8bbc3\",\"text\":\"        }\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":9,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"68i9b\",\"text\":\"      }\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":7,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"fresa\",\"text\":\"      topImage\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":14,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"8gt56\",\"text\":\"    }\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":5,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"1k13c\",\"text\":\"  }\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":3,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"6jv0f\",\"text\":\"`;\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":1,\"style\":\"green\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"2kbku\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"37bk2\",\"text\":\"SEARCH_BLOGS_BY_KEYWORD\u306b\u3001\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u5f15\u6570\u3067\u6e21\u3059\u3068\u3001\u7d50\u679c\u3092\u30ea\u30b9\u30c8\u3067\u8fd4\u3057\u3066\u304f\u308c\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"caid1\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"apeak\",\"text\":\"\u4eca\u56de\u306f\u691c\u7d22\u7d50\u679c\u3092\u30ab\u30fc\u30c9\u5f62\u5f0f\u3067\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u3060\u3051\u3067\u3001content\u306f\u4f7f\u7528\u3057\u306a\u3044\u305f\u3081\u8a18\u8f09\u3057\u307e\u305b\u3093\u3002\uff08\u7121\u99c4\u306a\u30c7\u30fc\u30bf\u53d6\u5f97\u3092\u3057\u306a\u3044\u3088\u3046\u306b\u3059\u308b\uff09\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"97oqh\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"6p377\",\"text\":\"src/pages/search/[id].tsx\u306b\u3066\u3001getServerSideProps\u3067\u4e0b\u8a18\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":25,\"style\":\"highlightGray\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"ebaf8\",\"text\":\"const { data: blogData } = await client.query<SearchBlogsData>({\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":5,\"style\":\"Orange\"},{\"offset\":27,\"length\":5,\"style\":\"Orange\"},{\"offset\":8,\"length\":4,\"style\":\"pink\"},{\"offset\":40,\"length\":5,\"style\":\"blue\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"aird9\",\"text\":\"  query: SEARCH_BLOGS_BY_KEYWORD,\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":2,\"length\":5,\"style\":\"pink\"},{\"offset\":9,\"length\":23,\"style\":\"pink\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"1aint\",\"text\":\"  variables: { query: searchTerm },\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":2,\"length\":9,\"style\":\"pink\"},{\"offset\":15,\"length\":5,\"style\":\"pink\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"b37eb\",\"text\":\"});\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"502cm\",\"text\":\"\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"5mhnl\",\"text\":\"const blogsByKeyword = blogData.searchBlogs;\",\"type\":\"code-block\",\"depth\":0,\"inlineStyleRanges\":[{\"offset\":0,\"length\":5,\"style\":\"Orange\"},{\"offset\":32,\"length\":11,\"style\":\"pink\"}],\"entityRanges\":[],\"data\":{}},{\"key\":\"aeknf\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"ci16g\",\"text\":\"\u305d\u3057\u3066\u3001blogsByKeyword\u3092\u30da\u30fc\u30b8\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8\u306b\u6e21\u3057\u3066\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3057\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"6ldf7\",\"text\":\"\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}},{\"key\":\"58mhj\",\"text\":\"\u3053\u308c\u3067\u3001\u691c\u7d22\u3057\u305f\u30ad\u30fc\u30ef\u30fc\u30c9\u3092\u542b\u3080\u30d6\u30ed\u30b0\u3092\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\",\"type\":\"unstyled\",\"depth\":0,\"inlineStyleRanges\":[],\"entityRanges\":[],\"data\":{}}],\"entityMap\":{}}"

Django で JSON データを検索する

OpenWeatherMap を使って、天気情報を取得しよう

ヘッダーの切り替えとメニューホバー時にサブメニューをニョロっと出す方法について

Nakashima Blog

検索

カテゴリーで検索 :

JS についての記事 4 件

Next.js, Django, JWTを使用して認証機能を実装する（フロントエンド編）

Django で JSON データを検索する

OpenWeatherMap を使って、天気情報を取得しよう

ヘッダーの切り替えとメニューホバー時にサブメニューをニョロっと出す方法について