web technology - Developer for Life Time

Quick start with Fable

This article is also published in Thai at FSharp Thai website. Fable is F# script to Javascript compiler, just like Elm or Purescript, it is a functional language by extending F# language to be suitable with JS technology. As current writing, Fable seems to be in an experimental beta version.

web technology

UML online tool review

My favourite UML tool is on Windows. It's called Cadrifa UML Editor, which is a simple class diagram drawing tool. Simplicity is what the key advantage that make it lovable. Some UML drawing tools are still living in old world where they are tied with code generation, which often unnecessarily

Getting Started

How-to: Yeoman for React-Typescript-Webpack project

This is summary of how I create a Yeoman generator for React/Typescript/Webpack project. This imitates the producedure used in React project manual steps post.[1] What is Yeoman IMO? Yeoman is a tool to generate a project scaffold. It works by using a generator written with Yeoman framework

web technology

Create React project using Typescript and Webpack

Update: As of 2018, many things have changed and better version of doing this is available at Typescript site itself: https://www.typescriptlang.org/docs/handbook/react-&-webpack.html Pre-requisites In order to follow the steps, typescript, typings, and webpack must be first installed by following command: npm install

typescript

Why should we use TypeScript?

(This is a re-publication of the same title article written in 2015 here) What is TypeScript? TypeScript is a language which is a superset of Javascript (JS), meaning any JS code can be safely compiled by TypeScript transpiler. TypeScript was created by Microsoft but it has been developed as an

principles

REST & MVC

นอนนึกเรื่อง REST architecture ว่า เท่าที่เห็นคนจะนึกถึง REST ในแง่ของ Resource URL แต่ไม่ค่อยพูดถึง HATEOAS ซึ่งเป็นอีก principle สำคัญของ REST เหมือนกัน โดยเฉพาะความหมายของ concept Application State ซึ่งถ้าเข้าใจมุมมองเรื่องนี้แล้ว จะเห็นภาพรวมของ

web technology

Google Chrome Nacl and Pnacle (Pinnacle)!?

Recently I’ve been wondering how Bastion game can be played on Chrome, for my thought about Chrome Web Store is a collection of Web client application. It turns out that the game isn’t really written with any Web technology but purely written in NaCl [1] (Sodium Cholide? why

microsoft

Double redirect bug in IE 8 to IE 10 !

IE has a redirect problem with URI with #fragment in the way that if it requests a URI which eventually redirects more than once, it will lose track of URI’s fragment. This doesn’t happen with FF, and Chrome. (For Opera/Safari, there’s topic in StackExchange that they

web technology

สรุป key points ของ Web optimization

Principles: เน้นตอบสนองต่อผู้ใช้ (User perception) ลดรอบของการติดต่อผ่าน network (Round-trip) Optimization should not ruin UX. Techniques: General Technique ใช้ JS script load ภาพหรืออะไรช้าๆ จาก onload event ลดจำนวน download ที่ไม่จำเป็น พยายามใช้ตัวอักษรตัวเล็ก จะได้เพิ่ม compression rate ควรมี favicon.

web technology

SignalR with realtime update

ข้อสรุปจากการใช้ SignalR ในการพยายามส่ง random number ไปที่ browser ทุกๆ 2 วินาที: Hub ตามเอกสารบอกว่ามันถูกสร้างต่อ connection … ตอนแรกนึกว่า persistent แต่ไม่ใช่เลย มันถูกสร้างแป๊บเดียวแล้วก็ dispose ทันที ถ้าเป็น action ที่ต้องการทำระหว่างที่ browser