ブログ記事一覧
- Astroのプリフェッチ機能を理解してみる
- Document Picture-in-Picture API を試してみる
- display:contents; の挙動を確認してみる
- Cloudflareのビルドキャッシュ設定を試してみる
- Baseline Status ウェブコンポーネントを入れてみる
- CSS スクロール駆動アニメーションを試してみる
- Playwright / axe-core PC・モバイル各ページの自動テスト
- CSS calc-size() を試してみる
- inert 属性とフォーカス
- CSS @starting-style を試してみる
- CSS @property を試してみる
- AstroのView Transitionsを試してみる
- Resendを試してみた
- swup/astroを試してみた
- ポップオーバーAPIを試してみた
- 各ホスティングサービスでAstro(SSG)のビルド・デプロイ時間を測ってみる
- Astroで記事の目次を生成する
- satoriとsharpで記事ごとにog:imageを生成する
- Playwrightを触ってみた
- Pagefindを触ってみた
- Tina CMSを触ってみた
- 書籍『目の見えない人は世界をどう見ているのか』を読んだ
- 書籍『HTML解体新書』を読んだ
- 書籍『Webアプリケーションアクセシビリティ』を読んだ
- View Transitions API で画面遷移アニメーション
- 【読書メモ】ウェブ・インクルーシブデザイン ─ Webのアクセシビリティとインクルージョンを実現するための実践ガイド
- 【読書メモ】縁の下のUIデザイン ─ 小さな工夫で大きな効果をもたらす実践TIPS&テクニック
- GASでMLB試合予定を日本時間でGoogleカレンダーに登録する
- React / OpenAI API でコードを説明してもらう
- React / DALL-E API で画像生成
- React / OpenAI API でチャットボット作成
- Slack APIの確認ダイアログ
- Newt + Next.js + Vercel でポートフォリオサイトを作る
- @next/font でローカルフォントを扱う
- GASからAWS API Gateway(Lambda)へリクエスト送信、ファイルをS3へアップ
- GASからSlack AppのBlock Kitでメッセージを送る & ボタンの値を受け取る
- Next.js マークアップ観点の勘所
- WordPress(ACF)とNewtの管理画面の違い
- Google Cloud 認定資格 受験記(CDL/ACE/PCA)
- Newtで登録したコンテンツをNext.jsで表示する
- 【読書メモ】ザ・ダークパターン ユーザーの心や行動をあざむくデザイン
- AWS Amplify Studio を触ってみた
- CSS Container Queries を理解する
- :modal 擬似クラスを試してみた
- Next.js の Hello World から Vercel へのデプロイまで
- コンポーネント設計との上手な付き合い方
- Nuxt.jsでAPI通信なしの静的ファイルを書き出す
- 【イベント】うちのデザインレビューは“ここ”を見る
- 【イベント】事業とカルチャーを進化させる、Amebaのブランド戦略とデザインシステム
- 【読書メモ】はじめてのUXリサーチ ―ユーザーとともに価値あるサービスを作り続けるために
- 【読書メモ】UXデザインの法則 ―最高のプロダクトとサービスを支える心理学
- AWS認定試験 プラクティショナーから始めた人のためのアソシエイト資格取得
- AWS DevOps エンジニア プロフェッショナル 受験記
- 2021年3月 振り返り
- 【読書メモ】ポケットスタディ AWS認定 デベロッパーアソシエイト
- Nuxt.js + AWS ECS Fargate その4(まとめ)
- Nuxt.js + AWS ECS Fargate その3(CI/CD環境作成)
- Nuxt.js + AWS ECS Fargate その2(ALBとECS Fargate展開)
- Nuxt.js + AWS ECS Fargate その1(Nuxt.jsアプリ作成〜ECRリポジトリへのプッシュ)
- 【読書メモ】フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装
- 2020年に読んだ本
- 2020年後期のWebサイト
- 2021年2月 振り返り
- 【読書メモ】オンスクリーン タイポグラフィ 事例と論説から考えるウェブの文字表現
- 【イベント】Front-End Study #4「いま考えるユーザー体験とデザイン」
- 【イベント】タイポグラフィを武器にする 〜文字とデザイン、WEBとUI、そしてUXのお話〜
- 【読書メモ】UI/UXデザインの原則
- AWS ソリューションアーキテクト プロフェッショナル 受験記(再)
- 2020年11月 振り返り
- 2020年10月 振り返り
- 2020年9月 振り返り
- 【イベント】UX MILK All Night
- 【読書メモ】ウェブタイポグラフィ - 美しく効果的でレスポンシブな欧文タイポグラフィの設計
- Nuxt.js・楽天市場APIでWebアプリをつくる
- Nuxt.js のサイトを GitHub Actions を使って GitHub Pages へ自動デプロイする
- Vue.js Tips: Vuex で Action への複数パラメータ渡し / `v-on:` で複数のメソッド呼び出し
- 【読書メモ】オブジェクト指向UIデザイン ─ 使いやすいソフトウェアの原理
- Yarn のインストール(MacOS Catalina)
- e-Stat API
- 【イベント】のぞき見企画!mofmof×Goodpatch Anywhere合同勉強会
- 2020年8月 振り返り
- YouTube APIで複数動画
- AWS ソリューションアーキテクト プロフェッショナル 受験記(再・再々)
- 2020年7月 振り返り
- AWS ソリューションアーキテクト プロフェッショナル 受験記
- 【読書メモ】AWS認定ソリューションアーキテクト-プロフェッショナル ~試験特性から導き出した演習問題と詳細解説
- 2020年6月 振り返り
- 【読書メモ】Amazon Web Services 定番業務システム14パターン 設計ガイド
- 最近のエディタまわりの環境
- 2020年前期のWebサイト
- Nuxt.jsのWebアプリをFirebase(Cloud Functions/Firebase Hosting)でSSRする
- Shifter Headless をさわってみる
- 【読書メモ】Amazon Web Services 基礎からのネットワーク&サーバー構築 改訂3版
- 2020年5月 振り返り
- 【読書メモ】みんなのAWS 〜AWSの基本を最新アーキテクチャでまるごと理解!
- 2020年4月 振り返り
- 【読書メモ】他者と働く──「わかりあえなさ」から始める組織論
- 【読書メモ】チーム・ジャーニー 逆境を越える、変化に強いチームをつくりあげるまで
- 2020年3月 振り返り
- Netlify で $ gulp build がビルドエラーになってしまう
- 【読書メモ】ユーザビリティエンジニアリング(第2版)
- S3へのFTPクライアント接続にIP制限を掛ける
- microCMS をさわってみる その9
- microCMS をさわってみる その8
- microCMS をさわってみる その7
- microCMS をさわってみる その6
- microCMS をさわってみる その5
- microCMS をさわってみる その4
- microCMS をさわってみる その3
- microCMS をさわってみる その2
- microCMS をさわってみる その1
- API仕様書 API blueprint でつくってみる
- 【読書メモ】イラスト図解式 この一冊で全部わかるWeb技術の基本
- 2020年2月 振り返り
- WordPress + Nuxt.js でポートフォリオサイトを作る その13
- WordPress + Nuxt.js でポートフォリオサイトを作る その12
- WordPress + Nuxt.js でポートフォリオサイトを作る その11
- WordPress + Nuxt.js でポートフォリオサイトを作る その10
- WordPress + Nuxt.js でポートフォリオサイトを作る その9
- WordPress + Nuxt.js でポートフォリオサイトを作る その8
- WordPress + Nuxt.js でポートフォリオサイトを作る その7
- WordPress + Nuxt.js でポートフォリオサイトを作る その6
- AWS SysOps アドミニストレーター アソシエイト 受験記
- AWSデベロッパー アソシエイト 受験記
- Nunjucks を使ってみる
- 【読書メモ】AWS認定アソシエイト3資格対策
- 2020年1月 振り返り
- WordPress + Nuxt.js でポートフォリオサイトを作る その5
- 【読書メモ】UX(ユーザー・エクスペリエンス)虎の巻-ユーザー満足度を向上する設計開発テクニック
- WordPress + Nuxt.js でポートフォリオサイトを作る その4
- WordPress + Nuxt.js でポートフォリオサイトを作る その3
- WordPress + Nuxt.js でポートフォリオサイトを作る その2
- WordPress + Nuxt.js でポートフォリオサイトを作る その1
- JAMstack と Headless CMS
- 【読書メモ】この1冊で合格! AWS認定ソリューションアーキテクト - アソシエイト テキスト&問題集
- 2019年12月 振り返り
- AWSソリューションアーキテクト アソシエイト 受験記
- 2020年やりたいこと
- Webサイト高速化/最適化のためにやったこと
- 2019年 / 2020年
- 【読書メモ】AWSクラウドの基本と仕組み
- copy-webpack-plugin でファイルを別階層にコピーする
- 2019年後期のWebサイト
- 今年読んだ本
- Vue.js・Nuxt.js を使用したサイトまとめ
- WordPress に Vue.js を スモールスタートで入れてみる その7
- WordPress に Vue.js を スモールスタートで入れてみる その6
- WordPress に Vue.js を スモールスタートで入れてみる その5
- WordPress に Vue.js を スモールスタートで入れてみる その4
- WordPress に Vue.js を スモールスタートで入れてみる その3
- WordPress に Vue.js を スモールスタートで入れてみる その2
- WordPress に Vue.js を スモールスタートで入れてみる その1
- 【読書メモ】インタフェースデザインのお約束 ―優れたUXを実現するための101のルール
- 2019年11月 振り返り
- Shifter をさわってみた
- 【読書メモ】UI GRAPHICS 成功事例と思想から学ぶ、これからのインターフェイスデザインとUX
- Docker で WordPress ローカル環境構築
- EJSで使う構文まとめ
- 2019年10月 振り返り
- カスタム投稿 REST APIで取得するJSONを並び替えプラグイン通りにする
- ACF オプションページのREST APIエンドポイント
- node.js の切り替えを nodebrew ではなく nodenv で行う
- REST API のスキーマにリピーターフィールドの画像データを格納する
- WordPress + Nuxt.js で スラッグベースのパーマリンクにルーティングする
- 🍺 nodebrew 🍺
- 2019年9月 振り返り
- 【読書メモ】カイゼン・ジャーニー
- Nuxt.js をさわってみる
- 【読書メモ】正しいものを正しくつくる
- 2019年8月 振り返り
- Backlogでの課題管理など
- vue-quiz の Tips
- Vue.js でクイズをつくる
- 【読書メモ】はじめてのUIデザイン
- 【読書メモ】インタフェースデザインの心理学 ―ウェブやアプリに新たな視点をもたらす100の指針
- 2019年前期のWebサイト
- 2019年7月 振り返り
- Loading Placeholder いろいろ
- Vue CLI UI
- Vue CLI(webpack)で jQuery を使う
- AWS SAA
- AWS SAA認定試験のために覚えたサービス
- AWS(クラウド)周りの聞き慣れない用語(SAAレベル)
- 2019年6月 振り返り
- HTML セクショニングと見出しのマークアップ
- AWS クラウドプラクティショナー認定試験のために覚えたサービス
- AWS(クラウド)周りの聞き慣れない用語(クラウドプラクティショナーレベル)
- AWS クラウドプラクティショナー 取得まで
- Mac SourceTree で AWS CodeCommit のリポジトリをチェックアウト
- slick のオプション
- 2019年5月 振り返り
- フォーム入力バインディングを理解する その11
- フォーム入力バインディングを理解する その10
- フォーム入力バインディングを理解する その9
- フォーム入力バインディングを理解する その8
- フォーム入力バインディングを理解する その7
- フォーム入力バインディングを理解する その6
- フォーム入力バインディングを理解する その5
- フォーム入力バインディングを理解する その4
- フォーム入力バインディングを理解する その3
- フォーム入力バインディングを理解する その2
- フォーム入力バインディングを理解する その1
- Vue.js で クイズ実装
- 2019年4月 振り返り
- 【VS Code】 ワークスペース `.code-workspace` を使おう
- Git コミットメッセージのプレフィクス
- Vue.js / JSON から情報を引っ張ってくる その14
- 【PHP】変数名に変数の値を代入する
- Vue.js / JSON から情報を引っ張ってくる その13
- 【学習メモ】JavaScriptコードレシピ集 その15
- 【学習メモ】JavaScriptコードレシピ集 その14
- 【学習メモ】JavaScriptコードレシピ集 その13
- 【学習メモ】JavaScriptコードレシピ集 その12
- 【学習メモ】JavaScriptコードレシピ集 その11
- 【学習メモ】JavaScriptコードレシピ集 その10
- 【学習メモ】JavaScriptコードレシピ集 その9
- 【学習メモ】JavaScriptコードレシピ集 その8
- 【学習メモ】JavaScriptコードレシピ集 その7
- 【学習メモ】JavaScriptコードレシピ集 その6
- 【学習メモ】JavaScriptコードレシピ集 その5
- 【学習メモ】JavaScriptコードレシピ集 その4
- 【学習メモ】JavaScriptコードレシピ集 その3
- 【学習メモ】JavaScriptコードレシピ集 その2
- 【学習メモ】JavaScriptコードレシピ集 その1
- 【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その3
- 【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その2
- 【学習メモ】Vue.js のツボとコツがゼッタイにわかる本 その1
- 2019年3月 振り返り
- 【読書メモ】リーダブルコード その4
- 【読書メモ】リーダブルコード その3
- 【読書メモ】リーダブルコード その2
- 【読書メモ】リーダブルコード その1
- Vue CLI(Webpack)と vue-router を使ったプロジェクトを GitHub Pages で公開する
- 【読書メモ】UIデザインの教科書[新版] マルチデバイス時代のインターフェース設計
- Vue CLI(Webpack) を使ったプロジェクトを GitHub Pages で公開する
- Vue.js / JSON から情報を引っ張ってくる その12
- Vue.js / JSON から情報を引っ張ってくる その11
- Vue.js / JSON から情報を引っ張ってくる その10
- 【読書メモ】マイクロインタラクション: UI/UXデザインの神が宿る細部
- Sass で random
- Vue.js / JSON から情報を引っ張ってくる その9
- Vue.js / JSON から情報を引っ張ってくる その8
- 2019年2月 振り返り
- Vue.js / JSON から情報を引っ張ってくる その7
- Vue.js / JSON から情報を引っ張ってくる その6
- Vue.js / JSON から情報を引っ張ってくる その5
- 【読書メモ】学びを結果に変えるアウトプット大全
- Vue.js / JSON から情報を引っ張ってくる その4
- Vue.js / JSON から情報を引っ張ってくる その3
- AMPでアニメーション `amp-fx-collection`
- Sass の `map-get`
- Vue.js / JSON から情報を引っ張ってくる その2
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その6
- 【WordPress】詰まったこと、使ったこと その1
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その5
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その4
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その3
- 2019年1月 振り返り
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その2
- AMP amp-position-observer と amp-animation
- AMP 雑感
- Atom をマークダウンエディタとして使う
- 【学習メモ】Vue.js入門 基礎から実践アプリケーション開発まで その1
- Vue.js / JSON から情報を引っ張ってくる その1
- homebrew / node.js / nodebrew / npm とは
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その11
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その10
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その9
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その8
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その7
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その6
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その5
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その4
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その3
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その2
- 【学習メモ】動かして学ぶ!Vue.js 開発入門 その1
- 【WordPress】Gutenberg 参考にしたリンクと所感
- 【読書メモ】メルカリ 希代のスタートアップ、野心と焦りと挑戦の 5 年間
- 採用
- Sublime Text の独自スニペットを Visual Studio Code に移行
- Visual Studio Code で sftp
- フロントエンドの学習についてなど
- Web 制作会社でのマネジメント
- オフショア拠点を持った際のコミュニケーションについて
- 【学習メモ】基礎から学ぶ Vue.js その5
- 【学習メモ】基礎から学ぶ Vue.js その4
- 【学習メモ】基礎から学ぶ Vue.js その3
- 【学習メモ】基礎から学ぶ Vue.js その2
- 【学習メモ】基礎から学ぶ Vue.js その1
- 【読書メモ】改訂新版 JavaScript 本格入門
- Babel ターミナルで常時監視する(mac)
- webpack 導入編
- Visual Studio Code の初期設定など
- フロントエンドまわりの略語の意味と読み方
- 【学習メモ】[Udemy] JavaScriptエンジニアのためのES6完全ガイド 勉強メモ その2
- 【学習メモ】[Udemy] JavaScriptエンジニアのためのES6完全ガイド 勉強メモ その1
- Mac 初期設定
- 【読書メモ】Webフロントエンド ハイパフォーマンス チューニング
- はてなブログ
- WP_Query 並び順の複数条件指定
- WordPress 記事更新時に処理を加える
- ACF file URLとサイズ
- Really Simple CSV Importer でACFの画像フィールドへのインポート
- ブックマーク
- wp-load.php を使って記事を自動更新
- data属性 カンマ区切り 含む場合
- get_comments();
- MW WP FORMで送信されたデータを出力する
- WordPress / PHP パラメータ引き継ぎ
- 2017
- Sublime Text スニペット登録
- BEMでよく使う単語
- 29
- WP_Query get_posts 複数のカスタムフィールドの値で順序制御
- WordPress pre_get_posts
- WordPress マルチサイト
- Sass for文 パーセント
- Instagram API で正方形の画像
- 2016
- Tumblr スマホでのコントロールバーを非表示
- WordPress データベースをバックアップできないとき
- iOS の Safari で input要素のスタイルをリセット
- MW WP Form で入力要素を動的に出力
- ACF のフィールドを管理画面上(DB)ではなくテンプレート側で管理
- ACF で wp_get_attachment_image_src
- Vagrant よく使ったコマンド
- WordPressでGoogleカスタム検索使う
- あの頃、ほとんどすべてのことが不安だったし、
- 28
- WordPress カスタムフィールド検索/get_posts で json へ格納/ajax で出力
- jQuery マウスオーバーで画像切り替え
- jQuery 画面の横幅でクラス切り替え
- jQuery ページ内スクロール
- WordPress ACF PRO オプションページの追加
- WordPress カスタム投稿のアーカイブリスト出力
- WordPress 前後の記事を取得・出力
- WordPress the_content(); のタグ除去+先頭◯文字
- Sublime Text タブ 順番通り 移動
- ACFで画像の横幅・縦幅を取得
- the_content(); に含まれる img のリンクにクラスを付与
- WP_Query 投稿IDを配列に格納する
- glitch-canvas
- the_content(); の中身を書き換える
- bxslider 幅固定 中央寄せ
- FancyBoxでYouTbe表示
- スクロールしたら下から表示
- Facebook / Twitter のシェア テキストをURLエンコードする
- jQuery Cookie
- 2016/03
- 3月1日
- JS 配列 ループ
- webfont.js
- YouTube JavaScript Player API
- bxsliderのgoToNextSlide();
- ごはんを食べに行って、回鍋肉もガパオも蕎麦もラザニアもビーフンもジャークチキンもクスクスもサムギョプサルも頼む人はいないし、
- CSSスニペット
- jQuery スニペット
- Tumblr 自作テーマ その4
- WordPress スニペット その2
- 制作中によくみるWebツール、サービス
- よくわかんないけどみんなしてびっくりドンキーで幸せになったあの夜
- 自分のツイートを取得する TwistOAuth / Twitter API
- 一から
- El Capitan アップデート後に Compass が使えないとき
- 味方
- 街
- えいやっ!と飛び出すあの一瞬を愛してる
- 27
- カモフラ
- text_animation
- WordPress でオートページャー
- 旅行記録
- よいWebサイト
- スクロールごとにランダムで移動
- 仕事がなくてキャリアが心配です
- だれも得しない
- リセット
- やればできる
- アーカイブ
- 大変だと嘆いても
- 得意不得意
- 良い天気
- 見方と良い人
- おもしろみ
- IE対応
- 食わず嫌い
- よくよく頭をやすめて、芯のところだけで考えると、
- Tumblr 自作テーマ その3
- サイトリニューアル
- 2015年 3月/4月
- jQuery スニペット
- 2015年 1月/2月
- 中央からの座標
- Sublime Text 3
- 忘れがちなCSS
- 今年思ったこと
- 2014年のWebサービスやツール
- 2014年のWebサイト
- Webサイトのスマホ最適化について
- にぎやかギミックウェブサイト
- Tumblr 自作テーマ その2
- font-family: “hochi”;
- Pixi.js
- concrete5 導入 雑感
- gulp.js
- 2014年 9月/10月/11月
- やることリスト
- WordPress カスタム投稿タイプ 共通のカスタムタクソノミーの一覧表示
- 繰り返し 要素 最大値 取得
- 技術ブログ
- Middleman その2 middleman-blogをつくる
- JSで漢字と仮名
- jquery.adaptive-backgrounds.js
- jquery.kerning.js
- Middleman その1
- favicon jquery 入れ替え
- Velocity.js その1
- サイト アップデート
- pjax その2
- Fonts.com Webフォント 導入
- Sass 導入と記法など
- 天気api Weather Hacks JS/jQueryで
- Haml 記法とテンプレート
- youtubeの埋め込み
- WordPressでマークダウン記法
- アップデート
- 2014年 7月/8月
- Chromeで「tab」押して〜を検索
- Tumblr 自作テーマ その1
- canvas_2
- WordPressでメンバー表みたいなの
- WPプラグイン Search Everything をいれた
- WordPressの検索フォーム
- Type Tester Ver.1.0
- Type Tester Ver.0.9
- Type Tester Ver.0.8
- Type Tester Ver.0.7
- Type Tester Ver.0.6
- Type Tester Ver.0.5
- Type Tester Ver.0.4
- HOUSE FilMelange
- Type Tester Ver.0.2
- Type Tester Ver.0.1
- 2014年 5月/6月
- メニューのリスト
- 文字のフェードイン/シャッフル/位置移動
- blur
- ランダムで上からのりょっと
- ランダムで下からのりょっと
- Googleマップのカスタマイズ その2
- jQuery.data()
- jQueryとcssで:nth-child
- Alfredでcodic
- 下線のぐいーん
- 1Password
- モチベーションをあげる
- 文字にメリハリを
- WordPressでの月別アーカイブをfunctions.phpで
- スマホのページ内アンカー
- Nike+
- ローカルファイルをスマホで
- iOS Safariのwindow.innerHeight / $(window).height();
- nikeの
- SSI
- 各SNSのブランド規約やロゴ
- JS / jQueryで画像パス
- ファイルのリネームをAutomatorで
- filter:blur()を地道な手法で
- ChromeでMarkdownプレビュー
- DashとDashDoc
- Sublime Text3でShitf JIS / EUC-JP
- Grunt.js
- Emmet よく使う css
- Twitter Cards
- jQueryトグル
- スマホcss
- スマホ画面の拡大倍率の取得と判定
- スマホでタップ時に画像差し替え
- 2013年のWebサイト
- 2013年
- Sublime Text2のショートカットなど
- 入力フォームでブラウザの自動補完を表示しない
- ChromeでDelicious
- 文字をスムースに
- functions.php メモ
- Androidアプリの画像書き出し
- カレンダーの日付
- 月別アーカイブの表記変更
- sass導入メモ
- Googleマップのカスタマイズ
- borderのぐいーん
- Sublime Text2 導入メモ
- borderのgifアニメ
- Rainbow
- Portfolio#1
- 2013