TECH |
Techable(テッカブル) |
データサイエンスを“仲間”と学ぶ。初学者でもPythonをオンラインで学べるTomoCode |
https://techable.jp/archives/189240
|
passionategenius |
2023-01-09 08:00:13 |
AWS |
lambdaタグが付けられた新着投稿 - Qiita |
【AWS】動的Webサイト構築の備忘録 |
https://qiita.com/grapefruit_0514/items/f864b669d54ec8097d04
|
構築 |
2023-01-09 17:22:29 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
pythonコードを暗号化(難読化)【pyarmor】 |
https://qiita.com/momiji777/items/b97b5a057053352fa72a
|
pyarmor |
2023-01-09 17:45:13 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
【AWS】動的Webサイト構築の備忘録 |
https://qiita.com/grapefruit_0514/items/f864b669d54ec8097d04
|
構築 |
2023-01-09 17:22:29 |
js |
JavaScriptタグが付けられた新着投稿 - Qiita |
脳死でaxiosを使うのを卒業して、fetch APIを使ってみた |
https://qiita.com/yonai_shun/items/93efa410430ac5fba165
|
axios |
2023-01-09 17:47:15 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
【AWS】動的Webサイト構築の備忘録 |
https://qiita.com/grapefruit_0514/items/f864b669d54ec8097d04
|
構築 |
2023-01-09 17:22:29 |
Docker |
dockerタグが付けられた新着投稿 - Qiita |
【Rails,Docker】Zeitwerk::NameError: expected file |
https://qiita.com/Co-0/items/df73b14cc2e7ff9c1998
|
docker |
2023-01-09 17:21:33 |
Ruby |
Railsタグが付けられた新着投稿 - Qiita |
【Rails,Docker】Zeitwerk::NameError: expected file |
https://qiita.com/Co-0/items/df73b14cc2e7ff9c1998
|
docker |
2023-01-09 17:21:33 |
技術ブログ |
Developers.IO |
Rclone を使って Azure Blob Storage から Amazon S3 へオブジェクトを同期する |
https://dev.classmethod.jp/articles/azure-blob-storage-to-amazon-s3-sync-rclone/
|
azure |
2023-01-09 08:39:02 |
海外TECH |
DEV Community |
Laravel + Vue 3 (Vite, TypeScript) SPA Setup |
https://dev.to/brojenuel/laravel-vue-3-vite-typescript-spa-setup-32l9
|
Laravel Vue Vite TypeScript SPA SetupIn this tutorial I am going to show you how you can setup your own single page application using Laravel Vue using typescript and Vite This is a manual way to add PWA on your laravel projects We will not use InertiaJS or others like it and we will not use the mix We are manually going to implement our own VueJS frontend STEP Lets create our Laravel Projectcomposer create project laravel laravel laravel vue manual STEP Setup FrontEndInside our laravel project let us run a command using yarn and choose vue and typescript yarn create vite Set the Project name to FrontEndAppChoose VueChoose TypeScriptThen Go to our FrontEndApp directory and run yarn or yarn install to install dependencies Configure ViteLets configure our vite config in FrontEndApp vite config tsimport defineConfig from vite import vue from vitejs plugin vue export default mode gt check if development const isDevelopment mode development return defineConfig server port build the built files will be added here outDir public app also going to change base base on mode base isDevelopment app plugins vue And then lets change the build script in FrontEndApp package json so that every time we build it will replace the files in public app scripts dev vite build vue tsc noEmit amp amp vite build emptyOutDir preview vite preview Now if we run yarn build in FrontEndApp it should create a folder called app inside public folder in the root directory of our laravel project STEP Setup Laravel RouteLet us setup our laravel route so that we can access that file we just created lets edit this file routes web php lt phpuse Illuminate Support Facades Route Route get function return view welcome Route get app any function path public path app index html abort unless file exists path Page is not Found return file get contents path gt name FrontEndApp So now if we open app in our browser we can now see that our app is up STEP Setup ScriptsWe are going to add a dev package in our root project directory and its called concurrently We use this to run or more commands at once to install yarn add D concurrentlyNext for me I really like to work automatically so I don t want to rebuild every time I m working with frontednapp so what we will going to do is to add a new script in our package json in root directory of our project scripts front serve cd FrontEndApp amp amp yarn dev front build cd FrontEndApp amp amp yarn build serve concurrently php artisan serve port yarn front serve deploy yarn setup amp amp yarn front build amp amp php artisan migrate With this running yarn serve will run both and localhost You can now work with both project Once your done working on your FrontEndApp you can run yarn deploy to build our frontend ConclusionI believe this is also one way you can add pwa on your laravel project so you can keep them in a single project With that in mind you can add routes in your FrontEndApp project and also able to add state manager like PiniaJA and more I hope you learn something in this article Follow Me For Stuff Source Code is Here Buy me coffee Thanks |
2023-01-09 08:39:47 |
海外TECH |
DEV Community |
Share private code using Share code snippets |
https://dev.to/goonlinetools/share-private-code-using-share-code-snippets-44o7
|
Share private code using Share code snippetsHi I am back with a new update for GoOnlineTools After years the share code snippets tool has improved a lot Now you can create private code snippets We ve also added support for new code languages Here s how to create private code snippets Type or paste your code and then change the visibility to private Enter a four digit pin to protect your code snippets Click the Share Code button and copy the published URL To view protected code snippets Open the published URL for example carofspfbsqkadneiEnter the four digit pin eg that you set while sharing and then click the Unlock button When you enter the correct pin you will be able to see your code snippets |
2023-01-09 08:08:29 |
海外TECH |
CodeProject Latest Articles |
Enhanced C# IHostBuilder/IHost and Dependency Injection Resolver Libraries |
https://www.codeproject.com/Articles/5350789/Enhanced-Csharp-IHostBuilder-IHost-and-Dependency
|
Enhanced C IHostBuilder IHost and Dependency Injection Resolver LibrariesAn Autofac based chained declarative approach to creating an IHostBuilder IHost and a generalized dependency injection resolver |
2023-01-09 08:38:00 |
海外科学 |
BBC News - Science & Environment |
Spaceport Cornwall: From pasty memes to rocket launch |
https://www.bbc.co.uk/news/uk-england-cornwall-63822245?at_medium=RSS&at_campaign=KARANGA
|
cornwall |
2023-01-09 08:04:33 |
ニュース |
BBC News - Home |
Prince Harry attacks lack of royal defence for Meghan after Jeremy Clarkson column |
https://www.bbc.co.uk/news/uk-64205474?at_medium=RSS&at_campaign=KARANGA
|
recent |
2023-01-09 08:01:30 |
ニュース |
BBC News - Home |
21st Century Folk: GP who nearly died from Covid becomes folk song hero |
https://www.bbc.co.uk/news/entertainment-arts-64174147?at_medium=RSS&at_campaign=KARANGA
|
modern |
2023-01-09 08:26:00 |
ニュース |
BBC News - Home |
Adelaide International 2: Briton Jack Draper through but Dan Evans knocked out |
https://www.bbc.co.uk/sport/tennis/64207960?at_medium=RSS&at_campaign=KARANGA
|
evans |
2023-01-09 08:15:01 |
北海道 |
北海道新聞 |
カーリング道新杯全道高校選手権 十勝JCCが優勝 |
https://www.hokkaido-np.co.jp/article/785027/
|
北海道新聞社 |
2023-01-09 17:39:00 |
北海道 |
北海道新聞 |
道議選十勝管内 元音更町議が出馬表明 |
https://www.hokkaido-np.co.jp/article/785026/
|
出馬表明 |
2023-01-09 17:37:00 |
北海道 |
北海道新聞 |
アイスホッケー全道小学生選手権 苫小牧・ブルーサンダーズ優勝 |
https://www.hokkaido-np.co.jp/article/785025/
|
選手権 |
2023-01-09 17:35:00 |
北海道 |
北海道新聞 |
中国、北朝鮮との車両輸送を準備 不定期通行は再開 |
https://www.hokkaido-np.co.jp/article/784992/
|
新型コロナウイルス |
2023-01-09 17:19:23 |
北海道 |
北海道新聞 |
フィギュアスケート全道中学大会 苫青翔・岩本愛子が2連覇 |
https://www.hokkaido-np.co.jp/article/785024/
|
連覇 |
2023-01-09 17:32:00 |
北海道 |
北海道新聞 |
マニラ地下鉄、掘削開始 マルコス大統領、日本支援に謝意 |
https://www.hokkaido-np.co.jp/article/785020/
|
首都 |
2023-01-09 17:11:00 |
北海道 |
北海道新聞 |
川崎、王座奪還へ始動 鬼木監督「最強の挑戦者」 |
https://www.hokkaido-np.co.jp/article/785019/
|
川崎市内 |
2023-01-09 17:07:00 |
北海道 |
北海道新聞 |
無免許運転容疑で誤認逮捕 静岡県警、照会ミス |
https://www.hokkaido-np.co.jp/article/785000/
|
無免許運転 |
2023-01-09 17:06:06 |
コメント
コメントを投稿