ShiRan.INDEPENDENT
DEVELOPER
CODE WITH CLARITY. CREATE WITH CARE.個人開發工作室   /   01

資料・介面・智慧整合

把複雜,
寫成簡單。

我是 ShiRan,專注資料與網頁的獨立開發者。
從整理一份資料,到串起一個想法,
用清楚的邏輯,做出好看、好用的數位工具。

看看我能幫上什麼忙
和紙曲線、霧面玻璃與墨綠石材構成的日系抽象靜物
THE ART OF SIMPLICITYSHIRAN / 01
SQL / AI INTEGRATION / WEB DESIGN / DATA往下探索

01 — WHAT I DO

讓技術,
剛好解決你的問題。

不需要先懂技術。
從你想改善的事情開始就好。

01 /

SQL 與資料處理

DATABASE & QUERY

把查找、彙整與分析的需求,
轉成清楚的查詢邏輯與資料結果。

SQL 查詢報表資料資料彙整
02 /

AI API 串接

AI & INTEGRATION

讓 AI 走進實際工作流程,
協助文字處理、內容生成與資訊整理。

API 整合AI 應用流程串接
03 /

網頁設計與開發

WEB DESIGN & DEVELOPMENT

讓你的專業,有一個好的第一印象。
兼顧視覺、閱讀體驗與手機瀏覽。

形象網站活動頁面響應式設計
04 /

資料清整與轉換

DATA CLEANING

整理格式不一、重複與缺漏的資料,
讓後續分析與日常使用更順手。

格式統一重複檢查資料轉換

02 — SELECTED WORK

從真實需求,
到可以使用的作品。

流程、資料與介面,
在每個專案裡找到交集。

01 / LINE WORKFLOWMESSAGING EXPERIENCE
請假小幫手把日常紀錄,整理妥當。
···
請假流程示意
我想記錄一筆請假 09:41
今天,留點時間給自己。

選擇假別,開始記錄。

01 事假 02 病假 03 特休
透過選單快速操作
LINE BOT × DATA介面概念 · 示範資料

BOT DEVELOPMENT / API / DATABASE

LINE 請假紀錄機器人

把請假天數與時數留在熟悉的聊天介面。透過按鈕引導輸入,並以使用者身分區隔個人紀錄。

了解專案

從「記住自己請了多少假」的需求出發,整合 LINE Messaging API 與資料庫,將分散的訊息轉為可以查詢、統計的資料。

  • 按鈕式請假輸入與紀錄查詢
  • 假別、日期與請假時數管理
  • 依 LINE 使用者識別個人資料

LINE Messaging API · TypeScript · Cloudflare Workers · D1

02 / ATTENDANCE SYSTEMWORK, IN ORDER.
日常.
工作台出勤請假
S
YOUR DAILY WORKSPACE

把每一天,記錄好。

週一
MON
上班時間09:00
上班打卡 ↗
出勤紀錄日常有序
請假申請輕鬆安排
WEB APPLICATION介面概念 · 示範資料

FULL-STACK WEB / INTERNAL TOOLS

內網打卡與請假系統

將打卡、請假、審核和紀錄匯出整合在同一個網站,讓員工操作與管理流程彼此接得起來。

了解專案

已完成可操作的本機版本,依來源 IP 與允許網段判斷打卡範圍,搭配員工及管理者各自的使用流程。

  • 上下班打卡與出勤查詢
  • 請假申請、撤回、審核與狀態追蹤
  • 員工資料、班別設定及 CSV 匯出

本機可操作版本 · 公司現場部署待驗收

米白紙材、墨綠壓紋書冊與自然光影的品牌視覺概念
03 / BRAND WEBSITEVISUAL DIRECTION
讓品牌,被記住。IDENTITY & DIGITAL EXPERIENCE
品牌視覺概念

WEB DESIGN / FRONT-END

整合行銷品牌形象網站

以日系簡約的視覺語言,整理服務、案例與品牌介紹,建立清楚而有辨識度的第一印象。

了解專案

以既有整合行銷網站設計專案為例,將品牌訊息轉化為頁面結構,串接服務介紹、案例展示與合作入口。

  • 首頁視覺與字體、色彩規劃
  • 服務與作品內容的資訊層級
  • 頁面導覽與前端版面實作

React · 網頁版面設計 · 內容結構

03 — A LITTLE ABOUT ME

細節裡,見用心。

懂資料的邏輯,
也在意畫面的留白。

我喜歡把複雜的事情整理清楚。資料需要有結構,介面需要有秩序,技術則應該回到實際需求。

我的專長涵蓋 SQL、AI API、網頁設計與資料清整。如果你有一個想實現的點子,或一段想簡化的工作流程,我可以從這些能力出發,和你一起找到合適的做法。

先理解需求再釐清做法讓細節到位

04 — LET’S MAKE IT HAPPEN

你的下一個想法,
我們一起整理成形。

網站、資料,或一個還沒說清楚的點子。
先從一段對話開始。

leo.cheng.py@gmail.com SQL · AI API · WEB · DATA