フロントエンドエンジニア/面白法人カヤックなどのWeb制作会社に勤務したのち、故郷の新潟に戻り独立。JSフレームワークAngularやFirebase、Google Cloud Platformを使ったWebアプリ開発が得意。 また、Udemyのプログラミング解説の講師、writer.appの自主開発や上越TechMeetupの主催などを行っています。
プロフィール
AngularのLifecycle Hooksを理解する
AngularのServiceの役割
Cloud Functions + TypeScriptでデプロイ時に親階層のnode_modulesが参照されてしまう
AngularのテスティングフレームワークにJestを利用する
SSHで「WARNING: UNPROTECTED PRIVATE KEY FILE! 」が表示される場合
上越TechMeetup #3 を開催しました
WordPressブログのフロントエンドをGatsbyJS + Netlifyで構築する
上越TechMeetup #3 を4/13(土)に開催します
#新潟グラム 2019 vol.1 でアニメーション実装の話をしてきました
#TDDBC 長岡に参加してTDDを入門しました
【告知】3/8に開催される新潟グラムさんのイベントに登壇します!
2019年やりたいことリスト
【React】styled-componentsで出力されるクラス属性にファイル名やdisplayNameを表示する
地方エンジニアに必要なこと
【ドローン】屋外での充電にSmatreeの充電器がめちゃくちゃ使える件
サンワサプライの液晶画面クリーナーが最強説
【Angular】@angular/fire/functions が動かない場合の対処方法
テキサスリグ・ラバージグに相性が良いホッグ・クロー系ワームまとめ
【Stripe】Elementsの入力欄をカスタマイズする
フリーランスエンジニアの地方と東京の仕事の割合
ドローン映像用YouTubeチャンネルを作りました!
スキルを身につけるのがゴールではない
【ドローン】 カメラ設定はオートではなくマニュアル設定がおすすめ
プログラミング言語は何を学ぶべきか
Dゾーン(スピナーベイト)のハンダづけに挑戦しよう!
スピナーベイトのスカート交換方法を解説します!
仕事が途切れないエンジニアになるには
長野県大町市ドローン絶景空撮ツアーのつぶやきまとめ
「講師と行く 長野県大町市ドローン絶景空撮ツアー」に参加してきました【後編】
「講師と行く 長野県大町市ドローン絶景空撮ツアー」に参加してきました【前編】
中古ルアーが狙い目! ひと手間加えて1軍ルアーに昇格させよう!
Mavic Pro用のPGYTECHレンズフィルターセットを購入してみた
【Firebase】Firestoreのサーバータイムスタンプを取得する
【Firebase】Authenticationの登録データをCSVでエクスポートする
Mavic Proのプロペラガードは【DJI純正品】を買っておけ
wpXレンタルサーバーに乗り換えてみた
HD映像でYoutubeライブ配信ができるWebカメラを購入してみた
地方でIT勉強会を開催する理由
Niigata Engineer Meeting#8でSPAについて話してきましたよー
上越TechMeetup #2 を開催しました
プロジェクター接続用にBoschengのHDMI+VGA 2in1 アダプターを購入してみた
【JavaScript】iPhoneで撮影した画像をアップロードすると回転してしまう時の解決方法
【Rails】バリデーションのエラーメッセージを表示する
【Rails】renderのパーシャルファイルにデータを渡す
【Yarn】「Unexpected end of JSON input」エラーの解決方法
【Angular】Googleアナリティクスをページ毎に設定する
【Vue.js】クラスで指定した複数の要素を初期化する
【Vue.js】templateプロパティで元のDOMを置換されたくない場合の対処法
ぼくはムクドリに謝らなければならない
【Rails】radio_buttonとlabelタグのfor属性を適切に設定する
【Rails】オブジェクトの中身が存在するか判定する
npm installのsaveオプションを自動で追加する
何かを始めるときは「深く考えない」
【CSS】レスポンシブデザインのメディアクエリはどう設計するのが最適か?
【WordPress】Glue for Yoast SEO & AMPプラグインでエラー発生中【解決済み】
【Rails】toastrで見栄え良くflashメッセージを表示する
【Angular】ng updateを使ったv6へのアップデート手順
【Angular】アプリケーションのビルドとFirebaseへのデプロイコマンドを一緒に行う
【ruby】配列を指定回数だけループ(each)で処理する
【Rails】link_toメソッドの中にタグを含める
【JavaScript・ES6】Google Mapの埋め込みスニペット
【ruby】配列の指定の位置から最後までを抜き出す
【Rails】A server is already running. エラーの解決方法
フロントエンドエンジニアはどんな役割?
ウェブエンジニアで飯を食っていく理由
【Angular】GWはAngularを動画で勉強しませんか? 5/6(日)まで数量限定で1800円クーポン配布中。
新卒をアルバイトと勘違いしている件
複数のGoogleフォントをワンライナー(1行)で読み込む方法
【Rails】Webpackerで共通のsassファイルを自動で読み込む
【Rails】foremanでrails serverとwebpack-dev-serverを一度に起動する
【Angular】ng generateで「core_1.PriorityQueue is not a constructor」エラーの解決方法
【Rails】インストール時につまづきがちなエラー集
【Rails】WebpackerでSassのglobパターンの一括importを有効にする
何事もまずはミニマムから始めるのが最善策
RxJSのメリットや使いどころについて解説するよ
writer.appのみんなの感想
JAWS-UG 上越妙高支部 第3回勉強会(サーバーレス勉強会)に参加しました
「めっちゃいいね」と言われたい
TypeScriptの基礎、ちゃんと理解できていますか?
angularfire2 + firebase v4.8.1でnamespaceエラー
ギルドハウス十日町で行動のヒントを得た
自分が納得できる仕事をしよう
Angularの入門動画コンテンツをつくりました
【ドローン】DJIストア限定! Mavic Proに新色アルペンホワイトが数量限定で登場!
angular.ioをローカルでビルドする方法
ロリポップのWordPress簡単インストールのエラー(データベース確立エラー)の解決方法
あなたは仕事で誰を喜ばせられますか?
【WordPress】the_content()が動かない時の解決方法
【ドローン】買ったときには最低限知っておこう! Mavic Proのプロペラの取付け・取りはずし方法
Windowsのコマンドプロンプトをクリア(画面の初期化)する方法
【ドローン】Mavic Proの飛行音ってうるさいの?
【レビュー】ANKERのハイパワーバッテリー「PowerCore Speed 10000 QC」
【ドローン】Mavic ProのSDカードに撮影した動画・写真データが表示されないときの対処法
これだけ覚えて! Twitterで特定ユーザーと日付を指定して検索する方法
【ドローン】Mavic Proを買っちゃいました! これからドローンで空撮しまくります!!
【イベントレポート】第1回上越TechMeetupを開催しました!
日付整形、フロントでやるか APIでやるか
インストール済みnpmパッケージ一覧の確認方法
ReactとAngularとVue.jsを触った感想
WordPressサイトが遅い? だったら何も考えずにwpXにすれば解決するよ
リモートワークなフリーランスエンジニアの一日
自分の「やりたい」がこれ以上ない目的になる
【IE11】配列のfindメソッドを使えるようにする方法
【告知】新潟県上越市でIT勉強会を開催! ぼくもSPA関連でしゃべります!!
ビジネスでは具体的に1発目で伝えろ
FM PORTの松本愛さんってどんな人?
自分と他人を比べたって時間の無駄
IE11で配列のincludesメソッドを使えるようにする方法
なぜフリーランスは舐められてしまうのか
【2017お盆明け】Chromeのコンソールログが表示されない時の対処法
人と違うことをするのが面白い
フリーランスエンジニアの武器選び
信頼を得るには相手の想像を超えてゆけ
あなたは誰かの問題を解決できますか?
【Windows/Mac対応】書き起こし用の音声再生アプリ「writer.app」を作りました
ブログを書くのがラクになった話
フリーランスのブログは超重要な「営業ツール」
やりたいことをするために、常に動けるようにしておく
JavaScript脱初心者を目指して2冊目に読むべきオススメ書籍を紹介!
フリーランスの仕事選びは「その仕事は自分にとって価値があるか」で判断する
SPAのフロントエンド実装は、モデルの理解が重要
「すぐやる人」がすべてを手に入れる
やりたいことがあるならやらないことを決めろ。
やる気が空回りしてない?「1分で頭の中を片付ける技術」を読もう
【Adobe CS3〜CS6ユーザー対象】最大41%オフでCreative Cloudへ乗り換えのチャンス! 6月2日(金)まで
【WordPress】ブログの目次について考える
【React】JSXでタグとタグの間に半角スペースを挿入する
【WordPress】ビジュアルモードでspanタグが消えたら、TinyMCEエディタの設定をしよう
【WordPress】管理画面のセキュリティ強化に。ログイン画面にベーシック認証を設定する
【WordPress】ブログシステムをJekyllからWordPressに乗り換えました
【React】Jestが動かないときの対処法(MacOS Sierra)
【Rails】.keepファイルは何のために存在するのか
【Rails】Gemfileのバージョン指定の書き方
【React】子コンポーネントを動的に指定する方法
【React】react-tabsでのルーティングの設定方法
【React】react-tabsが一番シンプルで使いやすい
ぼくはフリーランスだけど、内容によってはカフェじゃ仕事しないよ
Font Awesomeの日本語検索ツールを作った
【React】遷移する度にページの一番上へスクロールさせる
【短期間の効率的な学習に最適!】UdemyでRuby on RailsのWebアプリ開発を勉強してみた
【React】SVGファイルをインラインで読み込んで、React Componentにする方法
【React】react-css-modulesで、子コンポーネントにstyleNameのスタイルを適用する
【WebStorm】JSX内でEmmetが効かない時の対処法
4月2日(日)限定20%OFF! Adobe Creative Cloudフォトプラン( Photoshop+LightLoom)がAmazonで9,408円!!
古本をリアルタイム査定できるブックサプライが便利だった件
【WordPress】RSSをカスタマイズしてSmartNewsに記事を配信する方法
【React】これからReactを勉強する人に勧めたい「WebデベロッパーのためのReact開発入門」
Jekyllにライブリロード機能を追加する「Hawkins」
【コードスニペット】Base64エンコードされた1x1pxの透過GIFが便利
【WordPress】get_stylesheet_directory_uriで、子テーマのURLを取得する
【WordPress】wp-captionの不要なstyle属性を削除する
【wifi対応】スキャンデータのクラウド保存はブラザーのプリンタ「DCP-J968N」がオススメ。
ぼくが毎日聴いている「FM PORT」が面白いから猛烈プッシュしたい
【React】まだ遅くないReact事始め。Hello Worldを表示する
2016年に読んだ本まとめ
今の記事は何番目? WordPressの記事に連番を出力する方法
JavaScript初心者のためのおすすめ書籍
スープセットが230円に! ミスド×ソフトバンクのSUPER FRYDAYは、ドーナツだけが対象じゃない件
Adobe Creative Cloudが今なら41%OFF! 12月12日(月)まで
初めてのWordPressサーバーを選ぶならこれだ! オススメのレンタルサーバー3選
JS不要!CSSでカウント数字のゼロ埋め(ゼロパディング)を実装する
WordPressの無限スクロールが動かない? Ajax Pagination and Infinite Scrollが動作しない時の対処法
フロントエンドの開発効率を劇的に上げる、現場で使われているオリジナルスターターキット・テンプレート
ブログ初心者でも大丈夫!さくらのレンサバにWordPressをインストールしよう
フリーランス1年目のぼくはこんな失敗をしたよ
ミスドのモーニングセットを知らなかった件
古いiPhoneでもmineoなら月々の料金が安くなるよ!
CSSで手軽にカスタムイージングを使おう!
コーディングでストレス発散!? タイピングするとエディタが爆発するPower Modeが面白い!
コーヒーと相性のいいスイーツがわかる! スターバックスのフードペアリングセミナーで学んだこと
TweenLiteを使って軽快なアニメーションを作成しよう
JavaScript DOM APIの基本を学ぶ【連載まとめ】
ejs-cliで、EJSをCLIから使う方法
その差月々5000円! ソフトバンクからmineoの格安SIMに乗り換えたら携帯料金が節約できました
さくらのレンタルサーバでモリサワのWebフォントが無料で使えるって知らないの!?
【最新版】Angular2 QUICKSTART for Typescript の日本語訳
フリーランスになるための心構えと注意点
npmのthrottle-debounceがシンプルで使いやすい
ちょっと動きをつけたいときのCSSアニメーションライブラリ5選
【WordPress】wp_footerにスクリプトブロックを出力する
Angular2のオープンソースプロジェクト
フォームカスタマイズの新常識! お手軽にフォームパーツをカスタマイズする方法(IE9対応)
テキストボックスのプレースホルダーのスタイルを変更する
CSSで画像を左右反転させる方法
【WordPress】wp_footerでJavaScriptファイルを読み込んで、サイト表示を高速化しよう
【WordPress】キーワード選定でもう迷わない! Yoast SEOのFocus keyword機能がものすごく使える件
ルートディレクトリにあるWordPressをサブディレクトリに移動する方法
Angular2でdebounceを設定する
必ず覚えておきたい! Angular2でコンポーネントの子要素を参照する方法
JavaScript DOM APIの基本を学ぶ 【操作編】
JavaScript DOM APIの基本を学ぶ 【取得編3】
JavaScript DOM APIの基本を学ぶ 【取得編2】
JavaScript DOM APIの基本を学ぶ 【取得編1】
JavaScript DOM APIの基本を学ぶ 【構造編】
JavaScript DOM APIの基本を学ぶ 【導入編】
GETやPOSTだけじゃない!Angular2のHttpメソッド
Angular2でAjaxを使ってサーバーにデータを送信する
Angular2でカスタムPipeを定義する
Angular2のPipeで文字列を操作する
Angular2でAjaxを使ってデータを取得する(Httpクライアント)
プログラミングを上達したければ、絶対にteratailを使うべき!
Angular2でのカスタムデータ属性の設定方法
「独りになる」ということ、怖がってない?
Angular2でWindowイベントを設定する
autoprefixerはCLIで使う
Angular2のngIfやngForで気をつけたいところ
TypeScriptでの関数・メソッドの引数デフォルト値と省略可能にする方法
Angular入門!ゼロから始めたぼくの勉強方法
AngularでDOMにアクセスする
Angular2でのstyle属性とクラス属性の指定
webpackはCLIで使っちゃうぞ!
Bootstrapを使う前にメディアクエリの指定方法を覚えておこう
今月のハイクオリティなシングルページまとめ 【2016年3月】
Bootstrapをカスタマイズする上で必ず知っておきたい考え方
今月のハイクオリティなシングルページまとめ 【2016年2月】
【CakePHP】バリデーションエラーの内容をログ表示する
【CakePHP】現在のリクエストに対するリファラURLを取得する方法
ページ離脱防止のためにJavaScriptでアラートを表示する
今月のハイクオリティなシングルページまとめ 【2016年1月】
エンジニアのぼくが快眠をお約束する、マニフレックスのマットレスとジムナストプラスの3Dまくら
jekyll-assetsを使ってJekyllにAssets Pipelineを導入する
ブログ記事をTwitterに自動投稿する最強ツールはどれか [Buffer編]
ブログ記事をTwitterに自動投稿する最強ツールはどれか [IFTTT編]
トレンドまるわかり!2015年フロントエンドアンケート調査
ドメイン取得の前におさえておきたい各種ドメインの違い
ぼくがオススメする3つのVimカラースキーム(テーマ)
フリーランスの強い味方。クラウド会計ソフトは迷わず【freee】でしょ
これは抑えておきたい!JekyllでWordPressのようにbodyにクラスを追加する方法
requestAnimationFrameで実装されたスムーズスクロール「Jump.js」
Jekyllの記事に目次を追加する「jekyll-toc-generator」
OGP設定に必須!Jekyllで記事の最初の画像を取得するプラグイン「jekyll-auto-image」
サイト内検索を自由にカスタマイズ!Jekyllに全文検索を追加する「jekyll-lunr-js-search」
レスポンシブでpointer-eventsを効果的に使う
モノづくりを通して思考する奴ほど強いんだ
Update Jekyll-3.0
Angular2 for Dart – 5 MIN QUICKSTARTの日本語訳だよ。
Angular2をいろんな言語で試してみようよ
Angular2 for TypeScript – 5 MIN QUICKSTARTの日本語訳だよ。
Angular2 – 5 MIN QUICKSTARTの日本語訳だよ。
フリーランスとして新潟でやっていくことに決めたんや、おれは。
今の時代必ず知っておくべき!!Twitterツイートボタンの設置・実装方法まとめ
OSX El Capitanでgulpのエラーを解決する
【JavaScript】forループ内でクロージャを生成する
【完全版】これであんたもシェア名人。Facebookシェアボタンの実装方法まとめ
知らないと損するSassの組み込み関数徹底解剖
ぼくのフロントエンドの情報収集ソース
自前のライブラリを使うことの弊害
失敗を恐れるな、ということを声を大にして言いたい
そろそろクリティカルCSS(Above the fold)について説明しておこうか
Internet Explorerの:focus擬似セレクタ
Dribbbleからインスピレーションを得ておしゃれなUIモックを作ったよ
今すぐやめた方がいい完璧主義の考え方
【CakePHP】MAMPでbakeコマンドが動かない時の対処法
IE8の判定方法いろいろ
IE9におけるtextareaのmaxlength属性の挙動
【CakePHP】Modelのアソシエーション(関連付け)
ペンで考えを書き出すと仕事の効率が上がる
【CreateJS】Tweenの並列実行
【CreateJS】設定したTweenを削除する
フルメタルヨーヨー(VOSUN van-sword)を買った
【CSS】height:100%のページをコンテンツに応じて伸びるようにする
フロントエンド開発効率化のための素敵なツールたち
JavaScriptファイルの動的読み込みと完了状態を取得する
.ruby-versionでプロジェクトのrubyのバージョンを指定する
Ajaxを使わずに画面遷移なしで画像ファイルをアップロード(IE9対応版)
QUnitで始めるユニットテストのススメ
jQueryプロジェクトから学ぶユニットテスト
メモアプリは「Day One」が良いよ、ダントツで使いやすいから
Facebook Flowを試してみたよ
【Rails】BundlerでプロジェクトごとにRailsをインストールする手順
【Rails】Underscore.jsとRailsを組み合わせる時に気をつけたいこと
困った時こそアイデアを出せ
自分が本当にやりたいことはやりたいと思った時にははじめている
$.dataメソッドはDOMを書き換えるわけではない
ステップアップのためのJavascriptデザインパターン入門(5) 【シングルトンパターン】
ステップアップのためのJavascriptデザインパターン入門(4) 【リビーリングモジュールパターン】
ステップアップのためのJavascriptデザインパターン入門(3) 【モジュールパターン】
ステップアップのためのJavascriptデザインパターン入門(2) 【コンストラクタパターン】
ステップアップのためのJavascriptデザインパターン入門(1)
Androidでoverflow:scrollを使うとレイアウトが崩れる
z-indexをSassで管理する
IEの独自フィルターについて
JavaScriptでゼロパディングの実装方法
ストレスフリーなGruntタスクの自動読み込み
いつものphp.ini設定
【Rails】Ruby on Ralisの初歩の初歩
レスポンシブWebデザインにおける画像の配置方法
font-sizeのパーセンテージ指定をSassで自動生成
Ajaxで動的に追加したSNSボタンを表示させる方法と、SNSボタンの再読み込みについて
スマホ向けオーディオスプライトライブラリを作った
Google APIのDeveloper keyでハマったメモ
Safariでmp3が再生されない時がある
MacでRubyをインストールする
最近のDOMの取得について整理してみた
Jekyllでブログ始めます