[Next.js+Vercel+microCMS] microCMS と Next.js でブログを作る | DevelopersIO
ブログのコンテンツになります。 リッチエディタを使用すると、API から HTML が戻されます。ただ改行がそのまま <br> で出力されたり、画像にひと手間加えたくなるケースはありそうなので、こだわりがあるのであればテキストエリアを選択する必要がありそうです。今回はこだわらないのでリッチエディタを選択しています。 また、記事から登録済みのタグを登録できるようにしています。一記事に複数個の登録可能なタグなので、複数コンテンツ参照から参照コンテンツとしてタグを選択しました。 slug のようなフィールドはエンドポイントとなるコンテンツ ID で持つことになるため、フィールド ID として別途用意する必要はりません。 Next.js でブログを作っていく Next.js については 公式サイト と、公式のリポジトリに含まれている examples が非常に参考になります。こちらでもざっくりと導
![[Next.js+Vercel+microCMS] microCMS と Next.js でブログを作る | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/406d924d7d4c6327201a8281e75820982243f551/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F01%2Freact.jpg)
=== 何の本？=== プログラマ向けの情報を集めたA5サイズのマニュアル本です。 何回やっても毎回ググってしまう内容や、ググってもなかなか正しい情報が出ないものを中心に、約200ページ書き下しています。 === どこで売っているの？ === 技術書典 7 で販売させて頂きました。 ※これは電子版のみです。書籍版は付いていませんのでお気を付けください === どんな内容なの？ / 伝えたいことがあるんだけど… === https://www.kcrt.net/ppr をご覧ください。
動画をクリックするとWebGLビルドに飛びます。 また、ソースコードはgithubに置いてあります。 こんにちは。技術部平山です。 今回は、3D空間にある物をいい具合に画面に収めるための計算について説明します。 動画では16個の球が好き放題動き回っており、 カメラはこれが全部画面に入るように追跡しています。 補間計算のために少々遅れがあってはみ出すことがありますが、 おおむね収まっていることがわかります。 17年かかってしまった... 実は、この問題に初めて出会ったのは17年も前のことです。 その時は時間がなかったので、ずいぶんテキトーな近似で良しとして、 真面目に考えることをしませんでした。 その後も数回この問題に当たる機会があったのですが、 やはりその度にテキトーな近似と手調整でその場しのぎをしてしまい、 今日に至るまでイマイチな方法しかないままで来てしまったのです。 こんなのwebに
Serenade
The open-source voice assistant for developersWith Serenade, you can write code using natural speech. Serenade's speech-to-code engine is designed for developers from the ground up and fully open-source. Take a break from typingGive your hands a break without missing a beat. Whether you have an injury or you're looking to prevent one, Serenade can help you be just as productive without typing at a
LambdaとRDS の理想と現実 こちらの LambdaとRDSで爆死してみる の続編となります。 こちらでは、LambdaとRDSの相性悪い問題を具体例をもって説明するために壮大に爆死してみました。 ただ現実問題として、LambdaとRDSを組み合わせて使いたい人は数多くいると思います。 理想はLambdaにこだわるならDynamoDBといったコネクションの上限数などを気にしなくてすむアーキテクチャかと思います。 それでも、それでも、現実解としてLambdaとRDSを組み合わせて使う構成をいくつか検討してみました。 ありがちなアンチパターン まず改めてアンチパターンの紹介です。 API Gatewayとの組み合わせ クライアントがAPI Gatewayへリクエストを投げて、それがLambdaに渡り、RDSへinsertするパターンですね。 実際よく検討されているパターンかと思います。リ
こんにちは。倉内です。 PythonはAI・機械学習やデータ分析などの分野で利用されており、興味を持っている方も多いのではないでしょうか。 ITmediaに掲載された「2021年、ITエンジニアが学びたいプログラミング言語ランキング」（2021年2月11日公開）によりますと、1位はPythonで全体の32.8％を占め圧倒的な支持を集めました。（2位のJavaは9.3％、3位のJavaScriptは5.9％となっています） また、PythonのWebフレームワークであるDjangoやFlaskも人気が高く、Webアプリケーション開発でも存在感を増してきている言語です。 今回は、paizaラーニングの新講座「Python体験編」（全編無料）を使ってこれからPythonを学びたい方、プログラミングに初めて触れる方でも効率よく基本を習得できる学習法をお伝えします。 後半では基本を押さえた方向けにア
ブラウザ上でzipファイルの中身を安全に確認でき、その中身の編集ができる無料のオンラインサービス・Webアプリを紹介します。 ローカル環境でzipファイルを解凍したくない時などに、便利です。
新たな3Dモデリング＆CADプログラム『Plasticity』リリース。自由曲面を滑らかに表現するNURBSモデリングを採用
3Dモデリング＆CADプログラム『Plasticity』がリリース 自由曲面を滑らかに表現するNURBSモデリングを採用 料金は買い切り型で「Studio」プランには購入から12か月間のメジャーアップデートを含むすべてのアップデートも含まれる
お知らせやエラー通知などでシステムを運用する上で欠かせないメール送信機能ですが、Pythonには標準ライブラリでSMTPクライアントとなるsmtplibが予め用意されているため簡単にメールを利用することができます。また、メール送信時にはMIME形式のデータを扱う必要がありますが、こちらも標準ライブラリで用意されています。 細かい説明をすっとばしてとりあえずメールを送信したい場合はGメール送信サンプルを参照してください。 smtplibの使い方 smtplibの使い方ですが、基本的にはMIMEを作成して送信するだけなのですが、SMTPサーバー側の設定によりログインなどの処理を必要に応じて追加していくことになります。 認証なしの場合 （通常ありえないですが）まず、LAN内部で開発用のよううな認証なしのSMTPサーバを利用する場合以下のようになります。MIMEは自力で書く必要はなく、標準モジュー
PandasのDataFrameを縦持ちから横持ちにする方法とその逆(横持ちから縦持ちにする方法)についての備忘録です。 縦持ちと横持ち 縦持ちは、以下のように、カラム固定で1行に1つの値を持たせている表です。カラムをおいそれと変更できないDBのテーブルなどはこういった形かと思います。 customer_id product_id count C1 P1 1 C1 P2 2 C2 P2 2 C2 P2 1 C3 P3 3 一方で、横持ちは、カラム数が可変で1行に複数の値をもたせている表です。行列はこういう形になるでしょう。 P1 P2 P3 C1 1 2 0 C2 0 3 0 C3 0 0 3 縦持ちから横持ちへ変換する それでは縦持ちとなっている以下のデータを横持ちへ変換します。 import pandas as pd import numpy as np orders_df = pd.
［Python入門］モジュールの使い方
utility.pyファイルで定義されている関数fizzbuzzは、他のPythonプログラムでそのモジュール（utility.pyファイル）を「インポート」（導入）することで、いつでも使える。つまり、一度、関数fizzbuzzを定義してしまえば、そのコードを何度も書き直す必要がなくなる。これが上で述べた「コードの再利用」だ。これを実現するための仕組みが関数であり、モジュールだ。なお、モジュールの作成については次回に詳しく取り上げる。 なお、1つのモジュールには、意味的に関連性がある関数などをまとめるのが一般的だ。例えば、数学関数（絶対値、三角関数など）をまとめたモジュールや、HTTP通信を行うためのモジュールなどが考えられる。 Pythonには、これまでに何度も使ってきた組み込みの関数に加えて、さまざまな機能を提供するモジュールが「標準ライブラリ」として用意されている。組み込み関数（や、
JSON Type Definition
package com.example; import com.fasterxml.jackson.annotation.JsonProperty; import com.fasterxml.jackson.databind.annotation.JsonSerialize; import java.time.OffsetDateTime; @JsonSerialize public class User { @JsonProperty("createdAt") private OffsetDateTime createdAt; @JsonProperty("id") private String id; @JsonProperty("isAdmin") private Boolean isAdmin; @JsonProperty("karma") private Integer karm
GitHub - Vexu/bog: Small, strongly typed, embeddable language.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
先日、ＮＨＫの番組で、「岸辺露伴は動かない」 を放送していました。 これは、人気アニメ、「ジョジョの奇妙な冒険」のスピンオフ作品（実写版）です。 その中で、「逆さ言葉」を言う女の子が出てきました。 「こんにちは」 → 「はちにんこ」 「のどかわいた」 → 「たいわかどの」 都度、何と言っているのか気になったので、逆さ言葉に変換するプログラムを作ってみました。 以下に、メッセージを入力すると、逆さ言葉を出力します。 こんな感じです。
Quantum Education for future Technologies. ーオンラインコース・サマースクール開発プログラムー
Quantum Education For Future Technologies 量子技術教育プログラム：オンラインコース・サマースクール なぜいま量子か? 量子力学が体系付けられてきてから既に100年以上の月日が経っている。 1800年代後半、その時には空想上のものですらなかった量子の効果が種々の実験に垣間見られるようになった。人類の歴史の中で量子が長らくその存在さえ知られていなかった理由として量子の持つ脆弱さがある。量子からの信号は、かつてノイズの中に埋もれ確認が困難であったが、装置や技術の向上に伴いゆっくりではあるが見ることができるようになってきた。この100年は人類にとって「量子の観測」の旅路だったとも言える。しかしその長い年月の後でさえ量子力学は未だに非自明であり、我々の直感ではなかなか理解しづらいことが多い。 近年量子技術は新たな展開を迎えている。見ることさえ難しかった量子は
Clojure - History
The History of Programming Languages conference series produces accurate historical records and descriptions of programming language design, development, and philosophy. It is infrequently held: the first three were in 1978, 1993, and 2007. 2020 is the time for HOPL-IV, and I’m very excited and honored to have a paper on Clojure be accepted. I want to thank Guy Steele and Richard Gabriel, co-chair
「 LINE Smart City GovTechプログラム 」無償提供｜LINE Smart City for Fukuoka
LINE SMART CITY GovTechプログラムのページのリニューアルに伴い、URLが変更となりました。 （約5秒後に自動で移動します） お気に入り（ブックマーク）に登録されている方は、お手数ですがURLの変更をお願い致します。 （移動しない場合は，下記URLをクリックしてください） https://linefukuoka.co.jp/ja/project/smartcityproject/service/govtech/
The Complete 2020 Flutter Development Bootcamp with Dartを最後までやってみた | DevelopersIO
合計で30時間程のFlutterの基礎的な所かProviderを使ったState管理の基本まで抑えたUdemyのオンライン講座です。Flutterの学習にあたり参考にしていた記事で知って購入し最後まで終えたので記事にしようと思います。 知ったきっかけの記事は以下です。 Flutterの効率良い学び方 - Flutter ?? - Medium The Complete 2020 Flutter Development Bootcamp with Dart | Udemy Flutterでの開発における基本的な概念を全てカバーしていると謳っています、また、GoogleのFlutter teamと共同で製作されたコースなので品質はあまり心配していませんでしたが、やってよかったなと思える品質で楽しかったです。Dartの言語機能は必要に応じて本題のサンプルアプリケーションの講義とは別に解説されます
Nuxt.js（ Vue.js ）とFirebaseで、新規登録の際にRealtime Databaseにユーザーの情報を保存します 概要 今回は、Nuxt.jsとFirebaseで、新規登録をする際にユーザー情報を、Realtime Databaseにも保存ができるよう実装していきます。 今回は、メールで登録する場合になります。 普段はRailsを使用していて、Nuxt.jsを使う機会があったため記録として書いて残しています。 初心者なので、色々ご教授、コメントいただけると幸いです！ 前提 前回の記事で新規登録の仕方を紹介しています。 FirebaseのAuthenticationにはユーザーの情報が保存される前提で進めていきます。 Node.js v10.15.3 Nuxt.js v2.8.0 ユーザー情報をRealtime Databaseへ保存します 1. 現在のコードの確認 見た
Discover Today's Best Tech Blogs, Written by Developers
Hello and Welcome!Blogging for Devs Trends is meant to be a fun way to discover the most discussed technical content on Twitter, without doomscrolling your day away. To do this, we track 354 of the best technical blogs by developers and industry experts, across over two dozen categories. Points are weighted to reward mentions and replies by individual developers more than likes and retweets. You c
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Bootstrapは開発者でも整ったデザインが簡単に実現できる便利なUIフレームワークですが、jQueryに依存している点がいけてません。jQueryは便利ですが、今時…と思ってしまっている人も多いでしょう。実際、次期バージョンのv5からはjQueryを外すといわれています。 そんなBootstrapについて、現在のv4、そしてv3についてもjQueryを外したソフトウェアがNative JavaScript for Bootstrapになります。 Native JavaScript for Bootstrapの使い方 こちらはv3。 v4。JavaScript部分もちゃんと動作します。 Native JavaScript for BootstrapはjQueryを純粋なJavaS
穂乃井 a.k.a ほのっぺ on Twitter: "BASICプログラム10行で作られた #MSX 用RPG『10 Lines Hero』、完成しました！！ よければリンクから飛んで遊んでみてください！(起動まで約30秒ほどかかります) 説明書とプログラムのスクショをこのツイートに… https://t.co/c8bwcZ523n"
BASICプログラム10行で作られた #MSX 用RPG『10 Lines Hero』、完成しました！！ よければリンクから飛んで遊んでみてください！(起動まで約30秒ほどかかります) 説明書とプログラムのスクショをこのツイートに… https://t.co/c8bwcZ523n
はじめに 本記事は、最近一部でレガシー言語といわれたりオワコンといわれたり 踏んだり蹴ったりなJavaの面白さを語る記事です。 筆者はSE3年目実務ではJava,JavaScript(たまにPythonとScala)をよく使い 個人的にReactとHaskellの勉強をしているぐらいのスペックです。 暇つぶしに読んでいただければ幸いです。 Javaが古めかしいといわれる所以を考察 大きく分けて3点あると思います。 ・構文が長くなりがちである ・Javaを取り巻く環境 ・Java9以降の機能があまり知られていない 順にみていこうと思います。 途中、他言語との比較を行いますが、優劣を決めるものではありません。 構文が長くなりがちである。 以下のソースコードは、紹介されているのを見たことのある Listに要素を格納するコードです。 public class sample { public sta
Code quality remains an abstract concept that fails to get traction at the business level. Consequently, software companies keep trading code quality for time-to-market and new features. The resulting technical debt is estimated to waste up to 42% of developers' time. At the same time, there is a global shortage of software developers, meaning that developer productivity is key to software busines
この記事では、マネージド コード用の Microsoft 単体テスト フレームワークと Visual Studio テスト エクスプローラーを使用して一連の単体テストを作成、実行、およびカスタマイズする手順について説明します。 開発中の C# プロジェクトで作業を開始し、そのコードを実行するテストを作成し、テストを実行し、結果を調べます。 次に、プロジェクト コードを変更し、テストを再実行します。 これらの手順を実行する前に、これらのタスクの概念の概要を確認したい場合は、「単体テストの基本」を参照してください。 テストするプロジェクトを作成する Visual Studio を開きます。 スタート ウィンドウで、 [新しいプロジェクトの作成] を選択します。 .NET 用の C# [コンソール アプリ] プロジェクト テンプレートを検索して選択し、[次へ] をクリックします。 Note [コ
GitHub - racketscript/racketscript: Racket to JavaScript Compiler
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
はじめに Web系自社開発企業３社（自社サービス:１社, 自社サービス+受託２社）に内定 Web系エンジニアを志したきっかけは勝又さんのYouTube動画 転職までに利用したサービスは、以下の通りです。 雑食系エンジニアサロン MENTA Tech Academyフロントエンドコース 自己紹介 年齢：23歳（新卒2年目） 会社：元請けSIer 職業：システムエンジニア 成果物：github 転職活動前のスキル Java：新人研修3ヶ月で学習した程度 Vue.js：実務経験2ヶ月 ※コードを読める程度 インフラ：オンプレミス案件に1年従事 基本情報：午後2回落ちる（0.5点足りなかった） 転職までの道のり 2020年1月〜3月 Ruby on Rails基礎 フルスタックエンジニアが教える 即戦力Railsエンジニア養成講座 The Complete Ruby on Rails Develo
ベータサイト
PC-Talker ベータサイト ベータ版ダウンロード メーカー、パワーユーザ、販売店向けにツールソフトやベータ版情報を掲載しています。リリース前の製品の動作、相性の確認等にお使いください。 なお、ツールソフトやベータ版の不具合につきましては、サポートいたしかねます。お客様の責任でお使いください。 ベータ版の不具合のご報告は develop@aok-net.com までお願い致します。 クリエイター版 PC-Talker Neo Plus アクセシビリティに対応したWebページを作成する晴眼者(Webクリエイター)、または一般アプリケーションの開発者向けの検証用プログラムです。 開発者向けにカスタマイズしたPC-Talker Neo Plus が無料ご利用いただけます。 このプログラムには以下の制限があります 1．音声出力機能はありません。(音声で出力されるテキスト情報を、音声キャプション
初めてのサウンドプログラミング - Qiita
サウンドプログラミングしたい。 ゴリゴリの文系、音楽の素養ナシのwebエンジニアが0から音楽系サウンドプログラミングを学んでいく話です。ちなみに最終目標はコーラスを合成するGUIアプリ。道のりとおし。 それまでに学んだことをぼちぼち落としていきたいと思っています。 サウンドプログラミングとは? サウンドプログラミングと一口に言っても、音声認識だったり音楽だったり、電話の信号変換の話もあったりします。とにかく幅が広い。 私が指しているサウンドプログラミングとは、デジタルオーディオの世界の方です。 誰向けか? サウンドプログラミングに興味があるけどどこから手をつけるべきかわからない人 数学ができない人 プログラミングはやったことある人 シンセサイザーを自作してみたい人 さあ始めよう! しかし、いざサウンドに手を出してみると、知らなければならない情報が多すぎて何を勉強したらいいのかわからないのも
Help us understand the problem. What are the problem?
注意書き 2019 年 10 月 9 日に開催の #tc39_study 用に作成した資料です。 執筆時点で TC39 の Proposals に上がっている機能を紹介します。 将来的に JavaScript（ECMAScript）に取り入れられるかもしれませんし、取り入れられないかもしれませんし、紹介内容から仕様が大きく変更になるかもしれません。 TC39 の承認プロセスについては、https://tc39.es/process-document/ をご覧ください。 Math に 4 つの関数と 2 つの定数を追加する Proposal です。 コンピュータグラフィックス方面で時々使うような処理が追加されます。 本記事の執筆時点で Stage 1 です。 Math.clamp(x, lower, upper) x が lower を下回ったときは lower を、upper を上回った時
SPA, SSR, プリレンダリング（SSG）, React, Vue.js, Next.js, Nuxt.js。 正直、いまのWebの技術はいろんなことが多すぎて、すべてを理解できません。似てることも多いし。 こういうときは、しっかり基本に立ち返ります。そうすれば振り回されないし学習が速くなる。 Next.jsとNuxt.jsのちがいであれが良い、これが良いという情報に疲れてきました。 （好みで言ってない？ ポジショントークになってない？） （どっちもいいと割り切ったほうがいいんじゃないか？） それよりも、『Webサーバーってどうなってるの？』『ブラウザって何してるの？』を知って、どうやってWebページは表示されるのか、大まかなイメージをもっておくほうがいいと思って、自分の復習用に書いています。 （出てきては消えていく技術情報ばかり追いかけたら堂々巡りになる。） そのあとに、SPA, S
The history of Tetris randomizersPublished on November 26, 2018. In 1985, Alexey Pajitnov and Vadim Gerasimov released Tetris to the public. This fun and highly addictive game challenged players to fit pieces together that were dealt in a random order. Since then, over 150 licensed versions of Tetris games have been released. Varying in game modes, rules, and implementations, they all play slightl
pgmg-rails.com
This domain may be for sale!
業務でのAWS活用〜LambdaからGCPのサービスを利用/AWS PrivateDNSで名前解決〜 - Qiita
AWSアドベントカレンダーの25日目の記事です。 概要 自分が今年業務で使ったAWSをその業務シーンと共に自分の振り返りのため(PrivateDNSは同じチームの他のメンバーが構築してくださったため、改めて自分で構築して再確認)に書いていきます(アウトプット駆動学習)。 1:AWS LambdaからGCPのサービスをリクエストする 業務シーン 業務で扱うコンテンツの文脈解析をするためにGCPのAutoML Natural Language Classificationを使うことになりました。元データがAWSのRDSにあるので、AWSのリソースからからGCPのAPIを叩くことを考えました。処理がとてもシンプルだったので今回はLambdaでバッチ処理を組む想定をしました。(まだ検証中です)。開発言語としてGolangを利用しています。 https://cloud.google.com/auto
I stumbled across Exercism last year and was immediately charmed. It's a website devoted to teaching programming languages. It's got a great UI, offers free mentoring (by a human!), and is entirely open source. Last January, they announced a new program called 12in23, where they challenged participants to try 12 new programming languages in 2023. Each month would have a theme (such as "Analytical
As a frequent open source maintainer and contributor, I’m often asked: where do you start? How do you approach a new project with the goal of making meaningful changes? How can you possibly understand the internals of a complex project? These questions apply to any software project regardless of whether they are open source or proprietary, hobbyist or professional. The approach I take is the same
Windows 11で変更された更新プログラムのアンインストール手順（最新版）を再チェック！：企業ユーザーに贈るWindows 11への乗り換え案内（7） 企業内のWindowsデバイスに品質更新プログラムをインストールして、最新のセキュリティ修正プログラムやバグ修正を適用することは、企業内IT環境のセキュリティと安定性を確保するための、IT担当部門の重要なタスクの一つです。しかし、品質更新プログラムのインストールを起因として、Windowsやアプリケーションに突然問題が発生することもあります。そのような問題に対処するのもまた、IT担当部門の仕事です。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Programmer's Pocket Reference - Nanoseconds Hunter - BOOTH
3Dゲームで丁度よく画面に収めたい!自動で! - KAYAC engineers' blog
それでも Lambda と RDS を使いたい場合の現実解 - Qiita
Pythonを基本から効率よく習得したい方必見！おすすめ無料学習法 - paiza times
zipファイルの中身を安全に確認でき、編集ができる無料Webアプリ -Zipadee
Pythonでメール送信 | Python学習講座
Python: PandasのDataFrameを横持ち・縦持ちに変換する - け日記
「岸辺露伴は動かない」で出てきた「逆さ言葉」のプログラムを作ってみた！という話 | 何ゴト？
Nuxt.js（ Vue.js ）とFirebaseで、新規登録の際にRealtime Databaseにユーザーの情報を保存します - Qiita
Native JavaScript for Bootstrap - 脱jQueryしたBootstrap
Javaで3年飯食ったのでJava愛をちょっと語る記事 - Qiita
Code Red: The Business Impact of Code Quality -- A Quantitative Study of 39 Proprietary Production Codebases
C# 単体テストを作成、実行、カスタマイズする - Visual Studio (Windows)
SIerからWeb系エンジニアへジョブチェンジ - Qiita
https://pgmg-rails.com/blogs/16
「Babel 8 Release Plan」を眺める - Qiita
https://pgmg-rails.com/blogs/18
【TC39 Proposals】Math Extensions - Qiita
Webサイト表示の流れをざっくりとまとめた。HTML,CSSからSPA,SSR,SSGまで。
The history of Tetris randomizers - Simon Laroche
12 Languages in 12 Months
Contributing to Complex Projects
Windows 11で変更された更新プログラムのアンインストール手順（最新版）を再チェック！