このサイトは、エンジニア3人がWordPressやobniz等を使って「Web」とか「IoT」を学びながら学んだことを
アウトプットしていくサイトです
連載記事
WordPressやJavaScriptによるプログラミングについては連載記事を作成予定です
WordPressを使ってWebサイトを構築する
- AWS Lightsailを利用してブログサイトを構築する方法 (コンテンツ製作中…)
- WordPressの初期設定方法 (コンテンツ製作中…)
- ブログサイトのデザイン方法 2021/6/25公開
- 掲載するコンテンツの作り方 2021/6/22公開
- 掲載するコンテンツの作り方（Gutenbergエディタの使い方編） 2021/6/29公開
- ナビゲーションを整える 2021/7/6 公開予定
- プラグインで機能を追加する (コンテンツ製作中…)
- 集客効果を最大化する (コンテンツ製作中…)
- セキュリティの強化方法 (コンテンツ製作中…)
- バックアップとリストア方法 (コンテンツ製作中…)
Alexaを使ってみる
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第一回）
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第二回）
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第三回）
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第四回）
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第五回）
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第六回）
最新書いた記事
- 自律的なテクニカルサポートチームの作り方はじめに 筆者は2022年から、大規模な自社開発プロダクトのAPIに関する技術面でのサポートを行うチームへフルコミットしてきました。また、それ以前も自社開発のプロダクトのサポートや、小規模な業務アプリの保守・運用も経験し … Read more
- CSS変数についてCSS変数（カスケード変数/カスタムプロパティ）とは、Sassなどのプリプロセッサを利用せずとも、設定値を変数で一括管理できる機能である 対応状況 本記事の執筆時点では、ほとんどのブラウザが対応している 参考：̶ … Read more
- WebのZ軸スタイリング方法について（z-index）Webサイト・WebアプリのHTML要素のスタイリングにおいて、z-indexを利用して要素を重ね合わせることをよくやる。 ただ、トラブルもよく見る。最近見た深刻な例では、UIコンポーネントをオーバーレイしてモーダルダイ … Read more
- cookieとかlocalstorageって何だっけ？どういうとき消えちゃう？
最近仕事で、よくフロントエンド側の実装に問題があり、それがユーザの不便につながらトラブルに遭遇しました。 問題が顕在化しなければ見過ごされていましたが、どうやらリロードすると永続化していないVuexのストアが消えることに … Read more - ChatGPTのCode Interpreter機能を使ってみた
ChatGPTでCode Interpreter機能が2023/7/6にリリースされましたね。 ということで早速勉強会にてこれをチーマに色々話し合ってみました。 Code Interpreter is 何 ChatGPT … Read more - WordPress用のコーディング環境整備方法(with VSCode)複数人での開発する上で、タブやブラケットなどのコーディングポリシーが曖昧だと、Pull Requestなどで差分をチェックする際に余計な差分が出てしまったり、それにより一貫性のないコードが増えていくという悪循環が生まれて … Read more
- ブロックテーマを作成してみる＠勉強会2023/5/30
はじめに WordPressは「テーマ」を利用してサイト全体のデザインやレイアウトを管理できますが、「ブロックテーマ」を利用すると、Gutenbergエディタを生かしてより効率的なサイト編集を行うことができます。 この勉 … Read more - シンプルなWebアプリを作ってみる(with JavaScript)
はじめに JavaScriptを利用してAPIから値を取得し、画面へ反映する方法を共有するため、シンプルなWEBアプリを作ってみる会を行うこととした。 サーバを作る(with Node.js + express) nod … Read more - TruthGPTを使ってみましたはじめに ChatGPT対抗の「TruthGPT」が話題なので試してみました。 まとめ やってみたこと とにかく公式サイトをみてみる TruthGPT https://truthgpt.one/ 最初に、Terms Of … Read more
- スタティック（静的）なサイトをWordPress化する方法 1/2はじめに ただ空っぽなWordPressのサイトを作ってみるだけ 対象のサイトを組み込む部分は次回。 やってみたこと WordPress化対象のサイトコンテンツを取得 WordPressの最小環境を構築 こんな感じで動作 … Read more
- WordPressの勉強1/3
ゴール設定 ゴール設定 スタティック（静的）なWebサイトを構築できる HTMLの基本 ページ遷移方法 ホスティング方法 CSS JavaScript スタティックなサイトをWordPress化できる 環境作成 wp-e … Read more - ②オーケーネットスーパー 自動でカートに入れる開発経緯 前回エクセルで開発したが、色々な場所からアクセスできなく不便なのでスプレッドシートでリストを作成するように仕様変更した。 スプレッドシートの認証はほかのブログを参考にしてほしい。参考にしたURL↓https:/ … Read more
- ①オーケーネットスーパー 自動でカートに入れる開発経緯 初めて記事を書きます。kumaです。去年の11月からOKネットスーパーを利用しています。徒歩やバイクで買い出ししていたので持って帰る容量を考えたり、買い出しの時間が減って嬉しく思っていました。しかし、最近カート … Read more
- AWSの分析サービスについてまとめてみる
はじめに AWSを利用してデータ分析をするのに使えるサービスについてまとめてみた。 やってみたこと Amazon EMRについて 分散処理フレームワーク 大量のアクセスログなどを高速に処理するのに向く 次の3種類のノード … Read more - 20220816_AWSの分析系サービスについてまとめてみたAmazon EMR Amazon EMRというAWSの分散処理フレームワーク提供サービスがある 分散処理フレームワークとは、複数のマシンを並列処理することにより大量のデータ処理を短時間で実行できるようにすることができる … Read more
- [AWS]プロビジョニングサービスについてまとめてみたAWSのプロビジョニングサービスといえば、代表的なものは以下の3つ Elastic Beanstalk OpsWorks CloudFormation Elastic Beanstalkとは、定番のインフラ構成を自動構築 … Read more
- AWSの開発者ツールについてまとめてみたはじめに ソース管理からデプロイまで、様々な機能を提供するAWSサービスについて、「AWS認定資格試験テキスト AWS認定ソリューションアーキテクト – アソシエイト 改訂第2版」を読みつつ整理してみた。 ま … Read more
- [AWS]Amazon SQSについてはじめに Amazon SQSの基礎について学んでみた やってみたこと Amazon SQSとはなにか、についてまとめてみた Amazon SQSとは、メッセージキューイングサービスである メッセージキューイングサービス … Read more
- AWS Certificate Managerについて学んでみたはじめに xxx やってみたこと 以下についてまとめてみた サーバ証明書とは 証明書の役割・種類 AWS Certificate Manager サーバ証明書とは 通信の暗号化、通信先のサーバの信頼性を確認するために利用 … Read more
- WordPressの基礎について学んでみた3人でこのひとのyoutube動画をみて勉強しました。 WordPressの基礎解説とデモサイト制作（連結講座#1） – YouTube https://www.youtube.com/watch?v=n_- … Read more
- KMSとCloudHSMについて勉強したはじめに KMSとCloudHSMについて学んで、要点をまとめてみることにした やってみたこと AWSの鍵管理サービスには2種類ある KMS マルチテナント 使った分だけ課金 CloudHSM 専有 月額の固定費 使い分 … Read more
- [AWS]セキュリティとアイデンティティについてまとめてみた概要 AWSのアカウントの種類 2種類ある AWSアカウント（ルートユーザ） IAMユーザ AWS IAM（Identity xxx management）を通して、権限を限定したユーザ IAM IAMグループ IAMユ … Read more
- [AWS]AWSのデータベースサービスとはAWSのデータベースサービスについてまとめてみた。 やってみたこと まず、そもそもデータベースってなんだっけ？みたいなところから初め、AWSにおけるDBサービスについてまとめてみた。 そもそも、データベースとは？ 大量の … Read more
- PayPay for Developersでウェブペイメントちょっと触ってみた概要 ほぼ予備知識無しでPayPay for Developersを見ながらウェブペイメントのURLを出すだけのミニマムなサンプルを作ってみたメモです このページを見ながらやったやつです。 PayPay for Deve … Read more
- [AWS]AWSの代表的なストレージサービスについてまとめてみたはじめに AWSの代表的なストレージサービスについて、よく知らなかったのでまとめてみた まとめ 一般的なストレージのタイプ ブロックストレージ データを物理的なディスクにブロック単位で管理するストレージ ファイルストレー … Read more
- [AWS]AWSにおける運用支援サービスについてまとめてみたなぜ必要なのか システムを公開するだけではなく、継続的に機能改善していけるかが重要 機能改善にリソースを割くためにも、まず日々の安定稼働が必要 安定稼働のためには定期的にAWSリソースの状態を取得し、問題があれば通知する … Read more
- [AWS]コンピューティングサービスについてまとめてみたはじめに AWSのコンピューティングサービスについてまとめてみた やってみたこと 初心者向けになるべくシンプルにまとめてみた AWSのコンピューティング系サービスの概要 特徴的なものは以下の3つ EC2 ECS Lamb … Read more
- [AWS]ネットワークとコンテンツ配信についてまとめてみたはじめに CloudFrontやRoute53について、よく分からんって人向けにまとめてみることにした。 やってみたこと 色々調べた結果の要約です Amazon CloudFrontについて is 何 AWSのCDNサー … Read more
- [AWS]グローバルインフラストラクチャとネットワークについてまとめてみたはじめに BlackBeltが難しかったのでリベンジ やってみたこと リージョン・AZ・データセンター リージョンとは、AWSがサービスを提供している拠点のこと アベイラビリティーゾーンとは、複数のデータセンターが集まっ … Read more
- ネットワーキング系のAWSサービス（Amazon VPC）について学んだ 1/2はじめに 2022年6月くらいに資格を取りたいので、なるべく網羅的にAWSの勉強をしている。 今日はネットワークとかについてやる。 やってみたこと 概要 昔のBlackBelt動画をみた 【AWS Black Belt … Read more
- 【初級】AWS を支えるグローバルネットワーク | AWS Summit Tokyo 2019の動画をみてみたはじめに ちょっと古いけどAWS公式の動画見てネットワークについての概要を学ぶことにしました。 やってみたこと AWS公式で出している動画を見てみた 【初級】AWS を支えるグローバルネットワーク | AWS Summi … Read more
- 「AWS認定試験とは」についてまとめてみたはじめに 2022年6月にSAAとかを受けたいので、勉強することにした。 まずは概要からまとめてみる。 やってみたこと 公式情報をみてみた 公式サイトはこちら：https://aws.amazon.com/jp/cert … Read more
- ツクってアソぶハッカソンに参加してみたはじめに 勉強会チームで「ツクってアソぶハッカソン」に参加してきました。 参加してみての感想や学びを振り返ってみます。 やってみたこと 概要 イベントのスケジュールはこんな感じでした 2022/02/17(木) 20:0 … Read more
- 基本情報技術者試験の過去問を問いてみた
はじめに とりあえず基本情報技術者の勉強をすることにした。 過去問と解説が載っているサイトを発見したので、実際に解いて解説を見て、勉強してみることにした。 やってみたこと 過去問と解説が載っているサイトを見ながら、実際に … Read more - ネットワークの基礎についてはじめに ネットワークについて基礎から学んでみようと思ったので、とりあえず気になった部分から学んでいくことにした。 やってみたこと 気になった動画を見てみる 【アーカイブ：動画説明欄をご覧ください！】サーバーとクライアン … Read more
- 【完結？】2時間でAlexaスキルを作ってみたけどできなかった話 その６
はじめに 以前、これまで作成を進めてきた「面接練習」スキルをストアへ申請したところ、リジェクトされた リジェクトされた理由が詳しくフィードバックされたため、対応を行なおうとしたが、「どのインテントにも該当しない場合には、 … Read more - ASK SDKの基礎をおさらいしてみたかったけど、結局インテントの設定方法はどこをみればいいのか分からないはじめに 前回まで、複数回に渡ってオリジナルのAlexaスキルを作ろうと試みているが、うまくいっていない。 うまくいっていないのは、ヘルプ用のインテントハンドラの呼び出しの部分である。 本来であればヘルプインテントに紐づ … Read more
- 【完結？】2時間でAlexaスキルを作ってみたけどできなかった話 その5はじめに 前回、これまで作成を進めてきた「面接練習」スキルをストアへ申請したところ、リジェクトされた リジェクトされた理由が詳しくフィードバックされたため、対応を行う やってみたこと フィードバックの確認 メールでこんな … Read more
- 【完結】2時間でAlexaスキルを作ってみたけどできなかった話 その4はじめに もともとやろうとしていた「面接練習スキル」を当初計画通り実装することは難しいことが分かった。 そのため、いくつか割り切って以下の仕様とする。とりあえず完成を目標にする。 Alexaスキルは、ランダムで面接のお題 … Read more
- 雑談回
はじめに ちょっと疲れたので、今後についてひたすら雑談してみた やってみたこと 雑談 Alexaの話 面接練習スキルについて、なかなか進まないので色々と有識者に相談してみた 結論、音声データをそのまま取得することはできな … Read more - 2時間でAlexaスキルを作ってみたけどできなかった話 その3はじめに 面接練習スキルを作るためにはいくつかの課題がある。 入力できるテキスト数の問題 入力されたテキストの保存先の問題 については、明確な解決策が見つかっていないが、テキストを繋げることで対応できるかもしれない。 に … Read more
- 2時間でAlexaスキルを作ってみたけどできなかった話 その2はじめに 前回の続きで、「面接練習」スキルを作ってみる。 やってみたこと 方向性を考えてみる 次に具体的にやりたいのは、「回答内容の録音」である 回答内容の録音をする機能があるかどうかはまだ不明 あっても、必要な長さで録 … Read more
- 2時間でAlexaスキルを作ってみたけどできなかった話はじめに Alexa道場で勉強を進め、基本的なスキルを作成する方法を学んだため、一度オリジナルスキルを作って復習＆知識の定着を図ってみることにした。 結論、2時間じゃ無理だったので、続きはまた今度やる。 やってみたこと … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第六回）はじめに 次のビデオをみて内容をまとめる Alexa道場 S02 EP15 公開の準備をしよう – YouTube https://www.youtube.com/watch?v=piPnMNgccJk xx … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第五回）はじめに 次の動画をみて学んだ Alexa道場 S02 EP13 コーヒーショップスキルをテストしよう Alexa道場 S02 EP14 デバッグ方法を覚えよう やってみたこと テスト画面で実際に動かしてみた デバッグ方 … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第四回）はじめに 本投稿で書くAlexa道場の会は以下 Episode 12 コーヒーショップのコードを完成せよう 前回、「何がわからないのか分からない状態」になったので、もう一回ビデオを見て、ビデオで達成しようとしていたことが … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第三回）はじめに 本投稿で書くAlexa道場の会は以下 Episode 12 コーヒーショップのコードを完成せよう 何が分かったのかまとめてみた ここまでで、リクエストハンドラ、レスポンスビルダの作り方を学んだ 学んだ方法をもと … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第二回）はじめに 本投稿で書くAlexa道場の会は以下 Alexa道場 S02 EP07 カスタムインテントを追加しよう 〜 Episode 11 レスポンスビルダーを使いこなそう 何が分かったのかまとめてみた Alexa道場 … Read more
- 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみる（第一回）はじめに 「Season 2 Alexaスキル開発の基礎を学ぼう」を見ながら実際にコーヒーショップスキルを作ってみようとしましたが、今回は完成まで進まなかったので、理解したところまでを書きます。 やってみたこと 動画を見 … Read more
- Alexa道場をみながらHello WorldしてみたAlexa道場とは Alexaスキル開発のノウハウを初心者向けにまとめているAWS公式のwebinar https://developer.amazon.com/ja-JP/alexa/alexa-skills-kit/ … Read more
- 掲載するコンテンツの作り方（Gutenbergエディタの使い方編）本記事では、WordPressを利用して、投稿ページを作る方法について書きます。 Gutenbergで、テキストだけの状態から、画像を入れてレイアウトした状態まで、イチから作り上げていく様子をご紹介します。 テキストだけ … Read more
- 掲載するコンテンツの作り方本記事では、WordPressを利用して文章や画像などの「Webサイトの中身」を作る方法について書きます。 Webサイトは通常、たくさんのページで構成されます。閲覧者が迷わずに目的のページにアクセスできるように、コンテン … Read more
- [WIP]JavaScriptで操作を自動化する
はじめに JavaScriptについて、初心者の方向けに基本的な機能の実装方法を試してみたのでご紹介します。 要素 変数 DOMオブジェクト 配列 繰り返し 条件分岐 やってみたこと 普段繰り返し行っているブラウザの操作 … Read more - ブログサイトのデザイン方法
ブログサイトを構築する際に、筆者が心がけていることについて述べます。なお、この方法が常に正解というものではありません。あくまで筆者の経験に基づく一つの方法である、ということをご了承ください。 「誰のため？何のため」を明確 … Read more - 210530_勉強会やってみました
obnizとかWordPressの勉強をしたい3人が集まって、オンラインで勉強会をやってみました。こんな内容でした。 1. 「AWS(Lightsail)で始めるWordPress構築」の発表 2. 「ITエンジニアのは … Read more
著者プロフィール
hirobel
エンジニア13年目
AWSが好きです
Kーさん
学生／エンジニア2年目
obnizとJavaScriptを勉強中
現在の目標は２Dシューティングゲームを自作すること
kuma
社会人11年目／エンジニア2年目
仮想通貨に興味がある。
obnizとjavaScriptを勉強中
めざせ！在宅勤務で地方移住！
