TECH |
Techable(テッカブル) |
最新型ロボットで介護負担を軽減、移動アシスト機能付モバイルリフト「SOEL MX-Air」 |
https://techable.jp/archives/208349
|
soelmxair |
2023-05-21 07:00:37 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
外国語音声データ(silk形式)をWhisperで音声認識→機械翻訳しよう |
https://qiita.com/wrwrhucjnd/items/33fd5dba01bd8f8cc347
|
skype |
2023-05-21 16:52:43 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
Python 内包表記の限界: 複雑な処理と実行速度の関係 |
https://qiita.com/GuriTech/items/f2bba9dc306bb15793bf
|
限界 |
2023-05-21 16:32:11 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
アメリカ特許のAPI |
https://qiita.com/KouheiTakagi/items/77caa1bc449fbcca5412
|
特許 |
2023-05-21 16:17:47 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【備忘録】MySQLのdatetime(とmysql2)とタイムゾーン |
https://qiita.com/kurukuruz/items/d5b6c1a36ea2f4ffde61
|
datetime |
2023-05-21 16:55:43 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
AtCoder Beginners SelectionをJavascriptで攻略していく |
https://qiita.com/fghyuhi/items/e5b445aff8a46e1124aa
|
inputinputsplitinputforea |
2023-05-21 16:39:28 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
Dockerfileとdocker-compose.ymlの書き方をまとめてみた |
https://qiita.com/mavengr/items/a7deb653023b4974f499
|
docker |
2023-05-21 16:26:05 |
海外TECH |
DEV Community |
HTML Document Structure |
https://dev.to/laksidesvibe/html-document-structure-l7n
|
HTML Document StructureWelcome to world of coding Where do i start the question that a lot of beginners have when starting to code This is usually answered by the Hello World string Whatever the framework used to achieve the pivotal Hello World step the eventual interaction with the cookie cutter HTML document structure would consciously or unconsciously begin Therein lies the slippery slope of copy pasting HTML templates from project to project sometimes with knowledge of the vocabulary used in the templates or in many cases oblivious to fully understanding the engine under the hood of the template As some would say i don t need to be a mechanic i just need to get from this spot to my destination Recently I didn t start a new project but I had to document the HTML structure to be used by a group working on another project So simply copying and pasting wasn t an option as i had to understand and communicate the wording of the document structure As such here is the famous HTML document structure template What is HTMLHTML HyperText Markup Language is a textual language for creating web pages The HTML acronym highlights the three main characteristics of web pagesHyperText Text that contains connections to other documents Markup Part of a document that explains how to interpret or structure other parts of the document They stand as are instructions to a browser about the rest of the document Language A set of rules describing how to write HTM as a valid HTML document must follow the HTML language rules The HTML elements commonly found within an HTML boilerplate typically encompass DOCTYPE lt DOCTYPE html gt This declaration defines the document type and version of HTML being used Every HTML page starts with a doctype declaration The doctype s purpose is to tell the browser what version of HTML it should use to render the document The latest version of HTML is HTML HTML Tag lt html lang gt lt html gt The tag defines the root of an HTML document and contains all other HTML elements We included lang in it as the lang attribute in the HTML tag is an important aspect of web accessibility and internationalization The lang attribute specifies the language of the contents of a web page which can help assistive technologies like screen readers understand and accurately read the text on the page Additionally the lang attribute can also impact search engine optimization SEO and the way text is rendered in different languages Head Tag lt head gt lt head gt This tag contains information about the document such as the title metadata and links to CSS and JavaScript files that is not displayed in the main body of the web page Meta Charset tag lt meta charset UTF gt This tag defines the character encoding for the document in this case UTF UTF is a commonly adopted character encoding that supports a wide range of characters from different languages and scripts Meta viewport tag lt meta name viewport content width device width initial scale gt This tag sets the viewport which is the area of the browser window used to display the web page The value width device width sets the width to the width of the device and initial scale sets the initial zoom level to Title tag lt title gt lt title gt This tag defines the title of the web page which is displayed in the browser tab or title bar The title element is used to give webpages a human readable title which is displayed in our webpage s browser tab If we didn t include a title element the webpage s title would default to its file name In our case that would be index html which isn t very meaningful for users this would make it very difficult to find our webpage if the user has many browser tabs open CSS stylesheet lt link rel stylesheet href style css gt This code will link your custom CSS to the HTML page rel stylesheet defines the relationship between the HTML file and the external stylesheet Script tags in HTML lt script src index js async defer gt lt script gt External script tags will be placed just before the ending body tag This is where you can link your external JavaScript code The async defer tag defers running the JaveScript code until the HTML loads Body lt body gt lt body gt This tag contains the main content of the web page such as headings text images videos links and buttons ConclusionThis piece has clarified the HTML boilerplate template There are an exhaustive list of tags and elements that could be added in different sections as needs must However going with the cookie cutter boilerplate template is a good solution to the ever nagging question of Where do i start SourcesHTML tutorial from WSchools com |
2023-05-21 07:20:19 |
海外TECH |
DEV Community |
FastApi With AWS Serverless powered by CDK Typescript |
https://dev.to/aws-builders/fastapi-with-aws-serverless-powered-by-cdk-typescript-58a1
|
FastApi With AWS Serverless powered by CDK Typescript AbstractDeploy FastAPI in a Lambda function that is fronted by an HTTP API in API Gateway you can enable API key required for the API Table Of ContentsSolution overviewBuild FastAPI as lambda funnction handlerDeployTest APIConclusion Solution overview Use AWS APIGW to build a simple API server with lambda integrationAPIGW route paths such as api v and chat gpt require API key with usage plan The lambda function contains FastApi code to serves API requests and responses Let s see the stack relationships Build FastAPI as a lambda funnction handler Lambda handler source code ➜simple serverless fastapi tree src lambda handler src lambda handler ├ーapi │└ーapi v │├ーapi py │└ーendpoints │└ーusers py ├ーmain py └ーrequirements txt directories filesDirect route paths include and chat gpt app get async def root return message FastAPI running in a Lambda function app get chat gpt async def read chatgpt question str None return message f We got question question Restructure FastAPI Routing for developing API and optimize source code by using APIRouter src lambda handler api └ーapi v ├ーapi py └ーendpoints └ーusers py from api api v api import router as api router app include router api router prefix api v For the lambda function handler we use Mangum python module which is an adapter for running ASGI applications in AWS Lambda to handle Function URL API Gateway ALB and Lambda Edge events For building API Docs one must set the following parameters in FastApi constructor to resolve openapi json correctlyFor API URL using APIGW stage URL set root path equal to the API stage name eg root path AppAPIFor API custom domaindocs url docs openapi url openapi json Deploy For production building CDK pipeline for this is the best practice For the demo I run cdk deploy manually ➜simple serverless fastapi cdk deploy SimpleFastApiServerless Deployment time sThe API GW and method requestCustom domain mapped to the API Test API Open API DocsCall chat gpt with API key and query question ➜simple serverless fastapi curl X GET H Content Type application json H x api key sUnYjPAwMKuOFqSwkfclmCFxilQhVeO d question how are you G message We got question how are you Conclusion We created a FastAPI application using AWS Serverless The user must provide the API key to query request and the API key is associated with the usage plan where we can specify who can access the deployed API stages and methods and optionally sets the target request rate to start throttling requests References Simple Serverless FastAPI with AWS Lambda Vu Dao Follow AWSome Devops AWS Community Builder AWS SA ️CloudOpz ️ vumdao vumdao |
2023-05-21 07:05:20 |
海外ニュース |
Japan Times latest articles |
Embrace of LNG by G7 a setback for climate goals, experts warn |
https://www.japantimes.co.jp/news/2023/05/21/national/g7-climate-plan-concern/
|
crisis |
2023-05-21 16:44:55 |
ニュース |
BBC News - Home |
Bakhmut: Zelensky says city is destroyed as Russia claims victory |
https://www.bbc.co.uk/news/world-europe-65662563?at_medium=RSS&at_campaign=KARANGA
|
president |
2023-05-21 07:27:38 |
ニュース |
BBC News - Home |
Braverman speeding course claim prompts calls for inquiry |
https://www.bbc.co.uk/news/uk-politics-65659053?at_medium=RSS&at_campaign=KARANGA
|
attorney |
2023-05-21 07:15:24 |
ニュース |
BBC News - Home |
Mike Ashley thinks luxury Flannels shops 'bonkers' |
https://www.bbc.co.uk/news/business-65613808?at_medium=RSS&at_campaign=KARANGA
|
fashion |
2023-05-21 07:48:27 |
ビジネス |
不景気.com |
週刊不景気ニュース5/21、倒産や事業撤退の話題多く - 不景気com |
https://www.fukeiki.com/2023/05/week-report-230521.html
|
事業撤退 |
2023-05-21 07:03:41 |
コメント
コメントを投稿