HelloWorldまでいってみる 始めたての方へ 以前に僕自身が書いた記事で，typescriptの環境構築を行いました．ここの環境構築とは，また別の方法で作っていますが，初心者の方は最初に上の記事をやってみても良いかと...これができている前提で始めます！ 環境構築 前提として，node.jsがインストールされていることとしますー！ # node.jsのインストールされているかを確認 $ node -v >> v14.18.1 # yarnはnpmと互換性があり，npmで使用していたプロジェクト設定ファイル（package.json）がそのまま使える． # 今回はnpmを使ってyarnをグローバルにインストールする.(後者は省略形) $ npm install --global yarn $ npm i -g yarn $ yarn -v >> 1.22.17 # "todo_app"

いつも忘れてしまうので書き留めておきます。macOS Monterey（12.4）で確認をして内容を更新しました。この記事で紹介しているツール「n」もv8.2.0になりました！ Node.jsのアップデート n という便利なバージョン管理ツールがあるので、これを使ってバージョンを確認してアップデートします。nの詳しい使い方はこちらの記事 あたりをご参照いただくと良いと思います。n を使う際の注意点もしっかり説明されています。 nのインストール $ npm install -g n Node.jsのバージョンの確認 1行目の「–stable」でStable（推奨版）のバージョン、2行目の「–latest」で最新版のバージョンが確認できます。 $ n --stable $ n --latest Latestのインストール $ n latest latestは最新の機能を搭載した最新版へのアップ

【three-vrm】せっかくなのでTypeScript+webpack+three.jsに入門して、Web上でVRMモデルを表示してみるthree.jsTypeScriptwebpackVRMVRoid どうも、にー兄さんです。 先月のVRoid公式ツイッターで、three.js用のVRMローダーが発表されましたね！ Webアプリケーションで3Dアバターモデルを簡単に扱える『pixiv three-vrm』をOSSとして公開しました！3Dモデルの専門知識がない開発者の方でも「VRM」ファイルをより簡単に扱うことができます！ #VRoid 詳細: https://t.co/psBwTYe3cy GitHubリポジトリ: https://t.co/j9IU2h2Zax pic.twitter.com/Fsp2VLbpkW — VRoid公式 (@vroid_pixiv) September

powershellを使ってExcelファイルを比較する方法。オブジェクトとかは出来ないけど、同名シートをセル単位で比較して、異なるセルに色をつける。 # Diff excel file. param($aExcelPath = $(Read-Host "Enter one excel path"), $bExcelPath = $(Read-Host "Enter other excel path")) $ErrorActionPreference = "stop" $DebugPreference = "SilentlyContinue" # Continue SilentlyContinue Stop Inquire $commandPath = Split-Path -parent $myInvocation.MyCommand.path $commandName = Split-

1500+ free HTML templates For websites, landing pages, blogs, portfolios, ecommerce and admin dashboards

はじめに株式会社SHIFTのDAAE部所属、SAKASEです。 みなさん、フロントエンド開発してますか？してますよね！ 最近は React(NextJS) や Vue(NuxtJS) が全盛ですが、いろいろと約束事が多くちょっとしたサイトを作る時に準備が大変だったりしませんか？ そこで、今回は、Svelte というフレームワークをご紹介しますね。 色々と紹介しているサイトはありますが、入門編的に読んでもらえると嬉しいです！ SvelteとはSvelteもReactやVueと同じく、宣言的UIを利用するフレームワークです。 しかし、ReactやVueのような仮想DOM（以下、VDOM）を使わないシンプルなフレームワークです。 どちらかというと、UIライブラリというよりコンパイラに近いものです。 特徴は コードが小さいため、バンドルされるサイズが小さい （VDOMを使わないため）少ないコードで

フロントエンドの技術選定 によって Svelte と SvelteKit を使って管理画面を作ることに決めました。Unicorn Cloud ID Manager (以下UCIDM) の管理画面を SvelteKit を使って開発しています。 UCIDM のフロントエンドのアーキテクチャBFF (Backend For Frontend) サーバーに Node.js を配置し、サーバーサイドレンダリングを採用したフロントエンドを提供しています。マイクロサービスでは一般的なアーキテクチャだと思います。 エンドユーザー (ブラウザ) は BFF サーバーに対して認証を行い、BFF サーバーが UCIDM API サーバーと認証します。エンドユーザーは透過的に UCIDM API サーバーが返す情報を参照できますが、直接 UCIDM API とは通信できません。これはセキュリティを担保する上での

はじめに Instagram Graph API で投稿を取得するスクリプトを Python で作成。 Instagram Graph API を使う機会がある方の参考になれば幸いです。 対応した時の API version は、v18.0 です。 アクセストークンの取得については、他の記事がわかりやすく、今回は自身が残しておきたいポイントだけをまとめております。 事前準備 アクセストークン生成 他に参考にしていただいた記事がわかりやすく、今回は自身がつまったポイントだけをまとめております。 ビジネスアカウントを作成する必要がある Instagram, facebook アカウント連携する工程が必要... アクセス許可をアプリに付与 v18.0 では、以下のアクセス許可が必要. 公式にも使いたい API によって、必要なアクセス許可が記載されていました。 No 名称 Endpoints 用

この記事では、「Reachability.swift」というライブラリの使い方について解説していきたいと思います。 Reachability.swiftとは？ Reachability.swiftというライブラリは、ネットワークの接続を確認するためのライブラリです。 Wifi接続なのか、キャリア接続なのか、ネットワーク接続なしなのか。などネットワークの接続状況が簡単に確認できます。 ライブラリ導入 まずは、以下のcocoapodsでライブラリを導入してください。 pod 'ReachabilitySwift' cocoapodsのやり方がわからない方は以下の記事を確認してください。 【Xcode/Swift】CocoaPodsの使い方を徹底解説 ネットワーク接続確認ロジック 以下のような感じで接続確認できます。これで実行してみると、コンソールにネットワーク接続状況が表示されます。 impo

Intel CPUのソケット形状のLGA1700, LGA1200, LGA1151, LGA1150, LGA1155, LGA1156の違いについてまとめました。それぞれが対応しているCPUやマザーボードの早見表もあり。