🔥 วันนี้มาเอาใจสาย Backend กันบ้างดีกว่า !! กับของดีที่ต้องแชร์ สำหรับคนทำงานหลังบ้านมือใหม่ <3
.
ซึ่งเครื่องไม้เครื่องมือในที่นี้แอดรวมให้มาเพียบ ตั้งแต่ Framework, Web Server จนไปถึงสายชอบโม อย่าง CMS ที่เราใช้ระบบพื้นฐานเขาเป็นแกน แต่จะแปลงเป็นเว็บอะไรก็ได้บนโลก !
.
⭐️ ในวันนี้เรามาพร้อม Link เหมือนเดิม และ คัดเฉพาะอันที่เด็ด ๆ Doc อ่านง่าย ๆ มาให้ทุกคนแล้วว สำหรับใครพร้อมแล้วมาลุยดูกันเลย
.
📚 Framework เฟรมเวิร์คสุดเจ๋งในยุคนี้ ที่ไม่พูดไม่ได้
.
Django
https://www.djangoproject.com/
.
Flask
https://flask.palletsprojects.com/en/1.1.x/
.
Laravel
https://laravel.com/
.
✅ Runtime Environment ของมันต้องใช้ !
.
NodeJs
https://nodejs.org/en/
.
Deno
https://deno.land/
.
💻 Web Server เว็บ Server ที่เป็นของที่ขาดไม่ได้
.
Express.js
https://expressjs.com/
.
Nginx
https://www.nginx.com/
.
Apache
https://www.apache.org/
.
🔖 Content Management System จัดการ Content ง่าย ๆ แต่สร้าง Plugin /Add-on เองได้ไม่จำกัด
.
WordPress
https://wordpress.org/
.
Joomla
https://www.joomla.org/
.
Drupal
https://www.drupal.org/
.
📑 Database ระบบฐานข้อมูลที่สำคัญจัด ๆ เลือกได้ตามสไตล์งานเราได้เลย
.
MySQL
https://www.mysql.com/
.
Firebase Realtime Database
https://firebase.google.com/products/realtime-database
.
PostgreSQL
https://www.postgresql.org/
.
MongoDB
https://www.mongodb.com/
.
🧰 Developing & Debugging Tool เครื่องมือช่วยดีบัก และ แก้ไขเว็บไซต์ ตรวจสอบระบบให้ง่ายทันตา
.
Web Developer : Chrome extension ที่ทำให้สามารถเปิดปิดองค์ประกอบการทำงานของเว็บเช่น cookie JavaScript เพื่อทดสอบได้ตามที่ต้องการ
https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
.
Postman : ทดสอบและพัฒนา API
https://www.postman.com/
.
ESLint : เครื่องมือตรวจโค้ด
https://eslint.org/
.
⏱ Performance Testing Tool ทดสอบประสิทธิภาพเว็บ ให้แรงเกินใคร
.
Apache JMeter
https://jmeter.apache.org/
.
Selenium
https://www.selenium.dev/
.
PageSpeed Insights
https://developers.google.com/speed/pagespeed/insights/
.
GTmetrix
https://gtmetrix.com/
.
💸 Payment Gateway ระบบชำระเงินหลังบ้าน ที่พลาดไม่ได้ !
.
PayPal
https://www.paypal.com/
.
2C2P
https://www.2c2p.com/
.
Omise
https://www.omise.co/th/thailand
.
Stripe
https://stripe.com/
.
"ใครมีตัวไหนดี ตัวไหนเด็ด มาแชร์กันได้ใต้ Comment เลยยย !"
.
ส่วนใครอยากสายจัดเต็ม Full-Stack มาอ่านส่วนของ Front-End ได้ที่นี่เลยย :
.
https://www.facebook.com/borntodev/photos/a.830302417028053/3151098954948376/?type=3&__xts__%5B0%5D=68.ARA4zgbud_wSTbb2v24PmV3dGtxcmM1rIQq2NBRv98xAKbRK7o51jdqKQPBpX-4fXq7zssGB3-pvI9Tt1Tsblr-irW6OsraEMcEIV3pYRmlAw88hdvSpLBpUkz9Fb1Wrnt4MysXgaBDe9Z3lv2SSz7pXAMCb_syq0QOjIpefgnbaMQDEm3AF8BBAtDVX1POivCkvYgerfYV19YnojEThkFU1ztVt2xz_fbgJbY_SJ3jaXZpGj_RuMtnmUcBQBu5qtBLbTuwRoxt4r9JqwKbGynToSCgDYeuCaaggQReB0UKf56eHewseUP2VnlDpegqRMN4Y-wQaFtIIxrlI9Ablg9lkXA&__tn__=-R
.
#BorntoDev - 🦖 Coding Academy ให้การพัฒนาเทคโนโลยีเป็นเรื่องง่ายสำหรับทุกคน
同時也有1部Youtube影片,追蹤數超過12萬的網紅prasertcbs,也在其Youtube影片中提到,การดึงข้อมูลจาก Excel บนเครื่อง mac มาใช้ใน R เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs pl...
runtime system 在 Taipei Ethereum Meetup Facebook 的最讚貼文
📜 [專欄新文章] Reason Why You Should Use EIP1167 Proxy Contract. (With Tutorial)
✍️ Ping Chen
📥 歡迎投稿: https://medium.com/taipei-ethereum-meetup #徵技術分享文 #使用心得 #教學文 #medium
EIP1167 minimal proxy contract is a standardized, gas-efficient way to deploy a bunch of contract clones from a factory.
1. Who may consider using EIP1167
For some DApp that are creating clones of a contract for its users, a “factory pattern” is usually introduced. Users simply interact with the factory to get a copy. For example, Gnosis Multisig Wallet has a factory. So, instead of copy-and-paste the source code to Remix, compile, key in some parameters, and deploy it by yourself, you can just ask the factory to create a wallet for you since the contract code has already been on-chain.
The problem is: we need standalone contract instances for each user, but then we’ll have many copies of the same bytecode on the blockchain, which seems redundant. Take multisig wallet as an example, different multisig wallet instances have separate addresses to receive assets and store the wallet’s owners’ addresses, but they can share the same program logic by referring to the same library. We call them ‘proxy contracts’.
One of the most famous proxy contract users is Uniswap. It also has a factory pattern to create exchanges for each ERC20 tokens. Different from Gnosis Multisig, Uniswap only has one exchange instance that contains full bytecode as the program logic, and the remainders are all proxies. So, when you go to Etherscan to check out the code, you’ll see a short bytecode, which is unlikely an implementation of an exchange.
0x3660006000376110006000366000732157a7894439191e520825fe9399ab8655e0f7085af41558576110006000f3
What it does is blindly relay every incoming transaction to the reference contract 0x2157a7894439191e520825fe9399ab8655e0f708by delegatecall.
Every proxy is a 100% replica of that contract but serving for different tokens.
The length of the creation code of Uniswap exchange implementation is 12468 bytes. A proxy contract, however, has only 46 bytes, which is much more gas efficient. So, if your DApp is in a scenario of creating copies of a contract, no matter for each user, each token, or what else, you may consider using proxy contracts to save gas.
2. Why use EIP1167
According to the proposal, EIP is a “minimal proxy contract”. It is currently the known shortest(in bytecode) and lowest gas consumption overhead implementation of proxy contract. Though most ERCs are protocols or interfaces, EIP1167 is the “best practice” of a proxy contract. It uses some EVM black magic to optimize performance.
EIP1167 not only minimizes length, but it is also literally a “minimal” proxy that does nothing but proxying. It minimizes trust. Unlike other upgradable proxy contracts that rely on the honesty of their administrator (who can change the implementation), address in EIP1167 is hardcoded in bytecode and remain unchangeable.
That brings convenience to the community.
Etherscan automatically displays code for EIP1167 proxies.
When you see an EIP1167 proxy, you can definitely regard it as the contract that it points to. For instance, if Etherscan finds a contract meets the format of EIP1167, and the reference implementation’s code has been published, it will automatically use that code for the proxy contract. Unfortunately, non-standard EIP1167 proxies like Uniswap will not benefit from this kind of network effect.
3. How to upgrade a contract to EIP1167 compatible
*Please read all the steps before use, otherwise there might have problems.
A. Build a clone factory
For Vyper, there’s a function create_with_code_of(address)that creates a proxy and returns its address. For Solidity, you may find a reference implementation here.
function createClone(address target) internal returns (address result){ bytes20 targetBytes = bytes20(target); assembly { let clone := mload(0x40) mstore(clone, 0x3d602d80600a3d3981f3363d3d373d3d3d363d73000000000000000000000000) mstore(add(clone, 0x14), targetBytes) mstore(add(clone, 0x28), 0x5af43d82803e903d91602b57fd5bf30000000000000000000000000000000000) result := create(0, clone, 0x37) }}
You can either deploy the implementation contract first or deploy it with the factory’s constructor. I’ll suggest the former, so you can optimize it with higher runs.
contract WalletFactory is CloneFactory { address Template = "0xc0ffee"; function createWallet() external returns (address newWallet) { newWallet = createClone(Template); }}
B. Replace constructor with initializer
When it comes to a contract, there are two kinds of code: creation code and runtime code. Runtime code is the actual business logic stored in the contract’s code slot. Creation code, on the other hand, is runtime code plus an initialization process. When you compile a solidity source code, the output bytecode you get is creation code. And the permanent bytecode you can find on the blockchain is runtime code.
For EIP1167 proxies, we say it ‘clones’ a contract. It actually clones a contract’s runtime code. But if the contract that it is cloning has a constructor, the clone is not 100% precise. So, we need to slightly modify our implementation contract. Replace the constructor with an ‘initializer’, which is part of the permanent code but can only be called once.
// constructorconstructor(address _owner) external { owner = _owner;}// initializerfunction set(address _owner) external { require(owner == address(0)); owner = _owner;}
Mind that initializer is not a constructor, so theoretically it can be called multiple times. You need to maintain the edge case by yourself. Take the code above as an example, when the contract is initialized, the owner must never be set to 0, or anyone can modify it.
C. Don’t assign value outside a function
As mentioned, a creation code contains runtime code and initialization process. A so-called “initialization process” is not only a constructor but also all the variable assignments outside a function. If an EIP1167 proxy points to a contract that assigns value outside a function, it will again have different behavior. We need to remove them.
There are two approaches to solve this problem. The first one is to turn all the variables that need to be assigned to constant. By doing so, they are no longer a variable written in the contract’s storage, but a constant value that hardcoded everywhere it is used.
bytes32 public constant symbol = "4441490000000000000000000000000000000000000000000000000000000000";uint256 public constant decimals = 18;
Second, if you really want to assign a non-constant variable while initializing, then just add it to the initializer.
mapping(address => bool) public isOwner;uint public dailyWithdrawLimit;uint public signaturesRequired;
function set(address[] _owner, uint limit, uint required) external { require(dailyWithdrawLimit == 0 && signaturesRequired == 0); dailyWithdrawLimit = limit; signaturesRequired = required; //DO SOMETHING ELSE}
Our ultimate goal is to eliminate the difference between runtime code and creation code, so EIP1167 proxy can 100% imitate its implementation.
D. Put them all together
A proxy contract pattern splits the deployment process into two. But the factory can combine two steps into one, so users won’t feel different.
contract multisigWallet { //wallet interfaces function set(address[] owners, uint required, uint limit) external;}contract walletFactory is cloneFactory { address constant template = "0xdeadbeef"; function create(address[] owners, uint required, uint limit) external returns (address) { address wallet = createClone(template); multisigWallet(wallet).set(owners, required, limit); return wallet; }}
Since both the factory and the clone/proxy has exactly the same interface, no modification is required for all the existing DApp, webpage, and tools, just enjoy the benefit of proxy contracts!
4. Drawbacks
Though proxy contract can lower the storage fee of deploying multiple clones, it will slightly increase the gas cost of each operation in the future due to the usage of delegatecall. So, if the contract is not so long(in bytes), and you expect it’ll be called millions of times, it’ll eventually be more efficient to not use EIP1167 proxies.
In addition, proxy pattern also introduces a different attack vector to the system. For EIP1167 proxies, trust is minimized since the address they point to is hardcoded in bytecode. But, if the reference contract is not permanent, some problems may happen.
You might ever hear of parity multisig wallet hack. There are multiple proxies(not EIP1167) that refer to the same implementation. However, the wallet has a self-destruct function, which empties both the storage and the code of a contract. Unfortunately, there was a bug in Parity wallet’s access control and someone accidentally gained the ownership of the original implementation. That did not directly steal assets from other parity wallets, but then the hacker deleted the original implementation, making all the remaining wallets a shell without functionality, and lock assets in it forever.
https://cointelegraph.com/news/parity-multisig-wallet-hacked-or-how-come
Conclusion
In brief, the proxy factory pattern helps you to deploy a bunch of contract clones with a considerably lower gas cost. EIP1167 defines a bytecode format standard for minimal proxy and it is supported by Etherscan.
To upgrade a contract to EIP1167 compatible, you have to remove both constructor and variable assignment outside a function. So that runtime code will contain all business logic that proxies may need.
Here’s a use case of EIP1167 proxy contract: create adapters for ERC1155 tokens to support ERC20 interface.
pelith/erc-1155-adapter
References
https://eips.ethereum.org/EIPS/eip-1167
https://blog.openzeppelin.com/on-the-parity-wallet-multisig-hack-405a8c12e8f7/
Donation:
pingchen.eth
0xc1F9BB72216E5ecDc97e248F65E14df1fE46600a
Reason Why You Should Use EIP1167 Proxy Contract. (With Tutorial) was originally published in Taipei Ethereum Meetup on Medium, where people are continuing the conversation by highlighting and responding to this story.
👏 歡迎轉載分享鼓掌
runtime system 在 horrorclub.net Facebook 的最讚貼文
ซาร่าหายตัวไป เหลือทิ้งไว้แค่สมาร์ทโฟนหนึ่งเครื่อง พร้อมด้วยระบบ AI อัจฉริยะทีชื่อว่า ไอริส (I.R.I.S. - Intelligent Recognitive Iconolatry System) ที่พยายามติดต่อกับคุณเพื่อให้ช่วยสืบร่องรอยผ่านทางหลักฐานที่เหลืออยู่ในเครื่อง ไม่ว่าจะเป็นข้อความส่วนตัว, อีเมล์, รูปถ่าย, ฯลฯ
และหาตัวซาร่าให้เจอ
ทั้งหมดนี้คือเนื้อเรื่องคร่าวๆ ของเกม Sara Is Missing หรือที่เรียกย่อเก๋ๆ ว่า SIM เป็นเกมแนว "Found Footage Horror" ที่ให้คุณรวบรวมข้อมูล ปะติดปะต่อหลักฐานต่างๆ ที่พบ เชื่อมโยงมันเข้าด้วยกันแล้วไขปริศนาการหายตัวไปอย่างลึกลับของหญิงสาวนามว่าซาร่า
ในเกมมีความน่าสนใจด้วยการจำลองหน้าตาอินเตอร์เฟซของระบบปฏิบัติการสมาร์ทโฟนมาไว้ให้รู้สึกเหมือนว่ากำลังติดต่อกับข้อมูลในมือถือจริงๆ ใครที่ชอบอะไรลึกลับๆ แนว เจเจ อับราห์ม แบบไม่เล่าเรื่องอะไรทั้งหมดแต่ให้คนดูมานั่งปวดหัวถกเถียงกันเอง ขอบอกว่าพลาดไม่ได้เด็ดขาด
เกมนี้ยังเป็นเวอร์ชั่น "เดโม" อยู่ หมายความว่าอาจจะยังมีบั๊กหรือข้อผิดพลาดอะไรต่อมิอะไรให้เพียบ รอการแก้ไขและอัปเดทอยู่เรื่อยๆ แอดมินไม่แน่ใจเหมือนกันว่าตัวเกมสามารถเล่นไปได้ไกลขนาดไหน จะจบในตอนหรือค้าคาอยู่ก็ไม่ทราบ เพราะไม่กล้าเข้าไปอ่านในคอมมิวนิตี้ของเกม ไม่อยากโดนสปอยล์ ฮ่าๆๆ ถ้าใครชอบแนว Found Footage ไขปริศนา หาความลับต่างๆ ตามไปโหลดเล่นกันได้ฟรีที่เว็บไซต์ของผู้พัฒนาด้านล่างได้เลยจ้า
https://monsoonlab.itch.io/sim
ตัวเกมตอนนี้มีสามแพลทฟอร์ม คือ PC, Mac และบนแอนดรอยด์ (โหลดไฟล์ .apk หรือจะเสิร์ชหาจากใน Google Play Store ก็ได้) แนะนำว่าโหลดมาเล่นบนมือถือแอนดรอยด์จะได้ฟีลลิ่งสุดๆ ส่วนสายแอปเปิ้ลยังต้องรอต่อไปก่อนนะจ๊ะ
ปล. ส่วนตัวแอดมินเองเจอปัญหาตามประสาเกมเวอร์ชั่นทดลองเล่น นั่นคือใน Windows 10 อาจมีปัญหากับ Java Runtime ทำให้เปิดเกมไม่ได้ และเวอร์ชั่นแมค รู้สึกจะมีปัญหาเกมไม่ไปต่อถ้าใช้ macOS Sierra เพราะงั้นก็อย่างที่บอก...มือถือแอนดรอยด์ชัวร์สุด
runtime system 在 prasertcbs Youtube 的最佳貼文
การดึงข้อมูลจาก Excel บนเครื่อง mac มาใช้ใน R
เชิญสมัครเป็นสมาชิกของช่องนี้ได้ที่ ► https://www.youtube.com/subscription_center?add_user=prasertcbs
playlist สอนการใช้โปรแกรม R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GGSiUGzdWbjxIkZqEO-O6qZ
playlist สอนการเขียนโปรแกรมด้วยภาษา R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GF6qjrRuZFSHdnBXD2KVICp
playlist สอนการสร้างกราฟด้วยโปรแกรม R เบื้องต้น ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEvw9bN_Q8nRdDUPyaSymqM
playlist การสร้างกราฟด้วย ggplot2 ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFEu7flht1Fv_gsT2mizgPW
playlist สอนการใช้ dplyr package ► https://www.youtube.com/playlist?list=PLoTScYm9O0GEsJv4E4QmrBkdyax2IgRQG
playlist สอนการใช้ tidyr package ► https://www.youtube.com/playlist?list=PLoTScYm9O0GFL9f4LpDa0zrh-rqzF3xdN
#prasertcbs #prasertcbs_R #prasertcbs_DataScience