前端新米

原文連結：エンジニア歴20数年の私が、設計書を書く際に心がけていること - Qiita

上一篇主要介紹「需求定義到內部設計」的流程，接下來這篇文章，將著重於設計規格書的寫法。

先是從作者個人角度統整觀點，如何提升文件的易讀性，以及如何避免資訊混淆等；而在團隊開發中，如何制定一致的「規格書撰寫方式」，使其易於後續維護。

原文連結：要件定義～システム設計ができる人材になれる記事 - Qiita

本篇介紹的主題是「需求定義到系統設計」，從為什麼需要需求定義，到如何進行這段流程，再接著說明基本設計的三個步驟，透過一步步解說，到最後完成系統設計圖。

文章架構如下：

• 需求定義的必要性
  • 需求定義的目的
• 確定需求定義的過程
• 在需求定義中決定的事項
• 基本設計（畫面設計・功能設計・資料設計）的作法
• 畫面設計（UI 設計）
• 功能設計
• 資料設計
  • 資料的具體內容
  • 資料庫設計
  • 資料的流向（Data Flow）
• 進一步推進基本設計

原文連結：えっ、まだChatGPT使ってんの？ Bingは無料でGPT-4使えますよ！ - Qiita

這篇文章主要是介紹 Bing Chat，和 ChatGPT Plus 同樣支援 GPT-4，卻能夠免費使用！然而，使用次數限制卻是一大硬傷，這點文中也有提及，但用作個人開發等用途，或許也不失為一種選擇。

此外，作者也舉出幾項實際導入開發使用的範例，可提供參考：

• 用於建立 Debug 配置
• 完成轉換（移植）腳本語言
• 改善程式碼

原文連結：ChatGPT使い方総まとめ - Qiita

這篇文章主要介紹現在正流行的 ChatGPT，整理幾項不論是日常或在工作上，都很實用的提問方式。作者是 sakasegawa。

使用方法分類如下：

• 文章範例
  • 提問-回答
  • 創作 Wikipedia 風格的文章
  • 建立任務列表
  • 建立時間表
  • 歸納
  • 將列點用文章呈現
  • 將文章列點呈現
• 程式碼
  • 生成程式碼
  • 生成程式碼的文件
  • 重構
  • 單元測試
  • DB 設計（資料庫設計）
• 故事範例
  • 語氣變化
  • 模仿角色的語氣來回答

原文連結：プログラミングで一番難しいのは「見積もり」だと思う - Qiita

在進行程式開發之前，通常會需要經歷更重要的「工時評估」。實際在開發時，也經常會被 PM 問到「這功能需要多久時間？這個 BUG 多久可以修好？」等情況，一開始可能會不知道該如何做評估，或不小心給出太長或太短的工時。

然而，這項能力是必須練習的，一方面與「成本估算」有關，另一方面也是「自我保護」，透過動態的修正，使估算工時的過程更加準確。

原文連結：デジタル庁のサイトやばすぎるwww - Qiita

デジタル庁（數位廳 ）：因應 COVID-19 疫情，日本政府於 2021 年 9 月 1 日成立數位廳（Digital Agency），欲將政府陳舊的服務系統與記錄保存進行技術升級，並訂定相關組織、法規與政策，致力打造數位社會（デジタル社会）與產業的數位轉型（DX，Digital Transformation）。

其實第一點看到標題的やばすぎ，也就是各位熟知「超牙敗」（？），現代常用來表示「感覺不妙、意外地驚喜」等含義，本來以為這篇文章應該是想 diss 政府網站，畢竟やばい其實有點貶義的意味，沒想到實則驚嘆網站使用的是 Modern 技術與設計，以及進行分析。

關於具前衛風格的網站設計在日本的接受度，之前翻譯的這篇討論也有稍微提到：[Day12] 外國「為什麼日本無法像硬體時代一樣在軟體方面表現出色？」

原文連結：今すぐ使える無料WebAPIまとめ【2023年最新版】 - Qiita

這篇文章整理五十幾項可免費使用的 Web API，種類也是百百種，包括常見的 Google 相關服務、線上支付、識別服務等，依照功能分類如下：

• 工作效率化
• 資料管理
• 翻譯
• 辭典
• 支付服務
• 認證
• 圖像識別
• 語音識別
• 聊天機器人
• 社交軟體
• 音樂
• 天氣
• 線上購物
• 圖像與影像作品
• 書籍
• 位置與交通
• 金融服務
• 狂熱取向

在現代軟體中，Web API 扮演極其重要的角色。如文中所言，光是瞭解到有這些 API 提供的功能存在，或許未來能夠拓展不同的可能性和選擇，在個人開發也能夠發揮其用。

原文連結：Visual Studio Codeを使うなら絶対に入れておきたい拡張機能Top20【2022最新版】 - Qiita

這篇是 VSCode 系列，整理 2022 年擴充套件排行，本來是想比較看看是否有使用比較不一樣的工具，結果好像大部分還是有使用過XD

但還是決定當作記錄（說不定哪天要重新安裝 VSCode 用得上），也把安裝數和平均星數延續統計到 2023 年，稍微觀察變化作為參考。

原文連結：フロントエンドエンジニアにおすすめchrome拡張機能 - Qiita

在閱讀 Qiita 時，發現有不少統整系列的文章，可能是對於某技術、指令、學習方法或書籍相關的總整理，例如：

• XXX 設計方法 OO 選
• XXX 研修資料まとめ
• XXX Top10

這篇文章則是介紹六種 Chrome 擴充功能，對前端開發而言很實用的工具：

• UI Build Assistant
• Responsive Viewer
• Take Webpage Screenshots Entirely - FireShot
• WhatFont
• Talend API Tester - Free Edition
• CSSViewer

原文連結：jQueryへの別れ：現代的な開発のための必須JavaScriptメソッド - Qiita

有時在工作上，需要維護一些比較早期的專案，或開發小型不需使用到框架的案子，jQuery 提供的功能與便利性，通常能快速滿足各種需求。但自從 ES6 的出現，引入箭頭函數、模組化、非同步操作等語法功能，考慮到性能優化、行動裝置開發、可維護性等因素，原生 JavaScript 已逐漸取代 jQuery 。

透過這篇文章，除了複習 jQuery 中常用的方法，同時對照原生 JavaScript 對應的方法，以達成相同目的。