- #Dart#Flutter#NodeJS#React#Firestore#Cloudflare続きを読む
2025-26 スーパーフライヤーズ (SFC)
#Review#Photographer#Flutter#Firestoreスーパーフライヤーズ (SFC) としての 1 年を振り返る。
続きを読む「フロントエンドカンファレンス関西 2025」開催報告
#frontend#osaka#kansai#Medium続きを読む「フロントエンドカンファレンス関西 2025」 当日ボランティアスタッフ募集のご案内
#kansai#frontend#osaka#Medium続きを読む「フロントエンドカンファレンス関西2025」のチケットを9月16日(火)に販売開始します
#kansai#osaka#frontend#Medium続きを読むAikido の API を利用する
#Aikido#Qlty#CodeClimate#Security続きを読むFlutterKaigi 2025のチケットを9月9日(火)に販売開始します
#flutterkaigi#flutter#Medium続きを読むFlutterKaigi 2025 当日ボランティアスタッフ募集
#flutter#flutterkaigi#Medium続きを読むCode Climate の API を qlty.sh に移行する
#CodeClimate#Qlty続きを読むDocker Desktop から Colima に移行します
#Docker#DockerDesktop#Colima続きを読むブルーインパルスのリベンジ飛行 25'
#BlueImpulse続きを読む「フロントエンドカンファレンス関西 2025」開催決定!
#frontend#kansai#osaka#Medium続きを読むFlutterKaigi 2025 スポンサー募集について
#flutter#Medium続きを読むVue Fes Japan 2024 Recap イベント @ SBI日本少額短期保険 (Osaka)
#VueFesVue Fes Japan 2024 Recap イベントとして v-kansai 主催のイベントを関西 (大阪) にて開催させていただきましたので、その記録をば。
続きを読む関西にてフロントエンドカンファレンスを復活、開催させる理由
#Conference関西にてフロントエンドカンファレンスを復活、開催させるにあたって、自身のお気持ちを整理する
続きを読むFlutterKaigi 2025 運営に携わるコアスタッフ募集について
#flutterkaigi#flutter#Medium続きを読む2024-25 スーパーフライヤーズ (SFC)
#Review#Photographer久しくスーパーフライヤーズ (SFC) 達成したので、昨年のフライトを振り返る。
続きを読む2024 年にさわった技術
#Review今年も振り返る。昨年以上にコミュニティ活動を深化させた 1 年間を振り返る。
続きを読むVue Fes Japan 2024 までの 3 年間リードしてきた裏側 完全版
#Advent-Calendar#Nuxt3#Vue#VueFes一昨年、昨年に続いて Vue Fes Japan 2024 Web サイトの技術をリードさせていただいておりました。今回、これまで 3 年間のふりかえりをざっくり書かせていただいております。
続きを読むVue Fes Japan 2024 シェア URL の裏側で Supabase Edge Function は動いていた
#Supabase#PostgreSQL#VueFes#React一昨年、昨年に続いて Web サイトの技術をリードさせてもらっていた Vue Fes Japan 2024 では一般参加者に対し、シェア URL 機能を提供しました。その裏側でOGP ヘッダー画像に Supabase Edge Function が一役を買った話に触れさせていただきます。
続きを読むFlutterKaigi 2024 有明周辺のランチマップ (あくまで非公式です)
#Supabase#PostgreSQL#FlutterKaigi#FlutterFlutterKaigi 2024 では非公式という位置付けながら、ランチマップ機能の提供を試みました。その裏側で PostGIS と Database Function が一役を買った話に触れさせていただきます。
続きを読むVue Fes Japan 2024 で「今年も」ウェブサイトチームをリードさせてもらっていました
#Zenn! 一昨年、昨年と同様なら Advent Calendar の季節にふりかえらせていただいていますが、熱の冷めないうちにふりかえりを書かせていただきました。 Vue Fes Japan 2024 ウェブサイトのリポジトリが 公開 されました。 https://github.com/vuejs-jp/vuefes-2024 Vue Fes Japan 2024 ウェブサイトについて 今年も私自身は、今回も技術のリードとして取り組まさせていただくとともに、Web サイトチームのリードとして大胆に引っ張らせていただきました。 https://github.com/vuejs-jp/vue...
続きを読むVue Fes Japan 2024 ウェブサイトのシェア URL で遊んでみよう
#Zenn! 当記事では技術の詳細までは触れません。昨年との差分を中心に、今年ならではの新機能をご紹介いたします。 昨年に続いて、Vue Fes Japan 2024 コアスタッフのひとりとして、またウェブサイトチームのリードとして引っ張らせていただきました。 https://yuma-kitamura.nekohack.me/ 開催当日の 10 月 19 日を目前に、ウェブサイトとして今年ならではのチャレンジも多く、今回 Vue・Nuxt 情報が集まる広場 より初めて書かせていただきいております。 https://zenn.dev/p/comm_vue_nuxt Vue Fes Japan...
続きを読むFlutterKaigi 2024 スポンサープランの設計の狙いを深掘り
#Medium続きを読むFlutterKaigi mini 1 (Osaka) における「ポートレイト撮影」の活動
#Review#Photographerこの記事は FlutterKaigi mini 1 (Osaka) におけるフォトグラファーとしての経験について書かせていただいた。
続きを読むRspack へリプレースした際の気付き
#TypeScript#Rsbuild#ReactCreate-React-App (CRA) からのリプレースを経験に書かせていただきました。
続きを読むFlutterKaigi 2024 運営スタッフ募集について
#Medium続きを読む今こそサポートしたい JAWS DAYS 2024
#AWSJAWSUG 主催、JAWSUG 最大のイベント JAWS DAYS 2024 に 3 年ぶり「個人スポンサーとして」協賛・参加させていただきます。
続きを読むLINE Messaging API を Nest.js 上で動かした際にハマったポイント
#Zennこの記事は jiyuujin Advent Calendar 2023 の 20 日目の記事になります。 https://adventar.org/calendars/9670 現在ジョインさせていただいているプロジェクト BOTCHAN の Engagement / Relation でも、LINE チャットボットを利用しており、その API 仕様を認識させていただく機会が多く増えました。 https://wevnal.co.jp/service/chatbot/ また今年は、巷で大きく話題をかっさらった OpenAI の ChatGPT と組み合わせているという方も多いと耳にします。...
続きを読む閉会宣言、2023 年にさわった技術
#Review今年も振り返る。昨年以上にコミュニティ活動を深化させた 1 年間を振り返る。
続きを読むVue Fes Japan 2023 ティザーの裏側 完全版
#Advent-Calendar#Nuxt3#Vue#VueFes昨年に続いて Vue Fes Japan 2023 Web サイトの技術をリードさせていただいておりました。今回目玉機能のネームカードを中心として、昨年 Web サイトの取組との違いを触れさせていただきました。
続きを読むFlutter コミュニティの 2023 年、FlutterKaigi 2023 ふりかえり
#Review#Flutter#Advent-Calendar今年の Flutter コミュニティ、とりわけ FlutterKaigi 2023 を中心に振り返る。
続きを読むReact っぽさを忘れよう、今年の Vue のアップデートを確認する
#Advent-Calendar#Vue2023 年リリースされた Vue 3.3 / 3.4 のアップデートを見てみましょう。ひょっとすると React に浸っている方は、その React っぽさから完全に抜けきれていない可能性があります。
続きを読むNewt の FormApp を利用して、問い合わせフォームを作成する
#Advent-Calendar#Newt#VueFesVue Fes Japan 2023 では、問い合わせフォームとそれを管理する方法として Newt の FormApp を取り入れさせていただいたので、その使用感をば。
続きを読むAzure Container Apps ワークショップ まとめ
#Review#Azure#AzureContainerAppsMicrosoft 様による Azure Container Apps ワークショップを振り返る。
続きを読む2023 年に撮ったもの一覧
#Review#Photographer今年は久しく「ポートレイトを撮る」お写歩の活動についてを振り返る。
続きを読むjotai-molecules 利用のすゞめ
#React#Jotai#Advent-Calendarjotai-molecules の使いどころを通して、ライブラリ側がアプリケーションの中で責務を持つか否か学びを得ます。
続きを読むVue (Nuxt 3) で Pinceau (CSS-in-JS/TS) を使う
#Advent-Calendar#Pinceau#Nuxt3#VueFesVue Fes Japan 2023 では、CSS を書く方法として CSS-in-JS/TS ツールの Pinceau を取り入れさせていただいたので、その使用感をば。
続きを読むVue Fes Japan 2023 ネームカードの裏側で Supabase Database Function は動いていた
#Advent-Calendar#Supabase#PostgreSQL#VueFes5 年ぶりのオフライン開催を遂げた Vue Fes Japan 2023 では一般参加者に対し、オンラインネームカード機能を提供しました。その裏側でチケット購入状況との照合に Supabase Database Function が一役を買った話に触れさせていただきます。
続きを読むDevFest 2023 メモ
#DevFestDevFest 2023 リアタイできなかったので、取り急ぎ気になるポストを整理してみました。
続きを読むVue Fes Japan 2023 アフターイベント @LY (Fukuoka)
#Advent-Calendar#VueFesLINE ヤフーコミュニケーションズさんの Vue Fes Japan 2023 スポンサリングに伴うアフターイベント開催にあたって、kazupon 氏と同行させていただきましたので、その記録をば。
続きを読むOGP 動的画像生成に nuxt-og-image を使う
#Advent-Calendar#Nuxt3#Vue#VueFesNuxt で OGP 動的画像生成するならという観点で、モジュール nuxt-og-image を推させていただきます。
続きを読むI/O (I/F 設計) を見える「形」にして、設計を詰めていく
#Review#Engineering#Advent-Calendar特にこの 1 年、設計にこだわってきた中、いま一度設計手法について言語化してみました。
続きを読む開会宣言
#Advent-Calendar2023 年 師走、ひとり Advent Calendar をやらせていただきます。
続きを読む勉強会でもオフラインの良さを痛感
#TypeScriptコロナ禍ぶり、およそ 3 年の間を経て、オフラインのミートアップを復活・開催させていただきました。
続きを読むJSConf JP 2023 メモ
#JSConfJPJSConf JP 2023 リアタイできなかったので、取り急ぎ気になるポストを整理してみました。
続きを読む2 つのスタッフ業を掛け持つ
#VueFes#FlutterKaigi昨年に続いて Vue Fes Japan 2023 Web サイトのリードの傍ら、FlutterKaigi 2023 オーガナイザーのひとりとして、スタッフ業を掛け持ちさせていただきました。
続きを読むChatGPT (OpenAI) を React チャット上で動かす
#OpenAI#ChatGPT#React先日「カスタムフックを作ってみよう」と称したハンズオンを開催させていただいたことに伴い、そのチャレンジ企画として ChatGPT の導入方法について簡単に書かせていただきました。なお、その前提として今回は React チャットに対し、ChatGPT を組み込むことを目指しています。
続きを読むProps に HTML Standard の型定義を利用する
#React#TypeScriptComponentProps と HTMLProps の違いについて調べてみたので、その記録をば。
続きを読むLINE と共に React Hooks をものにする
#React#TypeScript#FirebaseHosting#LIFFLINE Developer コミュニティで React hooks × LINE Front-end Framework のハンズオンを企画するにあたって、当ブログではその補足を説明させていただきます。
続きを読むReact で LIFF アプリを作ろう (設計重視編)
#ZennReact Tutorial から一歩踏み出してみたい人 / バックエンド経験があり、フロントを触ってみたい人へ LINE API と連携して、ユーザー連携や LINE へのメッセージなどを解説していきます。 なお、昨年と違う点として、カスタムフックの作成をはじめ設計術の一端を学べる教材となっています。
続きを読むLIFF v2.22.0 に更新する
#React#TypeScript#LIFF先日 LIFF v2.22.0 がリリースされたので、その詳細 (プラガブル SDK) についてかいつまんで書かせていただいています。
続きを読むFlutter × Supabase ハンズオンを開催しました
#noteこんばんは、jiyuujin (Yuma Kitamura) です。 nekohack.me | Yuma Kitamura - Web DeveloperA personal website that provides a wide range of informationyuma-kitamura.nekohack.me 続きをみる
続きを読むChatGPT (OpenAI) を Flutter チャット上で動かす
#OpenAI#ChatGPT#FlutterFlutter × Supabase ハンズオンに伴い、その延長戦の企画として簡単に書かせていただきました。
続きを読むVue Fes Japan 2023 ティザーオープンの裏側
#Nuxt3#Vue#VueFes昨年に続いて Vue Fes Japan 2023 Web サイトの技術をリードさせていただいております。先週迎えた初期ローンチに伴い、今回は早めに昨年との違いを触れさせていただきました。
続きを読むおはようエンジニア 金曜日 の取組改善
#Podcast#CMSTwitter Spaces を利用した Podcast を開始以来初めて、その取組改善に注力しました。そのお気持ち表明と合わせて、今後目指すべきことを言語化させていただきました。
続きを読むChatGPT (OpenAI) を AWS Lambda / LINE チャット上で動かす
#ZennChatGPT を Slack へ組み込む 先日、ブログを書きました。 https://blog.nekohack.me/posts/chatgpt-slack 詳細はこのブログをご確認いただくとしながらも、ポイントは Lambda の Function 内で Chat completions を実行することになります。 Slack より入力したものをリクエストパラメータとして受け取れたら、その準備が整います。 その際、先に作成した OpenAI の secret キーを読み込みます。 import fetch from 'node-fetch' const OPENAPI_CHA...
続きを読むChatGPT (OpenAI) を AWS Lambda / Slack 上で動かす
#OpenAI#ChatGPT#AWS#AWSLambdaChatGPT (OpenAI) の API 利用開始に伴い、その導入方法について簡単に書かせていただきました。なお、その前提として今回は個人 Slack に対し、ChatGPT を組み込むことを目指しています。
続きを読む2023年 抱負をば
#COVID19明けましておめでとうございます、今年もゆるりと進めてまいります。
続きを読む2022 年にさわった技術
#Review今年も振り返る。昨年とはうって変わって「3 年ぶり」尽くしな 1 年間を振り返る。
続きを読むFlutter コミュニティの 2022 年、FlutterKaigi 2022 ふりかえり
#Review#Flutter#Advent-Calendarこの記事は Flutter Advent Calendar 2022 の 24 日目の記事です。今年の Flutter コミュニティを中心に振り返る。
続きを読むDeep Dive into Rev Up 2022
#SvelteKit#RevUp#LINE#Advent-Calendar今回、初めて Rev Up のウェブサイト製作に参画させていただいた経験と、そのついでに SvelteKit の話題にも触れさせていただきます。
続きを読むLIFF アプリを Vite 4 (React 18) で動かしてみよう
#Zenn前置き 2022 年 3 月 3 日に LINE Developer コミュニティ 主催の下 React (Vite) × LIFF ハンズオンを実施いたしました。 https://linedevelopercommunity.connpass.com/event/237619/ 教材は Zenn book を利用して書いています。 https://zenn.dev/jiyuujin/books/react-x-vite-x-liff ハンズオンではビルドツール Vite を利用して LIFF アプリを製作しました。 今回は、正式リリースされた Vite 4 を下に、先日製作した L...
続きを読むVue Fes Japan Online 2022 ティザーの裏側
#NuxtBridge#Vue#VueFes#Advent-CalendarVue Fes Japan Online 2022 ウェブサイトのリードを担当させていただいた経験と、そのついでに Nuxt 3 の話題も触れさせていただきます。
続きを読むモノレポについて語らいました
#Monorepo#Nx#Turborepoモノレポのチュートリアルについて、チーム勉強会での登壇に合わせ言語化したので、その記録を簡単に書かせていただきました。
続きを読むモノレポを理解する
#Zenn前段でモノレポとは何か、後段でそれをどう活用しているかについて、簡単に解説しました 1. モノレポの一般論について 2. プロジェクトでそれをどう活用しているかについて これらを下に、どう利益を享受するかについて、理解いただけたら幸いです
続きを読むカレンダーアプリで学ぶパッケージ開発
#Flutter2022 年初めての Flutter ハンズオンとして、Zenn book 「カレンダーアプリで学ぶパッケージ開発」を共同執筆いたしました。
続きを読むCloudFront における HTTP/3 有効化メモ
#AWS#AWSCloudFront#AWSS3S3 と CloudFront 上に運用している各種プロフィールサイトで HTTP/3 を有効化したことをきっかけに、そのメモを簡単に記録させていただきます。
続きを読むGoogle I/O 2022 と WWDC 2022 について語らいました
#GoogleIO#WWDCPWA Night 40 にて、先日行われた Google I/O 2022 と WWDC 2022 の Recap と称して登壇させていただいた。
続きを読むLIFF アプリを Next.js で動作させよう
#Zenn前置き 2022 年 3 月 3 日に LINE Developer コミュニティ 主催の下 React (Vite) × LIFF ハンズオンを実施いたしました。 https://linedevelopercommunity.connpass.com/event/237619/ 教材は Zenn book を利用して書いています。 https://zenn.dev/jiyuujin/books/react-x-vite-x-liff ハンズオンではビルドツール Vite を利用して LIFF アプリを製作しました。 この代わりに Next.js を利用して LIFF アプリを製作す...
続きを読むLINE と共に React (Next.js) を学ぶ
#React#NextJS#TypeScript#FirebaseHosting#LIFFReact (Vite) × LINE Front-end Framework のハンズオンの延長線上として、当ブログでは Next.js を Vite の代わりに利用した際注意することを補足させていただきます。
続きを読むLIFF アプリを React 18 (Vite) で書いてみよう
#Zenn前置き 2022 年 3 月 3 日に LINE Developer コミュニティ 主催の下 React (Vite) × LIFF ハンズオンを実施いたしました。 https://linedevelopercommunity.connpass.com/event/237619/ 教材は Zenn book を利用して書いています。 https://zenn.dev/jiyuujin/books/react-x-vite-x-liff ハンズオンではビルドツール Vite を利用して LIFF アプリを製作しました。 今回は、正式リリースされた React 18 を下に、先日製作した...
続きを読むReact 18 へ移行するにあたって
#React#TypeScriptReact 18 が正式リリースされたのを受け、簡単に記録させていただきました。
続きを読むReact (Vite) × LIFF ハンズオンを開催しました
#noteこんばんは、jiyuujin (Yuma Kitamura) です。 nekohack.me | Yuma Kitamura - Web DeveloperA personal website that provides a wide range of informationyuma-kitamura.nekohack.me 続きをみる
続きを読むReact (Vite) で LIFF アプリを作ろう
#ZennReact Tutorial から一歩踏み出してみたい人 / バックエンド経験があり、フロントを触ってみたい人へ LINE API と連携して、ユーザー連携や LINE へのメッセージなどを解説していきます。
続きを読むLINE と共に React (Vite) を学ぶ
#React#TypeScript#FirebaseHosting#LIFFLINE Developer コミュニティで React (Vite) × LINE Front-end Framework のハンズオンを企画するにあたって、当ブログではその補足を説明させていただきます。
続きを読むuseContext の内側を理解する
#React#TypeScriptとあるプロジェクトのエンジニア教育の一環で useContext の内部構造について解説する機会があってこの度、言語化いたしました。
続きを読むuseEffect の内側を理解する
#React#TypeScriptとあるプロジェクトのエンジニア教育の一環で useEffect の内部構造について解説する機会があってこの度、言語化いたしました。
続きを読むuseState の内側を理解する
#React#TypeScriptとあるプロジェクトのエンジニア教育の一環で useState の内部構造について解説する機会があってこの度、言語化いたしました。
続きを読む2022年 抱負をば
#COVID19明けましておめでとうございます、今年もゆるりと進めてまいります。
続きを読む2021 年にさわった技術
#Review#COVID19今年も振り返る。2021 年の最後に 2 年も続いた「コロナ禍」な 1 年間を振り返る。
続きを読むFlutter コミュニティの 2021 年
#Review#Flutter#FlutterMeetup#Advent-Calendar#COVID19この記事は Flutter Advent Calendar 2021 の 25 日目の記事です。昨年以上に飛躍した 2021 年 Flutter コミュニティの活動を中心に振り返る。
続きを読む今年最後の PWA Night
#note先週水曜 (12/15) は 2021 年最後の PWA Night が開催されました。 PWA Night vol.34 ~2021年最後はLT会!〜 (2021/12/15 19:30〜)# 今回はオンライン開催になります。ご注意ください! 参加者用URL: https://bit.ly/3oUJnsfpwanight.connpass.com 続きをみる
続きを読む来る React v18 に向けて
#React#NodeJS#Advent-Calendar#Pokemon-APIこの記事は React Advent Calendar 2021 の 23 日目の記事です。来たる React v18 に向け 2021 年一年間の更新をまとめた、とりわけ初学者を対象にいま一度ご一読くださいませ!
続きを読むVite (Vue 3) で SG のすゞめ
#Vite#Vue#Vercel#Advent-Calendarこの記事は Vue Advent Calendar 2021 の 21 日目の記事です。平日毎朝 Twitter Spaces で雑談している内容を閲覧できるようにした「みんなで作るブログ」を製作・運用している経験について書かせていただいた。
続きを読むFlutterKaigi 2021 お疲れさまでした
#Flutter#FirebaseHosting#Hosting#A11Y#Web#Canvas#Advent-Calendarこの記事は Flutter Advent Calendar 2021 の 1 日目の記事です。昨日無事に終えた FlutterKaigi 2021 そのティザーサイトの製作裏話について、また Web アクセシビリティに取り組んだ経験を中心に今回書かせていただいた。
続きを読むガジェットに熱かった 21 秋
#noteM1 Mac などの発表もあったが、個人としてはスマートフォンだ。 というのも今年始まってすぐ Intel Mac に買い替えた都合上、新しい M1 Mac に買い替える考えは一切無い。 続きをみる
続きを読むVSCodeCon JP 2021 サイトの内幕
#React#NextJS#TypeScript#GitHubPages#VSCode#Conferenceこの度 VS Code Conference JP 2021 ウェブサイト製作を担当、その技術的側面にアプローチして今回は書かせていただいた。
続きを読むGitHub issues を CMS として扱う
#Vite#TypeScript#Vue#Vue3#Podcast#CMS平日の毎朝 Twitter Spaces で雑談している技術情報を GitHub issues に書き留めている。その際 GitHub issues を CMS として扱うことのできるメリットについて書かせていただいた。
続きを読むNext.js (SSG) でサブパスの 404 を回避した対応
#NextJS#React#Shell#Hosting#AWS#AWSS3Next.js (SSG) でサブパスが 404 になった際に取り組んだことを簡単に書かせていただいた。
続きを読む家計簿アプリ製作を通して Riverpod を理解する
#noteWebデベロッパーの jiyuujin (Yuma Kitamura) です。 Web猫ブログ2018年10月より運営の当ブログを始め、Vue.jsやNuxtを使ったフロントエンドを中心に設計・開発しています。webneko.dev 続きをみる
続きを読む家計簿アプリの null-safety 対応
#Flutter#Dart#Riverpod先週土曜日 (2021/10/02) 開催の Flutter Handson Osaka 9 で製作した家計簿アプリ。その null-safety 対応、また Chart 系ライブラリの変更も行ったので簡単に書かせていただいた。
続きを読むNext.js (SSG) でハマったロケール対応
#NextJS#React#TypeScript#GitHubPages#Hosting#SSGNext.js (SSG) でロケール対応した際に少々ハマった点が存在したので簡単に書かせていただいた。
続きを読むワクチン接種完了談
#noteかれこれ遅いと言われたワクチン接種、春先に始まって以降ペースが落ちることなく順調に進んでいるようです。 top厚生労働省や首相官邸のオープンデータを利用して、新型コロナウイルスの現況を可視化しています。stopcovid19.vercel.app 続きをみる
続きを読むSWR v1 リリース - ポケモンと共に React を学ぶ
#React#TypeScript#Pokemon-APISWR v1 リリースにあたって注意することを簡単に記録しておきました。
続きを読むNext.js (SSG) を GitHub Pages で利用する際に注意すること
#NextJS#React#SSG#GithubPagesNext.js の SSG を GitHub Pages でハマる箇所が多々存在するため今回書かせていただいた。
続きを読むIDE のエクステンションに何を使っていますか
#IntelliJ#VSCodeVSCode や IntelliJ を始め、日常的に使っているエディタのエクステンション (拡張機能) 皆さまは何を使っていますか。
続きを読むポケモンと共に React を学ぶ
#React#TypeScript#Pokemon-API#Vercel#VuePressチームメンバー並びに社内のエンジニアの力を底上げするため React 教育にあたって、今回作成したドキュメントサイトを補足する内容となっています。
続きを読むオレオレ自己署名 SSL 証明書を作る
#SSL#HTTPS#OpenSSL#mkcertオレオレ自己署名 SSL 証明書を Web ブラウザに信用させるため OpenSSL 並びに mkcert を利用して HTTPS 化を果たす方法を書いた。
続きを読むIE を供養する
#Web#BrowsersMicrosoft 公式直々に IE サポート終了のアナウンスがあったことを祈念して簡単に書いた。
続きを読むlit-element を使った簡易 PWA アプリ
#LitElement#PWA#TypeScriptこれまでと趣向を変えて LitElement の話。手元で現在の日付並びにその週が見てとれる簡易 PWA アプリを製作しました。
続きを読むプロフィールサイトのドメインを移管しました
#AWS#AWSCloudFront#AWSS3#AWSRoute53#React#Gatsby#Hosting#HTTPS当ブログとは別に製作・運用しているプロフィールサイトのドメインを移管した話について書きました。
続きを読むYouTube & Twitter Spaces 連動イベントの可能性について
#noteFlutter Osaka を運営している jiyuujin です。 Web猫ブログ | トップ2018年10月より運営の当ブログを始め、Vue.jsやNuxtを使ったフロントエンドを中心に設計・開発しています。webneko.dev 続きをみる
続きを読むNotion をひとつのデータベースとして扱う
#TypeScript#Notion#Podcast#CMS先日 Public Beta となった Notion API を軽く試したので簡単に記録しています。
続きを読むDevRel/Online 3 でオンラインハンズオンの取り組みについて喋りました
#note先月直々に登壇のお誘いを受け、昨年以来「久しぶり」のオンラインミートアップに参加させていただいた。 Flutter Japan User GroupFlutterは、モバイル、ウェブ、デスクトップ向けのネイティブにコンパイルされた美しいアプリケーションを単一のコードベーflutter-jp.connpass.com 続きをみる
続きを読むコミュニティハンズオンにおける DevRel のすゝめ
#DevRel#Flutter#Vue#VuePress#YouTubeDevRel/Online 3 にて Flutter Japan User Group (Osaka) のハンズオン企画でやったこと について喋らせていただきました。
続きを読む先日発表された「Flutter 2」についてちょっと聞きたい・語りたい
#noteWebデベロッパーの 北村 勇磨 (jiyuujin) です。 Web猫ブログ | トップ2018年10月より運営の当ブログを始め、Vue.jsやNuxtを使ったフロントエンドを中心に設計・開発しています。webneko.dev 続きをみる
続きを読む人狼ゲーム製作を通して Riverpod を理解する
#noteWebデベロッパーの jiyuujin (Yuma Kitamura) です。 Web猫ブログ2018年10月より運営の当ブログを始め、Vue.jsやNuxtを使ったフロントエンドを中心に設計・開発しています。webneko.dev 続きをみる
続きを読むRiverpod (Flutter hooks) 要点をまとめました
#Flutter#Dart#RiverpodFlutter Handson Osaka 8 で Riverpod を扱ったのでこれを使う際の要点を簡単に書いた。
続きを読むManagement API 使ってバックアップを取る
#Contentful#TypeScript#CMSAPI ベースの CMS である Contentful において Git でコンテンツを管理する方法を書きました。
続きを読むFlutter Meetup Osaka #6 開催しました
#noteFlutter Osaka を運営している jiyuujin です。 Web猫ブログ | トップ2018年10月より運営の当ブログを始め、Vue.jsやNuxtを使ったフロントエンドを中心に設計・開発しています。webneko.dev 続きをみる
続きを読むJAWS DAYS 2021 個人スポンサーになりました
#noteこの度 note を書き始めた、Webデベロッパーの 北村 勇磨 (jiyuujin) です。 Web Developerこちらは Web Developer 'Yuma Kitamura' ポートフォリオです。yuukit.me 続きをみる
続きを読む今こそサポートしたい JAWS DAYS 2021
#AWS#COVID19JAWSUG 主催、JAWSUG 最大のイベント JAWS DAYS 2021 に初めて「個人スポンサーとして」協賛・参加させていただきます。
続きを読むwasm-pack を使う
#Rust#Vue#Web-AssemblyWeb Assembly の wasm-pack について触れた時の記録をば。
続きを読む2021年 抱負をば
#COVID19明けましておめでとうございます、今年もゆるりと進めてまいります。
続きを読む2020 年にさわった技術
#Review#COVID192020 年の最後に、この「コロナ禍」な 1 年間を振り返る。
続きを読むFlutter コミュニティの 2020 年
#Review#Flutter#FlutterMeetup#Advent-Calendar#COVID19コロナ禍だった 2020 年 Flutter Osaka のコミュニティ活動を通して「オンライン開催」について考える。
続きを読むNext.js (SSG) を使ったリーディングメディア開発
#React#Advent-Calendar#Google-Apps-Script#Google-Clasp#AWS#AWSCloudFront#AWSS3#GCP#Hosting#Vercel#NextJS#SSGこの記事は JAMStack Advent Calendar 2020 の 24 日目の記事です。Next.js (SSG) を使った JAMStack なメデイアを実現した話について書きました。
続きを読むCloudFrontでサブパスを設定する
#AWS#AWSCloudFront自身のプロフィールサイトを多言語化させた対応に伴い、CloudFrontの更新作業が入ったので簡単に。
続きを読むCopilotに触れる前に ecs-cli を復習
#AWS#AWSCopilot#AWSECScopilot-cliを使い始める前に、ここでecs-cliを復習する
続きを読むFlutterで状態管理を始める 2020年版
#Flutter#Advent-Calendar#Dartこの記事は Flutter Advent Calendar 2020 の 1 日目の記事です。初心者向けにFlutterで状態管理 (ChangeNotifier) を始める話を書きました。
続きを読むSlackを中心に世界は廻っている
#Slack#Google-Apps-Script#Google-ClaspVR 勉強会 #3 (#study_in_vr) で登壇させていただきました。YouTube Live上でお話できなかった、GitHub API v4 をどのように使っているかなど、皆さまの参考になればと思います。
続きを読むもっと身近にやってたPWA
#TypeScript#Vue#AWS#AWSAppSync#PWA目下 Next.js + AppSync と言うサーバレスアーキテクチャの下で進めるお仕事で Auth0 を採用したりと、これまでのPWAの活動録を登壇させていただきました。
続きを読むTransitionを実践的に使う
#Vue#TypeScript#CSSVueでTransitionを使うにあたって少しハマった場面に遭遇、今年最初の登壇として yumemi.vue #5 で喋らせていただきました。
続きを読む2020年はVueをTSXで書く?
#Vue#TypeScript#Advent-Calendarこの記事は Vue Advent Calendar 2019 の 24 日目の記事です。Composition API採用後、VueをTSXで書く選択肢が生まれやすくなるため、簡単にスタートアップできることを書きました。
続きを読むComposition API 勘所など
#Vue#TypeScript来たるVue3に向けじわじわと盛り上がりを見せるComposition API。この導入にあたって気付いたこと、今後に活かしたいことを軽く記録しておきます。
続きを読む2019 年にさわった技術
#Review自身が主催、参加する年内最後のミートアップ v-kansai #12 の機会に 2019 年の振り返りをさせていただきました。
続きを読むVue-CLI v4 に更新
#Vue#Vue-CLIVue-CLI v4 がリリースされたことに伴い、合わせておしごとの場面でそれに上げた経験を簡単に書かせていただいた。
続きを読む気にせず MPA + TS として導入しよう
#CakePHP#Vue-CLI#VueVue + MPA で構成されるWebアプリにTSを導入するためにこれだけは最低限守っていることなどを話しました。
続きを読むJest初心者がこれをやった
#Jest#TypeScript#Vue-CLI#VueJestを始めるにあたって Tipsを記録、色々とハマったことも軽く共有します。
続きを読む無限スクロールを実現する
#Nuxt2#Vue#Contentful#TypeScriptとある管理画面の機能で、ページネーションから無限スクロールを使うような変更があったので軽く書いた。
続きを読むMPAとしてVueを導入する
#CakePHP#Vue-CLI#VueWebpackベースのVue CLIを今回初めて採用、サーバサイドにVueを組み込む際に必要だったことを軽く記録します
続きを読む外部リンクの表現をリッチにする @microlink/vanilla
#Nuxt2#Vue#Contentful#TypeScript@microlin/vanillaを使って、外部リンクの表現をリッチにしました。
続きを読むdev ドメインに移行しました
#AWS#AWSECS#AWSFargate#Hosting#Netlify#HTTPSこの度 dev ドメインが解禁されました。機会あって webneko.dev を取得しています。
続きを読むWeb猫ブログ (Nuxt) を TypeScript 化しました
#Nuxt2#Vue#TypeScript#ContentfulNuxt 3 より本格サポート予定の TypeScript を当ブログに導入、今回はその導入編を簡単に書いた。
続きを読むプレゼンテーションスライドもVUEで作っちゃう話
#Vue#Advent-CalendarVue.js Advent Calendar 2018 21日目の記事です。
続きを読むvuex設計やmarkdownのパースについて
#Nuxt2#Vue#ContentfulWeb猫ブログ (Nuxt) の UI/UX を向上させました。検索機能、ページネーション、Markdown 部分のスタイル修正などについて簡単に記録しておきます。
続きを読むWeb猫ブログ (Nuxt) のインフラ周り
#Nuxt2#Vue#AWS#AWSECS#AWSFargate#CMS当ブログの運用は ECS コンテナに乗せた AWS Fargate を採用している、その経緯と構築方法について記録した。
続きを読むNuxtとContentfulで簡単ブログ生活
#Nuxt2#Vue#Contentful#CMSHeadless CMSの一つであるContentfulを使って、めでたくブログ活動を開始します!
続きを読むVuePressをブログとして使う
#Vue#VuePress#CMSドキュメント制作を容易に実現する VuePressをブログとして使います。
続きを読む初めて登壇に挑戦
#Vue#ParcelParcelをモジュールバンドラに使って、さくっとプロフィールサイトを制作。ちなみにご縁があって初登壇させていただきました!
続きを読む
全 142 件の記事