外村 奈津子

シリーズ

• 技術系座談会

  CodeGrid 700号記念座談会

  1. 前編2026年10月29日

     無料公開中 2012〜2020年 ライブラリやツールが担った役割は今どこに

  2. 後編2026年11月05日

     無料公開中 2020〜2026年 標準機能の充実からAIの時代へ

  
• 技術系座談会

  複数エージェントの使いこなし

  1. 前編2026年10月15日

     無料公開中 複数エージェントを使い分ける開発の現場

  
• 読者アンケート

  CodeGrid読者アンケート

  1. 第1回2017年06月08日

     無料公開中 2017年版：読者はこんなひとたち

  2. 第2回2020年11月26日

     無料公開中 2020年版：アンケートから見る今どきのWeb業界

  3. 第3回2026年07月09日

     無料公開中 読者アンケート2026：CodeGridを読んでいるのはこんな人たち

  
• 年末年始座談会

  行く2025年、来る2026年

  1. 第1回2025年12月18日

     無料公開中 Webフレームワークとその周辺動向編：前編

  2. 第2回2025年12月25日

     無料公開中 Webフレームワークとその周辺動向編：中編

  3. 第3回2026年01月08日

     無料公開中 Webフレームワークとその周辺動向編：後編

  4. 第4回2026年01月15日

     無料公開中 AI時代のフロントエンド開発動向編

  5. 第5回2026年01月22日

     無料公開中 HTML/CSS、Web標準編：前編

  6. 第6回2026年02月05日

     無料公開中 HTML/CSS、Web標準編：後編

  7. 最終回2026年02月12日

     無料公開中 デザインと実装編

  
• キーボード設定 技術アンケート

  ピクセルグリッドの開発環境サーベイ 2024

  1. 前編2024年10月10日

     無料公開中 あなたのエディタ、なんですか？

  2. 中編2024年11月28日

     無料公開中 エディタ環境を根掘り葉掘り

  3. 後編2025年01月16日

     無料公開中 機能拡張とターミナルも根掘り葉掘り

  

  外村 奈津子編集
• 教えて先生シリーズ

  グリオ君と考えるJavaScriptドリル

  1. 第1回2024年09月19日

     無料公開中 最大値や合計を求める

  2. 第2回2024年10月03日

     無料公開中 URLパラメーターの変換と配列の重複削除

  3. 第3回2024年10月24日

     無料公開中 文字列をキャメルケースに変換

  4. 最終回2024年11月07日

     無料公開中 オブジェクトのディープコピーの作成

  
• 技術系座談会 文字組み

  ウェブ文字組をウェブ制作現場で考える

  1. 第1回2024年07月11日

     無料公開中 ウェブで文字組してますか？

  2. 第2回2024年07月25日

     無料公開中 きれいな文字組、この文字の表現どうやるの？

  3. 最終回2024年08月08日

     無料公開中 ウェブの文字組の明るい未来とは？

  
• CodeGridのサイト運営

  CodeGrid12周年記念コンテンツ

  1. 2024年06月06日

     無料公開中 記念動画ダイジェストとリアルパーティーレポート

  

  外村 奈津子編集
• 技術系座談会 GitHub

  よりよいブランチ運用を考える

  1. 前編2024年03月14日

     無料公開中 基本となるブランチ運用方法

  2. 後編2024年03月21日

     無料公開中 複雑になるブランチ運用とその管理

  
• キャリアパスインタビュー

  エンジニアに聞く、仕事の行方

  1. 第1回2013年03月21日

     無料公開中 山田・德田編

  2. 第2回2013年03月28日

     無料公開中 外村・高津戸編

  3. 第3回2013年04月04日

     無料公開中 小山田・中村編

  4. 第4回2013年05月16日

     無料公開中 山田 敬美編

  5. 第5回2013年06月20日

     無料公開中 小原 司編

  6. 第6回2013年11月21日

     無料公開中 坂巻 翔大郎編

  7. 第7回2014年04月10日

     無料公開中 中島 直博編

  8. 第8回2015年05月14日

     無料公開中 宇野 陽太編

  9. 第9回2016年03月24日

     無料公開中 杉浦 有右嗣編

  10. 第10回2016年05月19日

      無料公開中 大杉 充編

  11. 第11回2016年07月28日

      無料公開中 森 大典 編

  12. 第12回2017年05月04日

      無料公開中 矢倉 眞隆 編

  13. 第13回2017年08月24日

      無料公開中 奥野 賢太郎 編

  14. 第14回2018年03月15日

      無料公開中 藤田 智朗 編

  15. 第15回2018年09月27日

      無料公開中 國仲 義則編

  16. 第16回2020年11月12日

      無料公開中 中野 祐人編

  17. 第17回2022年02月17日

      無料公開中 渡辺 由 編

  18. 第18回2023年11月09日

      無料公開中 近藤 彩 編

  19. 第19回2023年12月14日

      無料公開中 菅野 亜実 編

  
• キャリアパスインタビュー

  根掘り葉掘り、先輩に聞いてみた

  1. 第1回2023年07月20日

     無料公開中 どうすれば、自分の強みが見つかりますか

  2. 第2回2023年08月31日

     無料公開中 どうやって知識を獲得したのですか？：前編

  3. 第3回2023年10月05日

     無料公開中 方向性が見えました：後編

  
• 技術アンケート

  情報収集サーベイ 2023

  1. 2023年06月01日

     無料公開中 さまざまな情報のチャンネルの活用法

  
• 働き方座談会

  今どきの働き方2023

  1. 2023年02月24日

     無料公開中 仕事の時間と自分の時間と、子育てと

  
• エンジニアばなし キーボード設定

  キーボードについて語ろう

  1. 前編2022年12月01日

     無料公開中 キーボード、何を使っています？

  2. 後編2022年12月15日

     無料公開中 キーボードの設定と工夫

  

  外村 奈津子編集
• ピクセルグリッドの会社運営

  ピクセルグリッドのオフィスづくり

  1. 2022年04月21日

     無料公開中 コロナ禍のオフィス術

  
• 教えて先生シリーズ JavaScriptの設計

  ミニゲーム制作をとおして学ぶJavaScript

  1. 第1回2021年07月29日

     無料公開中 コードを書き始める前に必要なこと

  2. 第2回2021年08月05日

     無料公開中 コードの基本的な心得レッスン

  3. 第3回2021年08月12日

     無料公開中 関数と代入のレッスン

  4. 最終回2021年09月02日

     無料公開中 炎のリファクタリングレッスン

  
• 技術系座談会 CSSセレクター

  ユーザー操作の多様性を考える

  1. 2021年06月17日

     無料公開中 「このフォーカスリング、消せませんか？」

  
• ディレクション

  クライアントとのオンラインコミュニケーションのコツ

  1. 2021年03月04日

     無料公開中 クライアントとのチャット

  
• 技術系座談会

  これからの新しいCSS仕様の話をしよう

  1. 前編2021年02月12日

     無料公開中 Houdiniとテキスト系の仕様

  2. 後編2021年02月18日

     無料公開中 かゆいところに手が届くあの仕様

  
• 年末年始座談会

  行く2020年、来る2021年

  1. 前編2020年12月24日

     無料公開中 2020年のJavaScript

  2. 後編2021年01月07日

     無料公開中 2020年から2021年のHTML/CSS、そしてJamstack

  
• 技術系座談会 コミュニケーション

  コロナ禍でのリモートワーク

  1. 前編2020年10月15日

     無料公開中 リモートワークを支えるハードウェアツール

  2. 後編2020年10月22日

     無料公開中 コミュニケーションを支えるツール

  
• CodeGridのサイト運営

  CodeGridについて

  1. 第1回2012年04月05日

     無料公開中 ようこそCodeGridへ

  2. 第2回2014年04月24日

     無料公開中 CodeGridの現在と未来

  3. 第3回2016年05月26日

     無料公開中 CodeGridの表側と裏側

  4. 第4回2018年06月28日

     無料公開中 CodeGridの開発と現場

  5. 第5回2020年07月30日

     無料公開中 サイトのこれまでとこれから

  
• ドリルシリーズ

  技術文章ドリル

  1. 第1回2020年05月28日

     無料公開中 「ビルド」を文章で説明する：前編

  2. 第2回2020年06月04日

     無料公開中 「ビルド」を文章で説明する：後編

  

  外村 奈津子編集
• 年末年始座談会

  行く2019年、来る2020年

  1. 前編2019年12月26日

     無料公開中 フレームワークとブラウザの動向

  2. 後編2020年01月09日

     無料公開中 Web開発の手法のこれからの流れ

  
• 企業インタビュー

  ピクセルグリッドが訪ねる、開発の現場

  1. 第1回2015年08月27日

     無料公開中 ビジネス・アーキテクツ 前編

  2. 第2回2015年09月03日

     無料公開中 ビジネス・アーキテクツ 後編

  3. 第3回2015年10月08日

     無料公開中 ワンパク 前編

  4. 第4回2015年10月15日

     無料公開中 ワンパク 後編

  5. 第5回2016年04月21日

     無料公開中 シフトブレイン　前編

  6. 第6回2016年04月28日

     無料公開中 シフトブレイン　後編

  7. 第7回2016年08月11日

     無料公開中 ICS 前編

  8. 第8回2016年08月18日

     無料公開中 ICS 後編

  9. 第9回2017年03月23日

     無料公開中 ピクシブ 前編

  10. 第10回2017年04月06日

      無料公開中 ピクシブ 後編

  11. 第11回2017年11月02日

      無料公開中 リクルートテクノロジーズ 前編

  12. 第12回2017年11月09日

      無料公開中 リクルートテクノロジーズ 後編

  13. 第13回2018年04月05日

      無料公開中 ソニックガーデン 前編

  14. 第14回2018年04月12日

      無料公開中 ソニックガーデン 後編

  15. 第15回2019年12月12日

      無料公開中 ウォンタ 前編

  16. 第16回2019年12月19日

      無料公開中 ウォンタ 後編

  
• 記事ガイド

  ランキングから読み解く技術情報

  1. 第1回2019年10月03日

     無料公開中 2019年9月までの人気記事

  

  外村 奈津子編集
• CSS UI HTML UI要素

  コードのサンプル

  1. 第1回2019年08月22日

     無料公開中 カスタムチェックボックスのサンプル

  
• 技術系座談会 アクセシビリティ

  伊原さんと話すアクセシビリティ

  1. 前編2019年08月01日

     無料公開中 アクセシビリティへのエンジニアの立場と現実

  2. 中編2019年08月08日

     無料公開中 アクセシビリティ対応を訴求するには

  3. 後編2019年08月22日

     無料公開中 アクセシビリティのガイドラインとは

  
• UIデザイン

  Webよもやま話

  1. 第1回2019年05月23日

     無料公開中 UIと法律

  

  外村 奈津子編集
• 技術系座談会 デザインと実装

  レスポンシブデザインをめぐる対話

  1. 前編2019年04月25日

     無料公開中 これからのレスポンシブデザイン

  2. 後編2019年05月09日

     無料公開中 誰のためのレスポンシブ？

  
• 記事ガイド

  ルーキーに贈るCodeGridガイド

  1. 前編2019年03月28日

     無料公開中 JavaScript＆開発

  2. 後編2019年04月11日

     無料公開中 デザイン＆マークアップ

  
• 年末年始座談会

  行く2018年、来る2019年

  1. 前編2018年12月27日

     無料公開中 薄いWeb Componentsと厚いライブラリ

  2. 後編2019年01月10日

     無料公開中 適切な技術選定でたくさんのうれしさを

  
• エンジニアばなし

  2018年 買ってよかった仕事グッズ

  1. 第1回2018年12月06日

     無料公開中 スタッフの買い物と使いこなし

  
• CodeGridの設計

  CodeGridの作り方

  1. 第1回2015年07月09日

     無料公開中 GitHubで文書管理

  2. 第2回2016年01月14日

     無料公開中 CodeGrid独自のMarkdown記法

  3. 第3回2016年02月10日

     無料公開中 長期運用を見据えたUI設計

  4. 第4回2018年10月18日

     無料公開中 技術文章編集テクニック

  
• ECMAScript

  知っておきたいプログラミング基礎知識

  1. 2018年10月11日

     無料公開中 2進数のひみつ

  

  外村 奈津子編集
• 技術系座談会 TypeScript

  JavaScriptの「型」について考える

  1. 前編：2018年07月26日

     無料公開中 型の役割

  2. 後編：2018年08月02日

     無料公開中 フレームワーク、ライブラリとの相性

  
• 技術アンケート

  おすすめテックトーク

  1. 2018年07月19日

     無料公開中 印象に残ったスライド&動画7選

  
• 年末年始座談会

  行く2017年、来る2018年

  1. 前編2017年12月28日

     無料公開中 フレームワークの動向とWeb Components事情

  2. 後編2018年01月04日

     無料公開中 開発環境の変化からCSSまで

  
• 技術系座談会 Lint

  コードスタイル座談会

  1. 2017年12月21日

     無料公開中 今だからこそ必要なルール

  
• 技術系座談会 Webアプリ設計

  いまどきのコンポーネント設計をめぐる座談会

  1. 第1回2017年06月15日

     無料公開中 2つのコンポーネントの乖離

  2. 第2回2017年06月22日

     無料公開中 コンポーネントの試行錯誤

  3. 第3回2017年07月13日

     無料公開中 コンポーネントは誰のため？

  4. 最終回2017年07月27日

     無料公開中 エンジニアの役割、デザイナーの役割

  
• 技術系座談会

  セミナーやLTで話してわかったこと

  1. 前編2017年02月16日

     無料公開中 発表のための準備とマインドセット

  2. 後編2017年02月23日

     無料公開中 発表のコツとメリット

  
• 年末年始座談会

  2017年、注目したいのはこの技術

  1. 前編2017年01月05日

     無料公開中 3つのライブラリのメジャーアップデート

  2. 後編2017年01月12日

     無料公開中 CSS周りからService Workerまで

  
• 技術系座談会

  Web技術のこれからを覗く

  1. 2016年10月27日

     無料公開中 Webとハードウェアのこれから

  
• 技術系座談会

  技術文章を書くエンジニアのために

  1. 前編2016年09月23日

     無料公開中 こうやって技術文章書いてます

  2. 後編2016年10月06日

     無料公開中 ここにも気を遣ってます

  
• 技術系座談会

  いままでの印刷、これからの印刷

  1. 前編2016年06月23日

     無料公開中 ブラウザによって異なる印刷対応状況

  2. 後編2016年07月07日

     無料公開中 印刷実装の手札を増やす

  
• 年末年始座談会

  2016年、注目したいのはこの技術

  1. 前編2016年01月07日

     無料公開中 どうなる？　今年のライブラリやAPI

  2. 後編2016年01月14日

     無料公開中 JSとCSSのこれから

  
• ブックレビュー

  ピクセルグリッド的ブックガイド

  1. 2015年10月22日

     無料公開中 おすすめ書籍 2015

  
• 働き方座談会

  今、どんな働き方してますか？

  1. 第1回2014年11月13日

     無料公開中 働く場所、時間を自分で決定

  2. 第2回2014年11月20日

     無料公開中 「自由」を支えるもの

  3. 第3回2015年07月23日

     無料公開中 子供がいる人の働き方

  4. 最終回2015年08月06日

     無料公開中 子供と仕事、そして会社

  
• 記事ガイド

  ルーキーに捧ぐ、CodeGridおすすめ記事

  1. 前編2015年04月23日

     無料公開中 マークアップ・エンジニア編

  2. 後編2015年05月07日

     無料公開中 JavaScriptプログラマ編

  

  外村 奈津子編集
• 技術系座談会

  英語との付き合い方

  1. 第1回2015年02月12日

     無料公開中 なぜ英語なのか？

  2. 第2回2015年02月19日

     無料公開中 英語サイトとの付き合い方

  3. 最終回2015年02月26日

     無料公開中 英語の向こうにある力

  
• 記事ガイド

  2014年のCodeGridを振り返る

  1. 2014年12月25日

     無料公開中 読んでおきたいこの記事

  

  外村 奈津子編集
• エンジニアばなし

  エンジニアのアウトプット

  1. 第1回2014年06月05日

     無料公開中 ブログを書くこと

  2. 第2回2014年06月12日

     無料公開中 アウトプットの悩み

  3. 最終回2014年06月19日

     無料公開中 アウトプットの楽しさと課題

  
• 年末年始座談会

  ピクセルグリッドの2013年

  1. 前編2013年12月19日

     無料公開中 二極化する業務

  2. 後編2013年12月26日

     無料公開中 変わりゆくエンジニア

  
• 働き方座談会 コミュニケーション

  クライアントとのコミュニケーション

  1. 第1回2013年10月10日

     無料公開中 コミュニケーションツール

  2. 第2回2013年10月17日

     無料公開中 受注前の大切なこと

  3. 第3回2013年10月31日

     無料公開中 難航案件から学ぶ

  4. 最終回2013年11月07日

     無料公開中 「当たり前」の秘訣

  
• 技術系座談会

  ピクセルグリッドスタッフの情報収集

  1. 前編2013年07月18日

     無料公開中 日常の情報収集

  2. 後編2013年07月25日

     無料公開中 業務の情報収集

  
• CSS設計

  CSSの設計

  1. 第1回2013年02月21日

     無料公開中 枠とモジュールで考える

  2. 第2回2013年02月28日

     無料公開中 モジュールの設計

  3. 第3回2013年03月07日

     無料公開中 余白のルールと微調整

  4. 最終回2013年03月14日

     無料公開中 OOCSSとjQuery UI

  
• 記事ガイド

  CodeGrid総集編2012

  1. 前編2012年12月20日

     無料公開中 必読記事ガイド2012　前編

  2. 後編2012年12月27日

     無料公開中 必読記事ガイド2012　後編

  

  外村 奈津子編集
• JavaScript／TypeScript

  初心者のためのjQuery

  1. 第1回2012年07月19日

     無料公開中 jQueryでできること

  2. 第2回2012年07月26日

     無料公開中 jQueryの必須知識

  3. 第3回2012年08月02日

     無料公開中 書くための準備

  4. 第4回2012年08月09日

     無料公開中 変数、セレクタ

  5. 第5回2012年08月16日

     無料公開中 スタイル変更

  6. 第6回2012年08月30日

     無料公開中 内容変更・値の取得

  7. 第7回2012年09月06日

     無料公開中 アニメーション

  8. 第8回2012年09月13日

     無料公開中 要素の移動・作成

  9. 第9回2012年09月20日

     無料公開中 イベントの基礎

  10. 第10回2012年09月27日

      無料公開中 やや複雑なイベント

  11. 最終回2012年10月04日

      無料公開中 ロールオーバーの実装

  
• ブックレビュー

  ピクセルグリッド的ブックガイド2012

  1. 第1回2012年08月02日

     無料公開中 外村編

  2. 第2回2012年08月09日

     無料公開中 中村編

  3. 第3回2012年08月16日

     無料公開中 德田編

  4. 第4回2012年08月30日

     無料公開中 高津戸編

  5. 最終回2012年09月06日

     無料公開中 小山田編

  6. 番外編2012年09月20日

     無料公開中 そとむら編

  
• HTML

  今、現場で使うHTML5

  1. 第1回2012年06月28日

     無料公開中 HTML5の現状

  2. 第2回2012年07月05日

     無料公開中 DOCTYPEを利用

  3. 第3回2012年07月12日

     無料公開中 セマンティクス要素を利用

  4. 最終回2012年07月19日

     無料公開中 新機能を利用

  
• CSS

  コードで学ぶスマホサイト制作

  1. 第1回2012年06月21日

     無料公開中 スマホ環境の特徴

  2. 第2回2012年06月28日

     無料公開中 使用頻度の高いCSS3

  3. 第3回2012年07月05日

     無料公開中 HTMLのポイント

  4. 最終回2012年07月12日

     無料公開中 CSSのポイント

  
• HTMLメディア／画像

  表示速度改善　Data URIスキーム

  1. 前編2012年06月14日

     無料公開中 仕組みとメリット

  2. 後編2012年06月21日

     無料公開中 実装方法

  

  外村 奈津子編集
• HTML

  実践！スマホサイトのviewport設定

  1. 第1回2012年04月26日

     無料公開中 viewportとはなにか？

  2. 第2回2012年05月10日

     無料公開中 viewportの必須知識

  3. 第3回2012年05月17日

     無料公開中 定番パターン：固定

  4. 第4回2012年05月24日

     無料公開中 定番パターン：リキッド

  5. 第5回2012年05月31日

     無料公開中 定番パターン：リキッド（ズーム固定）

  6. 最終回2012年06月07日

     無料公開中 スマホサイトを作る前に

  7. 番外2012年06月14日

     無料公開中 iPhoneの謎

  
• CSSアニメーション

  根っこから学ぶCSS3アニメーション

  1. 第1回2012年04月05日

     無料公開中 基礎

  2. 第2回2012年04月12日

     無料公開中 Transitions

  3. 第3回2012年04月19日

     無料公開中 Transforms

  4. 第4回2012年04月26日

     無料公開中 Transforms＋Transitionsで作るUI

  5. 第5回2012年05月10日

     無料公開中 Animations

  6. 第6回2012年05月17日

     無料公開中 Animations＋JavaScriptで作るUI

  7. 第7回2012年05月24日

     無料公開中 アニメーション技術の使い分け（前編）

  8. 第8回2012年05月31日

     無料公開中 アニメーション技術の使い分け（後編）

  9. 最終回2012年06月07日

     無料公開中 アニメーションの使いどころ

  
• CSS

  どうする？ブラウザ機能格差の解消

  1. 第1回2012年04月05日

     無料公開中 3つの実装の考え方

  2. 第2回2012年04月12日

     無料公開中 CSS3PIEを使う

  3. 最終回2012年04月19日

     無料公開中 Polyfillの落とし穴