はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに はじめまして、未経験からWeb開発エンジニアへの転職を目指しているひろと申します。 今回ポートフォリオとして、Nputという学習ノート共有アプリを個人開発しました。 ポートフォリオ「Nput」のURL：https://n-put.com/about こちらの記事では、ポートフォリオを開発した過程についてまとめたいと思います。 私自身、ポートフォリオとして何を作成しようかとずいぶん悩んだ経験がありますので、もしポートフォリオのテーマ選定などで悩まれている方がいらっしゃいましたら、少しでも参考になれば幸いです。 ポートフォリオのテ

func main() { var num1 int64 fmt.Printf("Size of int64: %d bytes\n", unsafe.Sizeof(num1)) var num2 int32 fmt.Printf("Size of int32: %d bytes\n", unsafe.Sizeof(num2)) var num3 float64 fmt.Printf("Size of float64: %d bytes\n", unsafe.Sizeof(num3)) var num4 float32 fmt.Printf("Size of float32: %d bytes\n", unsafe.Sizeof(num4)) var bool bool fmt.Printf("Size of bool: %d bytes\n", unsafe.Sizeof(bool))

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 概要 巷で話題のドメインやルータ設定等への追加設定不要で、外部からリモート接続可能な『 Raspberry Pi Connect Beta (以下、RPI Connect) 』を利用し、Raspberry Piにリモート接続できるかを確認する。 先日、全てのRaspberry Piのモデルに対応したとのことなので、どこまで対応しているかを確認する。 今回は、手元にあった一番古いRaspberry Piである『 Raspberry Pi Zero (v1.3)』を利用する。 当該のRaspberry Pi Zeroは、無線LANやBlue

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじまして！株式会社Schoo（以下スクー）に24新卒として入社した山﨑です！ この度、スクーのテックブログが再開されることになりました！ この記事では、「なぜテックブログを再開させようと思ったのか」について私の思いを書いてみました！ (記事には、スクーのテックブログをこうしていきたいんだ！という、筆者の個人的な思いも含まれています) この記事の対象 スクーに興味がある方 テックブログの運営に興味がある方 スクーのテックブログとして目指したいところ なぜテックブログの文化をスクーに作りたいのか 会社にとってメリットがたくさんだと感じるから(メリットは後述) 今まで色々な会社やエンジニアが書いた記事・ブログに助けられてきたので、これからは自分たちもエンジニア業界に貢献したい 技術発信しているエンジニアってかっこいいよね エンジニアイベントへの参加、OSS活動、登壇などを積極的に行うための足掛

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約1分程度で読めるので最後まで読んでもらえると幸いです。 はじめに コードを書くのに慣れてくると、いちいちコードを書くのが煩わしくなりませんか？ そんな時 Visual Studio Code（以下、VSCode） の Emmet機能 を使えば、HTML等、特にWEB関連のコードを書くときに補完をしてくれるため、作業効率が格段にUPします。 騙されたと思ってぜひ一度お試しくださいませ！ 設定方法 1. VSCodeを開き、画面左下の「⚙️」 > 「設定」をクリック 2. 「emmet」と検索し、画面中段にある「Emmet: Trigger Expansion On Tab」にチェック 以上になります。 どんな事をしてくれるのか？ あるコマンドを入力後、「Tab」を押す事で良しなに補完をし

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約2分程度で読めるので最後まで読んでもらえると幸いです。 はじめに 「Webエンジニアを目指したいが、何から手をつけていいか分からない」 「いろんな人が学習ロードマップの情報提供をしているが、どれに手をつけるか判断に迷う」 こんな悩みを抱えている方の一助になれば幸いです...！ 結論 こちらのサイトになります。 自分が学習したい分野を選択すると、その分野のロードマップが書かれています。 最近では「言語専用」のロードマップも書かれているため、かなり充実したサイトになってきた印象です。 それでは、試しに「Backend」のロードマップを見てみましょう。 学習ロードマップ｜Backend こんな感じです。 黄色塗りのフォームが「仕組み」や「概念」が書かれたもので必ずチェックしたい内容になります

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? こちらは、TUNA-JPアドベントカレンダー 2023 の25日目の記事です。 ついにアドベントカレンダーも最終日ですね！ 最初に謝らなければいけないことがございます・・・m(_ _)m 当初は、Private AIの後編をやろうと思ってましたが、個人的事情により、別のネタを紹介させていただきます！ 今どきの開発環境の要件 ずばり、コンテナ開発ができて、ローカルでK8s検証できる、ことが重要になってくるはずなので、以下の2点を考えていきます。 どのコンテナ環境ツールを用意するか？ どのローカルK8s環境を用意するか？ 1. コンテナ環境

画面上に「Chrome DevTools」が表示されます 2. 「Lighthouse」をクリックする 画面上部にタブがあります。「>>」をクリックすると表示されます。 3. [ページ読み込みを分析] をクリックする デフォルトでは「モバイル」が選択されている状態ですが、今回は「デスクトップ」を選択してみましょう。 そうすると対象サイトのパフォーマンスが数値化されます。簡単！ 以下の5つの指標からパフォーマンスの数値結果を算出しているみたいです。 指標① ： First Contentful Paint（FCP） 重量：10% First Contentful Paint（FCP）は、ユーザーが最初にページ移動してから、ページのコンテンツの一部が画面に表示されるまでの時間を測定します。この指標の「コンテンツ」とは、テキスト、画像（背景画像を含む）、svg要素、白以外の canvas要素のこ

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約3分程度で読めるので最後まで読んでもらえると幸いです。 はじめに 案件でプロジェクト管理のサポートをしております。 案件ではタスクの進捗を把握するための「進捗会」なるものを設けております。 今回は進捗会で使用するテンプレ資料（Excel）を工夫した体験談を記事にしてみました。 「もっとこうした方が良いよ！」 や 「うちの会社ではこの様な考えで取り組んでます！」 があれば、ぜひぜひコメントで教えていただけますと幸いです。 前提 進捗会

TL;DR 2024/06/26 実害が出ているようです、polyfill.ioを利用している場合は直ちに利用を止めましょう。 GIGAZINE: JavaScriptライブラリ「Polyfill.io」にマルウェアが混入され10万以上のサイトに影響 Codebook: Polyfill.io使ったサプライチェーン攻撃でサイト10万件以上に影響 polyfill.ioから配信されるスクリプトが汚染される環境下にあり、危険な可能性があります。利用している方がいらっしゃいましたら外しておくことをおすすめします。または安全なバージョンのものがCloudflareとFastlyから利用できるので、ドメインをpolyfill-fastly.netやpolyfill-fastly.ioに変更して利用しましょう。 背景 自社で使用しているマーケティングプラットフォームサービスで作成したWebページをGo

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約3分程度で読めるので最後まで読んでもらえると幸いです。 はじめに 案件でプロジェクト管理のサポートをしております。 Excelを使った進捗管理があり、その資料の一部で 「VBA」 を使ってガントチャートが作成されていました。 今までは最低限の関数・ショートカットを覚えてExcelを使っていましたが、まだまだ知らない機能や関数の存在があることを痛感しております。 せっかくExcelに触れる機会が多くなっているので再学習しようと思い、その第一弾としてVBAを触ってみることにしました。 「もっとこうした方が良いよ！」 や 「うちの会社ではこの様な考えで取り組んでます！」 があれば、ぜひぜひコメントで教えていただけますと幸いです。 VBAとは Visual Basic for Applicat

エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約3分程度で読めるので最後まで読んでもらえると幸いです。 はじめに 工数管理はプロジェクトの成功に欠かせない要素です。工数を正確に見積もり、管理することで、プロジェクトの遅延を防ぎ、クライアントやプロジェクトメンバーの信頼を得ることができます。 本記事では、工数見積もりの重要性とその手法、そして失敗しないためのポイントについて書きたいと思います。 「もっとこうした方が良いよ！」 や 「うちの会社ではこの様な考えで取り組んでます！」 があればぜひコメント欄で教えていただけますと幸いです。 工数とは？ プロジェクトや業務を完了するために必要な作業時間のことを指します。 「人日」 や 「人月」 と呼ばれており、1人日は8時間、1人月は160時間（1日8時間、平日20日稼働）で表現するケースが多

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? エンジニアのみなさま、日々の学習本当にお疲れ様です！ また本記事まで足を運んでいただき本当に感謝です。 約3分程度で読めるので最後まで読んでもらえると幸いです。 本記事を書こうと思った経緯 プロジェクト管理をする上でWBSに触れる機会が多いものの、表面的な理解しかできておりませんでした。 「何のために使うのか？」 「この手法を活用し、どの様な責務を持たせるべきなのか？」 を理解したい。そして実践したい。 その結果、プロジェクトにおける工程管理を「正しい知識を持って」「より円滑に」プロジェクトを進めたいと思ったためです。 いくつか記事を見

SVGのロゴをネオンサインが点灯するようなイメージのアニメーションにできないかと試行錯誤した結果を記事に残しておく。 最終完成バージョン まずは出来上がりを、Codepen で確認してほしい。Start ボタンを押すと、ロゴが点灯する。 ネオンサインが点灯する雰囲気にみえるとうれしい。 （と言っても、今となってはネオン管っぽいLEDチューブが主流なので、本物のネオン管を見たことがない世代が多いかもしれないが...） See the Pen Neon Sign by hiroatsu (@scqspcfg-the-solid) on CodePen. なお、このアニメーションは、地図共有サイト Toboggar のスプラッシュ画面で使用しているものである。 どうやったらネオンサインの点灯のように見えるか 今回の方法がベストだとは思えないし、ベターですらないような気がするが、とりあえず私はこれ

1. AWS Amplifyとは AWS Amplifyは、Amazon Web Services（AWS）が提供する一連のツールとサービスで、フロントエンドのウェブアプリケーションおよびモバイルアプリケーションの開発、デプロイ、ホスティングを簡素化することを目的とした「クラウドプラットフォームサービス」です。以下の主要なコンポーネントから構成されています。 Amplify CLI コマンドラインツールで、プロジェクトのセットアップ、リソースのプロビジョニング、アプリケーションのデプロイを行います。 Amplify Console 継続的デプロイメントとホスティングを提供するサービスで、Gitリポジトリと連携してコードの変更を自動的にデプロイします。 Amplify Libraries クライアントサイドライブラリで、認証、データストレージ、API呼び出し、分析などの機能を簡単に統合できま

Hyper-V と Virtualbox は共存できる 【断言】 qiita 初記事です。これまで幾度か qiita の記事から私の日記にリンクして頂いていて、そのうち1回は Hyper-V と VirtualBox の共存についての記事でした。 qiita にユーザー登録して改めて検索してみると、明確に Hyper-V と VirtualBox は共存できると書かれている記事がありませんでした。そこで改めて断言します。 Hyper-V と VirtualBox は共存できます! 現在の私の環境では、 Hyper-V WSL2 & Nested VM qemu-kvm VirtualBox qemu-whpx が同時に起動できる状態です。クライアントとしての使い方で外向きには公開していません。 過去に qiita からリンクして頂いた縁もありますので、取り組んだ内容を時系列で紹介したいと思

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 現在、案件で上流工程のサポートとしてアサインしております。 理解が不足している箇所や分からないことがまだまだ多いため、個人で学習した内容を備忘を兼ねてアウトプットしたいと思います。 基本設計とは 基本設計はビジネスサイドの要件定義を実現させるために、エンジニアサイドでシステムに実装する機能を明確化、具体化していく工程です。 要件定義で決めた内容に対して「画面」「機能」「データ」を設計し、実現可能性を検討する項目と解釈しました。 基本設計は「外部設計」とも呼ばれ、ユーザーから見た時の動作を決める工程になります。 上記に添付している @KN

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに RDS Proxyとは RDS Data APIとは Lambda×RDS（Aurora含む）の場合、RDS Proxyを間に挟むのはごく一般的な構成かと思います。 私も以前はLambdaからRDSアクセスがあるなら必須だよな〜と思っていたのですが、あるシステムでRDSにAuroraServerlessV2を採用した際、従来通りRDS Proxyも作成したら料金が跳ね上がってびっくりしました。 AuroraServerlessV2の場合のRDS Proxyの料金は、1時間1ACUあたり0.025USDで課金されます。 ただこの

はじめに 久しぶりに個人の勉強用AWS環境を触ってみたら、思ったよりとConfigの料金がかかっていた。 思わず呟いた先月の投稿がこちら なので、状況の確認ともうちょっと安くする方法を整理してみた。 まとめ Configの料金が「継続的な記録」になっている Terraformなどで大量のリソースを一気に変更する作業をする 私と似たような使い方の方はもうちょっと安くできそう やってみたこと AWS Configってどんなの？を整理 そもそもAWS Configというのはどんなサービスで、どこに課金が発生するのかと、自分の用途としては異常な状況ではないかどうかを確認してみた。 AWS Configでできること ざっくり言えば、AWSのサービス変更を追跡して、条件をセットして通知などをできるようにするサービス どこにお金がかかる？ ここにお金がかかる。 変更の記録 ルールの評価実施 その他（スナ