| IT |
InfoQ |
Avalonia Reaches v11 GA Release |
https://www.infoq.com/news/2023/08/avalonia-v11-ga/?utm_campaign=infoq_content&utm_source=infoq&utm_medium=feed&utm_term=global
|
Avalonia Reaches v GA ReleaseBeginning this month the Avalonia team announced the release of version of their framework bringing significant changes and new features These changes include features like automated testing capabilities improved accessibility support the introduction of Input Method Editor IME support for text input and advanced text rendering and layout options By Almir Vuk |
2023-08-03 08:05:00 |
| ROBOT |
ロボスタ |
次世代移動体通信「5G / 6G」(自動運転/ドローン/xR)の技術動向レポートを公開 特許技術で中国・韓国が牽引 アスタミューゼ |
https://robotstart.info/2023/08/03/astamuse-5g-6g-technology-trend.html
|
|
2023-08-03 08:46:30 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 映画『スーパーマリオ』興行収入、ゲーム原作で歴代1位 IP関連収入が約3倍に |
https://www.itmedia.co.jp/business/articles/2308/03/news163.html
|
itmedia |
2023-08-03 17:30:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia ビジネスオンライン] 留学手配サイトに「縦型ショート動画」実装 狙いは「Z世代への訴求」 |
https://www.itmedia.co.jp/business/articles/2308/03/news097.html
|
firework |
2023-08-03 17:05:00 |
| IT |
ITmedia 総合記事一覧 |
[ITmedia News] TwitterがXになったし、アプリアイコンだけでA～Zはそろう？ 大人の自由研究やってみた |
https://www.itmedia.co.jp/news/articles/2308/03/news159.html
|
自由研究 |
2023-08-03 17:02:00 |
| IT |
SNSマーケティングの情報ならソーシャルメディアラボ【Gaiax】 |
【2023年7月の主要SNSニュースまとめ】 |
https://gaiax-socialmedialab.jp/sns-news-20230803/
|
twitter |
2023-08-03 08:26:38 |
| IT |
情報システムリーダーのためのIT情報専門サイト IT Leaders |
AWS、基盤モデルと既存システムを組み合わせた生成AIアプリケーションを開発可能な「Agent for Amazon Bedrock」などを発表 | IT Leaders |
https://it.impress.co.jp/articles/-/25187
|
AWS、基盤モデルと既存システムを組み合わせた生成AIアプリケーションを開発可能な「AgentforAmazonBedrock」などを発表ITLeadersアマゾンウェブサービスジャパンは年月日、オンラインで会見し、AmazonWebServicesAWSが年月に開催したプライベートイベント「AWSSummitNewYork」の発表内容の一部を紹介した。 |
2023-08-03 17:42:00 |
| AWS |
AWS Japan Blog |
クラウド時代における大規模アジャイル推進法（第１回） |
https://aws.amazon.com/jp/blogs/news/how-to-proceed-large-scale-agile/
|
進行 |
2023-08-03 08:25:13 |
| AWS |
lambdaタグが付けられた新着投稿 - Qiita |
CDKでNode.jsのLambda関数を作るときにjs|ts以外のファイルをバンドルする |
https://qiita.com/the_red/items/35d48535924c4ffcbd2d
|
newnodejsfunctionthislamb |
2023-08-03 17:08:59 |
| python |
Pythonタグが付けられた新着投稿 - Qiita |
複数行ヘッダーのDataFrameで列指定で値抽出を行う |
https://qiita.com/Shimo5296/items/93bce39379128084a204
|
dataframe |
2023-08-03 17:49:57 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
VS Codeでの赤線 "Type 'number' is not assignable to type 'string'.js(2322)" への対応方法 |
https://qiita.com/yuta-katayama-23/items/365711609ef884171010
|
VSCodeでの赤線quotTypexnumberxisnotassignabletotypexstringxjsquotへの対応方法はじめにVSCodeでSveltのチュートリアルをやっていた時に、propsの実装の際に以下のような赤線VSCodeからのエラー提示が出た。 |
2023-08-03 17:43:35 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
DOM |
https://qiita.com/gama604/items/5f4728df19a8451d5f28
|
documentobjectmodel |
2023-08-03 17:27:07 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
CDKでNode.jsのLambda関数を作るときにjs|ts以外のファイルをバンドルする |
https://qiita.com/the_red/items/35d48535924c4ffcbd2d
|
newnodejsfunctionthislamb |
2023-08-03 17:08:59 |
| js |
JavaScriptタグが付けられた新着投稿 - Qiita |
【React】フルスタックエンジニアになるまでの我流ロードマップ |
https://qiita.com/An_Orange/items/dc1859d37a6111efc352
|
fullstackdeveloper |
2023-08-03 17:07:29 |
| AWS |
AWSタグが付けられた新着投稿 - Qiita |
Redshiftクラスタに10TBのデータを入れてみる |
https://qiita.com/jnit/items/01893d1691b243fdf868
|
redshift |
2023-08-03 17:14:31 |
| golang |
Goタグが付けられた新着投稿 - Qiita |
Go言語向けNCMB SDKの使い方（データストアの保存） |
https://qiita.com/goofmint/items/ceabf6fbf6c429a39261
|
ncmbsdk |
2023-08-03 17:04:05 |
| Azure |
Azureタグが付けられた新着投稿 - Qiita |
Azure Blob Storage から Blob を C# でダウンロードする |
https://qiita.com/michimichix521/items/7f3c29b37bda314619ba
|
azureblobstorage |
2023-08-03 17:55:53 |
| 技術ブログ |
Developers.IO |
I Tried Deploying an EC2 Web Server with CloudFormation and Ansible |
https://dev.classmethod.jp/articles/i-tried-deploying-an-ec2-web-server-with-cloudformation-and-ansible/
|
I Tried Deploying an EC Web Server with CloudFormation and AnsibleIn this blog I will walk you through the process of deploying an EC instance using CloudFormation and then c |
2023-08-03 08:53:18 |
| 技術ブログ |
Developers.IO |
【8/29（火）東京】組織的なクラウド統制を成功させるための勘所～ガードレールの活用事例～ |
https://dev.classmethod.jp/news/230829-aws-seminar/
|
統制 |
2023-08-03 08:13:43 |
| 技術ブログ |
Developers.IO |
VPCフローログを設定して、EC2へアクセスした際のログをCloudWatch Logsに保存してみる |
https://dev.classmethod.jp/articles/try-vpc-flow-logs/
|
cloudwatchlogs |
2023-08-03 08:09:02 |
| 海外TECH |
DEV Community |
Sveltekit and Appwrite Cloud: How to build a list app |
https://dev.to/terieyenike/sveltekit-and-appwrite-cloud-how-to-build-a-list-app-2174
|
Sveltekit and Appwrite Cloud How to build a list appCreating reliable and practical applications is of the utmost importance in modern web development Frameworks and tools that not only speed up the development process but also provide better functionality and performance are constantly sought after by developers In this situation the pairing of Appwrite and Svelte stands out as a complete toolkit that enables programmers to create feature rich web applications quickly Appwrite an open source backend as a service BaaS platform provides developers with many services like managing user authentication data storage file storage and more with its intuitive APIs that abstract complex backend operations allowing developers to focus on building scalable frontend applications Svelte is a free and open source frontend component framework used to build user interfaces by compiling components at build time without needing a virtual DOM resulting in faster rendering In this article you will learn how to use Appwrite s API to create a list app with features like task creation and deletion and storing the data in Appwrite Cloud leveraging Appwrite Svelte and Tailwind CSS for styling Source CodeThe complete source code for this project is in this GitHub repo DemoTo try out the live demo check it out here PrerequisitesThroughout this tutorial you will need the following Have the JavaScript runtime Node js installed on your local machineBasic JavaScript knowledge and understanding of SvelteAn Appwrite Cloud account Sign up is free Setting up Appwrite CloudWith Appwrite Cloud you do not need to run a local instance on your system using Docker Everything happens in the cloud For setup go to your Appwrite Cloud admin console and create a new project by clicking the Create project button Creating a databaseThe database section allows you to edit create and view your collections Navigating into the completed project click the Databases tab on the console s left pane and create a new database Creating collectionsOnce you have created the database it is time to add a new collection to your project Under the Collections tab click the Create collection button and give it a name Navigate into the Collections to define and create your data structure by adding attributes Here s what your attributes should look like Attribute KeyAttribute typeSizeDefault valueRequireditemstring YesStill in the Collections menu under the Settings tab change the read and write permissions and the delete permission for your collection Adding platforms to your projectThis step is vital as it would validate the requests coming from the client side into the Appwrite Cloud console On the console home page click on the Overview tab and scroll to the section Integrations Click on the Add platform and select one of the options from the drop down PS For this application select the Web App option WebTo add the web platform give it a Name and Host The Name can be anything you desire and the Host can be the domain under which the web project has access during development The Host can use the asterisk symbol to locally test the web app Creating a new Svelte ProjectTo create a new Svelte project run this command in the command line interface CLI to scaffold the app npm create svelte latest list appFollow the instructions on the terminal as described below Accept the installation with the y flagSelect the Skeleton project from the Svelte app templateFor type checking with TypeScript choose No If otherwise and you are comfortable using TS select itThe last option is optional if you decide to add it to the projectUse the following command below to begin the next steps cd listsApp npm install or pnpm install etc git init amp amp git add A amp amp git commit m Initial commit optional npm run devThe command above does the following cd navigate to the created Svelte project directoryThe second command installs all the dependencies using the package manager npmThe git commands initialize stage and save a snapshot of the current project state and keep track of your changesStart the development server on port to preview the app InstallationAppwrite SDKLaunch your terminal and type the following command to install the Appwrite Web SDK to your project npm install appwriteTailwind CSSTailwind is a utility first CSS framework packed with classes directly in your markup The best way to install Tailwind CSS onto your project is by using the Tailwind CLI tool Check out the Sveltekit framework guide and follow this process Creating the user interfaceThe UI for the list app will display all the data from the documents in Appwrite Cloud and can delete an item with a click Create a new folder called lib in the src directory Next create a new file named ItemList svelte Now update these components ItemList svelte and page svelte with the following code src lib ItemList svelte lt script gt export let list lt script gt lt button type button gt list lt button gt The above code snippets do the following The script section uses the export let syntax used to declare a named export in a component which exposes the variable list accessible in the ItemList componentPass the variable list in the button elementsrc routes page svelte lt script gt import ItemList from lib ItemList svelte lt script gt lt div class w mx auto max w xl flex flex col lg w select none min h screen gt lt p class text center my gt Delete an item with a click lt p gt lt img src assets app launch svg alt Launch rocket class mx auto w lg w gt lt input type text placeholder enter item class bg gray p border text slate rounded lg text center text xl my gt lt ul class flex p flex wrap gap mt gt lt li class md text xl lg text xl bg slate p rounded lg grow text center shadow hover bg orange cursor pointer gt lt ItemList list Watch the superbowl half time show gt lt li gt lt ul gt lt footer class mt auto gt lt div class mt text center text gray gt lt address gt Built by lt span class text blue gt lt a href target gt Teri lt a gt lt span gt amp copy lt address gt lt div gt lt p gt Fork clone and star this lt a href target rel noopener noreferrer class text blue gt repo lt a gt lt p gt lt div gt lt p class text sm gt Appwrite x Svelte x Tailwind CSS lt p gt lt div gt lt footer gt lt div gt In the code snippets above the following occurs Import the component ItemListThroughout the markup Tailwind CSS classes beautify the UI For the image use any image of your choice saved in the static folder inside the assets folder as wellDeclare the props value as list in the ItemList componentHere s what you should see PS So far the app is static Creating environment variablesEnvironment variables are dynamic values set in a program operating system OS or application accessible in a runtime environment They keep sensitive information away from the application code Create a new file env in the root of the project directory and copy paste this code env PUBLIC DATABASE ID lt DATABASE ID gt PUBLIC COLLECTION ID lt COLLECTION ID gt PUBLIC PROJECT ID lt PROJECT ID gt PUBLIC INSTANCE URL Replace all the values in the quotation marks with the actual values from your Appwrite Cloud admin console Connecting to Appwrite backendInitializing the Appwrite clientLet s create a file named utils js in the src directory Copy paste this code utils js import PUBLIC DATABASE ID PUBLIC COLLECTION ID PUBLIC PROJECT ID PUBLIC INSTANCE URL from env static public import Client Databases ID Query from appwrite const client new Client const databases new Databases client client setEndpoint PUBLIC INSTANCE URL setProject PUBLIC PROJECT ID export const create data gt databases createDocument PUBLIC DATABASE ID PUBLIC COLLECTION ID ID unique data export const getList databases listDocuments PUBLIC DATABASE ID PUBLIC COLLECTION ID Query orderDesc createdAt export const deleteList database id collection id data gt databases deleteDocument database id collection id data The code above won t allow your application to run in development But when you want to push your project code to GitHub use this instead and place the env file in the gitignore file For now let s use this method with the code instead utils js import Client Databases ID Query from appwrite const client new Client const databases new Databases client client setEndpoint setProject PROJECT ID export const create data gt databases createDocument DATABASE ID COLLECTION ID ID unique data export const getList databases listDocuments DATABASE ID COLLECTION ID Query orderDesc createdAt export const deleteList database id collection id data gt databases deleteDocument database id collection id data The code above does the following Import the Appwrite package and initialize the new instance of the web SDKPass the client with the endpoint and project detailsExport the create function with the data parameter responsible for creating the document listing all the document data on the client side This request generates a unique IDExport the getList function which uses the list documents databases API with the database ID and collection ID as well as utilizing the query endpoint to show the recent item first when added by a userFinally the deleteList function deletes a document by its unique ID with the data parameter Creating data using Appwrite APIsSince this is a CRUD application let s handle sending a new item to Appwrite Cloud Before updating the page svelte page create another file named store js in the src directory Copy paste this code src store js import writable from svelte store export const data writable name In Svelte the writable function is a built in store creator that enables you to create a writable store with values from outside a component Now that is taken care of update the page svelte components src routes page svelte lt script gt import create from utils import data from store function addToList e if data name return else if e key Enter return create item data name then function response window location reload function error console log error data name lt script gt lt div class w mx auto max w xl flex flex col lg w select none min h screen gt lt p class text center my gt Delete an item with a click lt p gt lt img src element gt lt input type text placeholder enter item on keydown addToList bind value data name class bg gray p border text slate rounded lg text center text xl my gt lt ul class flex p flex wrap gap mt gt lt li class md text xl lg text xl bg slate p rounded lg grow text center shadow hover bg orange cursor pointer gt lt ItemList list Watch the superbowl half time show gt lt li gt lt ul gt lt Footer element gt lt div gt At this point the code above does the following Import the create function as well as the store dataIn the addToList function nothing happens if no value is present in the input field Also with the create function the key item reads the value data name which is saved in Appwrite if successful After that the page reloads immediately The input element with the action keydown event that listens to the enter key on the keyboard and binds the empty valueLet s try sending an item to Appwrite Cloud Head over to your Appwrite console to confirm the value is stored Displaying the list itemsThis section displays the list of items stored in Appwrite on the client side Again update the code in the page svelte component src routes page svelte lt script gt import onMount from svelte import getList create from utils let lists onMount gt getList then function response lists response documents function error console log error addToList function lt script gt lt div class w mx auto max w xl flex flex col lg w select none min h screen gt lt p img input element gt lt ul class flex p flex wrap gap mt gt if lists length lt p class m auto mt gt No data in the database lt p gt else each lists as list list id lt li class md text xl lg text xl bg slate p rounded lg grow text center shadow hover bg orange cursor pointer gt lt ItemList list gt lt li gt each if lt ul gt lt Footer element gt lt div gt In the code snippet above the following occurs Import the onMount lifecycle function as well as the getList functionDeclare an empty array with the variable listsThe onMount function is called immediately when a component is first rendered and inserted into the DOMSince it is an asynchronous task the then method returns a promiseIn the lt ul gt element loop through the lists array using the each expressionPass the props list in the ItemList componentView the entire code for the page svelte file in this gist Over in the ItemList component update the file src lib ItemList svelte lt script gt import deleteList from utils function handleDeleteListItem deleteList list databaseId list collectionId list id then function response console log list item successfully deleted window location reload function error console log error lt script gt lt button type button on click handleDeleteListItem gt list item lt button gt In this scenario the code above does this Import the deleteList function The handleDeleteListItem function will delete an item from the list array on click of a buttonThe page reloads when the action occurs with the reload methodBefore now in the button element the text was not dynamic replaced with the passed props Wrapping it upBuilding a list app using the powerful combination of Svelte and Appwrite brings together the best in frontend development and backend services In conclusion the connection between Svelte and Appwrite enables developers to build web applications efficiently with enhanced performance and robust backend functionality Try using Appwrite Cloud today and you will keep coming back for more just like this demonstration list app ResourcesUsing Environment Variables With SvelteKitAppwrite s Databases APIsSvelte Store writable function |
2023-08-03 08:01:26 |
| 医療系 |
医療介護 CBnews |
物価高騰への診療報酬による対応を要望、日医-来年度の予算要求にらみ |
https://www.cbnews.jp/news/entry/20230803171600
|
加藤勝信 |
2023-08-03 17:45:00 |
| ニュース |
BBC News - Home |
World Scout Jamboree: Scores hit by heat exhaustion in S Korea |
https://www.bbc.co.uk/news/world-asia-66392355?at_medium=RSS&at_campaign=KARANGA
|
august |
2023-08-03 08:15:34 |
| ニュース |
BBC News - Home |
Net zero sceptics warm to Rishi Sunak's climate shift |
https://www.bbc.co.uk/news/uk-politics-66388718?at_medium=RSS&at_campaign=KARANGA
|
target |
2023-08-03 08:28:51 |
| ニュース |
BBC News - Home |
Travis King: North Korea confirms custody of US soldier |
https://www.bbc.co.uk/news/world-asia-66391573?at_medium=RSS&at_campaign=KARANGA
|
confirms |
2023-08-03 08:40:13 |
| ニュース |
BBC News - Home |
Netball World Cup 2023: England secure historic win over Australia |
https://www.bbc.co.uk/sport/av/netball/66335366?at_medium=RSS&at_campaign=KARANGA
|
world |
2023-08-03 08:53:13 |
| マーケティング |
MarkeZine |
楽天、OpenAIと協業で基本合意 対話型AI技術を活用した新たなサービス開発を目指す |
http://markezine.jp/article/detail/42983
|
openai |
2023-08-03 17:15:00 |
| Azure |
Azure の更新情報 |
Private Preview – DR for Shared Disks – Azure Site Recovery |
https://azure.microsoft.com/ja-jp/updates/private-preview-dr-for-shared-disks-azure-site-recovery/
|
Private Preview DR for Shared Disks Azure Site RecoveryNow you can protect monitor and recover your WSFC clusters as a single unit across its DR Lifecycle while also generating cluster consistent recovery points which are consistent across all the disks including the Shared Disk of the cluster |
2023-08-03 08:00:45 |
| IT |
週刊アスキー |
最大100連無料！『鋼の錬金術師 MOBILE』1周年特別キャンペーンを開催 |
https://weekly.ascii.jp/elem/000/004/148/4148313/
|
mobile |
2023-08-03 17:15:00 |
| IT |
週刊アスキー |
PayPayフリマ、生成AIで商品説明文を自動作成する新機能 |
https://weekly.ascii.jp/elem/000/004/148/4148272/
|
paypay |
2023-08-03 17:15:00 |
| IT |
週刊アスキー |
リンクス、AMD Ryzen 5 6600Hを搭載し50度の環境で動作するミニPC |
https://weekly.ascii.jp/elem/000/004/148/4148292/
|
amdryzen |
2023-08-03 17:45:00 |
| IT |
週刊アスキー |
リンクスインターナショナル、第12世代インテルCore搭載のミニPC「Maxtang MTN-AL50」の受注受付開始 |
https://weekly.ascii.jp/elem/000/004/148/4148310/
|
maxtangmtnal |
2023-08-03 17:45:00 |
| IT |
週刊アスキー |
栄養素をおいしく手軽に補える健康飲料「和ノチカラ 旬搾りゆず炭酸水」 |
https://weekly.ascii.jp/elem/000/004/148/4148286/
|
飲料 |
2023-08-03 17:30:00 |
| IT |
週刊アスキー |
家事代行サービス「CaSy」、インボイス制度導入を受けて10月1日より価格を改定 |
https://weekly.ascii.jp/elem/000/004/148/4148309/
|
家事代行 |
2023-08-03 17:30:00 |
| IT |
週刊アスキー |
駐車場検索・駐車料金キャッシュレス決済アプリ「SmooPA」、会員プログラムを開始 |
https://weekly.ascii.jp/elem/000/004/148/4148294/
|
smoopa |
2023-08-03 17:15:00 |
コメント
コメントを投稿