Xamarin.Form Layout ใครที่เขียน C# อยู่ อยากทำ Mobile App แบบ Cross Platform ได้ทั้ง Android, iOS Xamarin.Form น่าจะตอบโจทย์นี้ได้ครับ เริ่มจากติดตั้งเครื่องมือก่อนนะครับ (แนะนำให้ใช้เครื่อง Mac นะครับ Ram สัก 8Gb อย่างน้อย เวลา […]
สมมุติเลี้ยงหมู 70 ตัว จะทำบ่อหมักแก๊สชีวภาพ มี 2 คำถามหลักๆ ที่จะต้องพิจารณาก่อนทำครับ 1.จะได้แก๊สเท่าไร่ พอใช้ไหม ?? 2.บ่อแก๊สต้องขนาดเท่าไหร่ ถึงจะเหมาะสม ?? ข้อ 1 ได้แก๊สเท่าไร่ คำนวณจาก (จำนวนหมูที่เลี้ยง x น้ำหนักเฉลี่ยของหมู (ใช้ข้อมูลจากกรมปศุสัตว์))/500 ***ถ้าสามารถหาน้ำหนักแต่ละตัวมารวมกันได้ ก็จะแม่นยำขึ้น ***(1 หน่วยปศุสัตว์ […]
ReactNative Google SingIn อันนี้ต่อเนื่องจาก ReactNative Facebook login ด้วย firebase ใครยังไม่ได้ สร้าง project firebase และ โหลดไฟล์ google-services.json (สำหรับ android) และ GoogleService-Info.plist (สำหรับ ios) ไปทำตามอันเดิมก่อนนะครับ 1.set keystore’s SHA1 hash […]
ReactNative ทำ Login facebook ด้วย firebase ใครกำลังมองหาอยู่ทำตามนี้เลยครับ (react-native 0.57.2) 1. เข้า https://console.firebase.google.com สร้าง project firebase download ไฟล์ google-services.json แล้ววางไว้ที่ android/app 2. install react-native-firebase (rnfirebase.io)
|
1 |
npm install react-native-firebase --save |
donate ให้กับทีมพัฒนา […]
ผมเช่า cloud vps ใช้งานอยู่ ต้อง set web app ที่เป็น sub domain ให้ลูกค้าอยู่บ่อย เช่น cus1.bosscarsoft.com เลยค้นหา วิธีการง่ายๆ สร้างโดยใช้ shell script ช่วยลดเวลาได้เยอะ เลยครับ (server ใคร cPanel หรือ […]
***Angular Meta service ใช้ได้ตั้งแต่ Angular 4+ เป็นต้นไป updateTag ใช้สำหรับ update tag เดิม (ไล่มาจาก HomeComponet || component แรกที่ถูกเรียก)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
import {Meta, Title} from "@angular/platform-browser"; export class ViewComponent implements OnInit { ngOnInit( ) { this._setMetaAndLinks(); } private _setMetaAndLinks(){ this.title.setTitle(this.PostTitle); this.meta.updateTag({ name: 'description', content: this.PostTitle + ' - Kaset.info' },`name='description'`); this.meta.updateTag({ property: 'og:title', content: this.PostTitle + ' - Kaset.info' },`property='og:title'`); this.meta.updateTag({ property: 'og:image', content: 'https://www.kaset.info/u/'+this.photo.FileName },`property='og:image'`); } } |
addTags ถ้าอยากเพิ่ม mata เข้าไปใหม่
|
1 2 3 |
this.meta.addTags([ { name: 'twitter:site', content: 'https://www.kaset.info' }, ]); |
1. Programming Notes for Professionals books ฟรีตลอด => http://goalkicker.com/ 2. Packtpub Free Learning แจกฟรีวันละเล่ม แต่มีเล่มอื่นๆ ที่ฟรีตลอด =>https://www.packtpub.com/packt/offers/free-learning 3. jsbooks : free JavaScript resource […]
อยากทำให้ input text รับเฉพาะค่าที่เป็นตัวเลข ทำยังไง 1. สร้าง Directive ขึ้นมาครับ ng generate directive OnlyNumber –module=’app.module.shared.ts’ app.module.shared.ts คือไฟล์ที่จะ add declarations ให้อัติโนมัติ เสร็จแล้วจะได้ไฟล์ only-number.directive.ts ขึ้นมา
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 |
import { Directive, ElementRef, Input, HostListener } from '@angular/core'; @Directive({ selector: '[OnlyNumber]' }) export class OnlyNumberDirective { regexStr = '^[0-9]*$'; constructor(private el: ElementRef) { } @Input() OnlyNumber: boolean; @HostListener('keydown', ['$event']) onKeyDown(event:any) { let e = <KeyboardEvent> event; //alert(e.keyCode) if (this.OnlyNumber) { if ([46, 8, 9, 27, 13, 110, 190].indexOf(e.keyCode) !== -1 || // Allow: Ctrl+A (e.keyCode == 65 && e.ctrlKey === true) || // Allow: Ctrl+C (e.keyCode == 67 && e.ctrlKey === true) || // Allow: Ctrl+X (e.keyCode == 88 && e.ctrlKey === true) || // Allow: home, end, left, right (e.keyCode >= 35 && e.keyCode <= 39)) { // let it happen, don't do anything return; } /* if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) { e.preventDefault(); }*/ let ch = String.fromCharCode(e.keyCode); let regEx = new RegExp(this.regexStr); if(regEx.test(ch)){ if(isNaN(this.el.nativeElement.value)){ //alert("isNaN:") this.el.nativeElement.value = '' e.preventDefault(); } return; }else{ e.preventDefault(); } } } } |
2. เรียกใช้งาน
|
1 2 3 4 5 |
<input type="text" placeholder="เพิ่มราคา" OnlyNumber="true" > |
ได้มีโอกาสได้ทำ Line ChatBot ให้ลูกค้า สรุปตัวหลักๆ พื้นฐานที่ได้ใช้งานนะครับ 1.ตอบกลับข้อความ
|
1 2 |
$bot = new BOT_API($channelSecret, $accessToken); $bot->replyMessageNew($bot->replyToken, "ข้อความตอบกลับ"); |
2.ตอบกลับเป็นรูปภาพ
|
1 2 3 4 |
$bot = new BOT_API($channelSecret, $accessToken); $imageBuilder = new ImageMessageBuilder($image_url, $image_url); $bot->replyMessage($bot->replyToken, $imageBuilder); |
1,2 ตอบกลับได้ครั้งละ 1 เป็นการตอบกลับหลังจากที่ user ทัก chat มา จะต้องใช้ replyToken (ถ้าจำไม่ผิด replyToken จะใช้ได้แค่ครั้งเดียวนะครับ one times […]
ถ้าใช้ angular แล้วกำลังมองหา pipe สำหรับ time ago ภาษาไทย อาจหายากสักหน่อย เลยจำเป็นต้อง custom กันหน่อย แต่ก็ไม่ได้ทำเองหมดมีต้นแบบจาก https://github.com/AndrewPoyntz/time-ago-pipe หรือใครอยากเอาไปใช้เลยก็ตามนี้ครับ
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 |
import {Pipe, PipeTransform, NgZone, ChangeDetectorRef, OnDestroy} from "@angular/core"; @Pipe({ name:'timeAgoThai', pure:false }) export class TimeAgoThaiPipe implements PipeTransform, OnDestroy { private timer: number | null; constructor(private changeDetectorRef: ChangeDetectorRef, private ngZone: NgZone) {} transform(value:string) { this.removeTimer(); let d = new Date(value); let now = new Date(); let seconds = Math.round(Math.abs((now.getTime() - d.getTime())/1000)); let timeToUpdate = this.getSecondsUntilUpdate(seconds) *1000; this.timer = this.ngZone.runOutsideAngular(() => { if (typeof window !== 'undefined') { return window.setTimeout(() => { this.ngZone.run(() => this.changeDetectorRef.markForCheck()); }, timeToUpdate); } return null; }); let minutes = Math.round(Math.abs(seconds / 60)); let hours = Math.round(Math.abs(minutes / 60)); let days = Math.round(Math.abs(hours / 24)); let months = Math.round(Math.abs(days/30.416)); let years = Math.round(Math.abs(days/365)); if (seconds <= 45) { return 'ไม่กี่วินาที่ที่แล้ว'; } else if (seconds <= 90) { return 'ประมาณหนึ่งนาทีที่แล้ว'; } else if (minutes <= 45) { return minutes + ' นาทีที่แล้ว'; } else if (minutes <= 90) { return 'ประมาณหนึ่งชั่วโมงที่แล้ว'; } else if (hours <= 22) { return hours + ' ชั่วโมงที่แล้ว'; } else if (hours <= 36) { return 'ประมาณหนึ่งวันที่แล้ว'; } else if (days <= 25) { return days + ' วันที่แล้ว'; } else if (days <= 45) { return 'ประมาณหนึ่งเดือนที่แล้ว'; } else if (days <= 345) { return months + ' เดือนที่แล้ว'; } else if (days <= 545) { return 'ประมาณหนึ่งปีที่แล้ว'; } else { // (days > 545) return years + ' ปีที่แล้ว'; } } ngOnDestroy(): void { this.removeTimer(); } private removeTimer() { if (this.timer) { window.clearTimeout(this.timer); this.timer = null; } } private getSecondsUntilUpdate(seconds:number) { let min = 60; let hr = min * 60; let day = hr * 24; if (seconds < min) { // less than 1 min, update ever 2 secs return 2; } else if (seconds < hr) { // less than an hour, update every 30 secs return 30; } else if (seconds < day) { // less then a day, update every 5 mins return 300; } else { // update every hour return 3600; } } } |
ก่อนใช้ก็ add pipe เข้าไปใน app.module ให้เรียบร้อย import { TimeAgoThaiPipe } […]
Copyright © 2023 | WordPress Theme by MH Themes