投稿時間:2021-12-16 01:43:31 RSSフィード2021-12-16 01:00 分まとめ(56件)

カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日
python Pythonタグが付けられた新着投稿 - Qiita DockerでDjango・React環境を構築する https://qiita.com/shiranon/items/b3efd3ed7ce473c6ad83 serverrootpythondjangoreactdockercomposeupエラーなく起動できればOKアクセスして確認してみる。 2021-12-16 00:40:10
python Pythonタグが付けられた新着投稿 - Qiita iPadをWebex Deviceのリモコンにしてみた https://qiita.com/kunqi/items/090d1c59b9444832ea55 WebexDeviceDeskProで動作確認RoomOSxAPIsPythonPythonModuleFlaskCiscoが作成したPythonのxAPIのライブラリXoWS実現する機能今回のリモコンではなるべくシンプルにするために以下のつの機能だけを実装しています。 2021-12-16 00:16:24
js JavaScriptタグが付けられた新着投稿 - Qiita javascriptでRPG#2 https://qiita.com/rurukun82/items/435f11586fb047090b4f そしたら、次はマップを作っていきましょう。 2021-12-16 00:35:16
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) PDOを使ってRSSをDBに保存したいがエラーが出て原因がわからない https://teratail.com/questions/374034?rss=all 2021-12-16 00:58:47
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) IndexError: list index out of rangeがわかりません https://teratail.com/questions/374033?rss=all 2021-12-16 00:53:30
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) 性質の違うリスト(配列?)の要素をそれぞれ比較したい。 https://teratail.com/questions/374032?rss=all 異なる二つの出し方で出したリスト配列の中身を比較するために同一の基準に揃えたいです。 2021-12-16 00:48:19
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) 条件でUserをグループに所属させたい https://teratail.com/questions/374031?rss=all 条件でUserをグループに所属させたい皆様のお力添えをいただけないでしょうか現在、ダイエットのためのレコーディングを行えるサイトを作成しています。 2021-12-16 00:43:45
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) 一般的なゲームのようにマウス感度を実装したいです https://teratail.com/questions/374030?rss=all 一般的なゲームのようにマウス感度を実装したいです【初心者】将来マウス感度をUIにて後から変更できるようにしたいです。 2021-12-16 00:38:28
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) 一人称視点のfpsゲームで自分の打った弾が視界から外れたら画面に見えなくなるようにしたい https://teratail.com/questions/374029?rss=all 一人称視点のfpsゲームで自分の打った弾が視界から外れたら画面に見えなくなるようにしたい現状、常に視界の中心に打った弾が移るので視界をずらしたら横にずれて視界から消えたら画面から消えるようにしたいです。 2021-12-16 00:37:20
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) C言語 sscanf 読み飛ばしを行いたい https://teratail.com/questions/374028?rss=all C言語sscanf読み飛ばしを行いたい前提・実現したいこと以下のコードで正常に動作はするのですがdamiを使いたくないです。 2021-12-16 00:24:41
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) クラスの継承をしたい https://teratail.com/questions/374027?rss=all クラスの継承をしたい前提・実現したいことクラスを継承しようと思ったのですが、なぜか下記のようなエラーが出てしまいました。 2021-12-16 00:22:05
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) パケットトレーサーにてVLANを一括で登録したい。 https://teratail.com/questions/374026?rss=all パケットトレーサーにてVLANを一括で登録したい。 2021-12-16 00:21:35
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) react-chart-2のy軸の表示域を調節したい https://teratail.com/questions/374025?rss=all reactchart 2021-12-16 00:20:24
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) パケットトレーサーにてVLAN一括で登録したい。 https://teratail.com/questions/374024?rss=all パケットトレーサーにてVLAN一括で登録したい。 2021-12-16 00:18:19
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) ポインタ構造体の中の数の出力 https://teratail.com/questions/374023?rss=all ポインタ構造体の中の数の出力前提・実現したいことプログラミング初心者です。 2021-12-16 00:11:44
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) ボタンを押してカメラを起動し、QRコードを読み込み結果を表示する。 https://teratail.com/questions/374022?rss=all ボタンを押してカメラを起動し、QRコードを読み込み結果を表示する。 2021-12-16 00:03:07
Program [全てのタグ]の新着質問一覧|teratail(テラテイル) railsで中間テーブルのcreated_atを取得したい https://teratail.com/questions/374021?rss=all railsで中間テーブルのcreatedatを取得したい下記のようなUserとGroupのモデルがあり、n対nの関係のため中間テーブルであるGroupUserというモデルを作りました。 2021-12-16 00:01:14
AWS AWSタグが付けられた新着投稿 - Qiita コンテナ環境でのIMDSv2使用上の注意 https://qiita.com/masahata/items/fd00426f13185efde3ca コンテナ環境でのIMDSv使用上の注意ecのインスタンスメタデータを取得するのに使用する仕組みですが年くらい前にvが出ていて、セキュリティが強化されたらしいです以下IMDSvこのへんの具体的な話は記事もたくさんあるので今回は特に触れませんが、これが引き起こすちょっとした問題について書きます問題が起きる環境ecに起動したコンテナで起きます現代社会においてはかなり当てはまるかと思います起きる問題metadata取得に失敗します上記のドキュメントにある通り、IMDSvはまずtokenを取得して、そのtokenを使用してmetadataを取得しますecの設定がデフォルトの場合、そのtoken取得に失敗しますどういうことなのかIMDSvのPUTリクエストにはホップ制限がかけられており、デフォルトでこの値はになっていますそこでこちらのドキュメントに注意事項として書いてありますがコンテナ環境では、ホップ制限がの場合、コンテナへの到達は余分なネットワークホップと見なされるため、IMDSv応答は返されません。 2021-12-16 00:49:36
AWS AWSタグが付けられた新着投稿 - Qiita GCPの良さって何? ~Google Cloud Platformの主要サービスと他サービスとの比較~ https://qiita.com/Ryo2021/items/ed78c300bf4be78ddd23 一般的な機械学習の仕組みとGCPの役割TensorFlowCloudMLEngineまとめTensorFlowは機械学習モデル構築のための強力なライブラリだが動かすには大容量データと高性能なマシンが必須CloudMLEngineはデータを保存しライブラリを動かすための環境をフルマネージドGCPに環境管理をすべてお任せで提供する分析者は性能を気にせず分析に専念し、使った分だけ料金を払えばよい他にも多くの機械学習用サービスがあり他のクラウドサービスにはない独自性を誇っている他サービスとの比較クラウド強み弱みGCP・Googleのサービスで培った経験が蓄積されている・ビッグデータ処理サービスが非常に強力・管理画面がGUI化されサービスもパッケージ化されているので使いやすい・いくつかのサービスでプログラミング言語のサポートが弱い・Oracleなどのライセンス商品が少ない既存サービス移行が難しい・サービス独自の制約が多い、パッケージ化されていて逆に使いにくいAWS・シェアNoで導入実績が豊富一番大事・日本語でも文献が多く言語的な不便さがない・細かい設定変更やシンプルな動作が売りで一番エンジニア目線である・費用面で他のクラウドが有利他社は後発のため値段を下げてくる・BigQueryのような目玉となるサービスがあまりない・サービスがパッケージ化されていないので割と専門知識が必要Azure・OfficeソフトやADなどMSのソフトウェアとの親和性が高い・オンプレミスサーバとの連携・移行がしやすい・金融業界や電力業界など特定の業界に強い・VMの選択肢が少ない、起動も遅い・コミュニティが活発ではないのでエラーの調査などで苦戦する・障害が多い経験談マルチクラウド・各社のサービスのいいとこどりが可能・自社独自のカスタマイズができる・サービスを越えて冗長化すれば耐障害性が上がる・複数のクラウドに精通した高度な社内人材が必要・アーキテクチャが複雑化する傾向にある・障害調査が困難になる最後に今回はGCPの主要サービスを紹介いたしました。 2021-12-16 00:36:07
Docker dockerタグが付けられた新着投稿 - Qiita DockerでDjango・React環境を構築する https://qiita.com/shiranon/items/b3efd3ed7ce473c6ad83 serverrootpythondjangoreactdockercomposeupエラーなく起動できればOKアクセスして確認してみる。 2021-12-16 00:40:10
GCP gcpタグが付けられた新着投稿 - Qiita GCPの良さって何? ~Google Cloud Platformの主要サービスと他サービスとの比較~ https://qiita.com/Ryo2021/items/ed78c300bf4be78ddd23 一般的な機械学習の仕組みとGCPの役割TensorFlowCloudMLEngineまとめTensorFlowは機械学習モデル構築のための強力なライブラリだが動かすには大容量データと高性能なマシンが必須CloudMLEngineはデータを保存しライブラリを動かすための環境をフルマネージドGCPに環境管理をすべてお任せで提供する分析者は性能を気にせず分析に専念し、使った分だけ料金を払えばよい他にも多くの機械学習用サービスがあり他のクラウドサービスにはない独自性を誇っている他サービスとの比較クラウド強み弱みGCP・Googleのサービスで培った経験が蓄積されている・ビッグデータ処理サービスが非常に強力・管理画面がGUI化されサービスもパッケージ化されているので使いやすい・いくつかのサービスでプログラミング言語のサポートが弱い・Oracleなどのライセンス商品が少ない既存サービス移行が難しい・サービス独自の制約が多い、パッケージ化されていて逆に使いにくいAWS・シェアNoで導入実績が豊富一番大事・日本語でも文献が多く言語的な不便さがない・細かい設定変更やシンプルな動作が売りで一番エンジニア目線である・費用面で他のクラウドが有利他社は後発のため値段を下げてくる・BigQueryのような目玉となるサービスがあまりない・サービスがパッケージ化されていないので割と専門知識が必要Azure・OfficeソフトやADなどMSのソフトウェアとの親和性が高い・オンプレミスサーバとの連携・移行がしやすい・金融業界や電力業界など特定の業界に強い・VMの選択肢が少ない、起動も遅い・コミュニティが活発ではないのでエラーの調査などで苦戦する・障害が多い経験談マルチクラウド・各社のサービスのいいとこどりが可能・自社独自のカスタマイズができる・サービスを越えて冗長化すれば耐障害性が上がる・複数のクラウドに精通した高度な社内人材が必要・アーキテクチャが複雑化する傾向にある・障害調査が困難になる最後に今回はGCPの主要サービスを紹介いたしました。 2021-12-16 00:36:07
Azure Azureタグが付けられた新着投稿 - Qiita GCPの良さって何? ~Google Cloud Platformの主要サービスと他サービスとの比較~ https://qiita.com/Ryo2021/items/ed78c300bf4be78ddd23 一般的な機械学習の仕組みとGCPの役割TensorFlowCloudMLEngineまとめTensorFlowは機械学習モデル構築のための強力なライブラリだが動かすには大容量データと高性能なマシンが必須CloudMLEngineはデータを保存しライブラリを動かすための環境をフルマネージドGCPに環境管理をすべてお任せで提供する分析者は性能を気にせず分析に専念し、使った分だけ料金を払えばよい他にも多くの機械学習用サービスがあり他のクラウドサービスにはない独自性を誇っている他サービスとの比較クラウド強み弱みGCP・Googleのサービスで培った経験が蓄積されている・ビッグデータ処理サービスが非常に強力・管理画面がGUI化されサービスもパッケージ化されているので使いやすい・いくつかのサービスでプログラミング言語のサポートが弱い・Oracleなどのライセンス商品が少ない既存サービス移行が難しい・サービス独自の制約が多い、パッケージ化されていて逆に使いにくいAWS・シェアNoで導入実績が豊富一番大事・日本語でも文献が多く言語的な不便さがない・細かい設定変更やシンプルな動作が売りで一番エンジニア目線である・費用面で他のクラウドが有利他社は後発のため値段を下げてくる・BigQueryのような目玉となるサービスがあまりない・サービスがパッケージ化されていないので割と専門知識が必要Azure・OfficeソフトやADなどMSのソフトウェアとの親和性が高い・オンプレミスサーバとの連携・移行がしやすい・金融業界や電力業界など特定の業界に強い・VMの選択肢が少ない、起動も遅い・コミュニティが活発ではないのでエラーの調査などで苦戦する・障害が多い経験談マルチクラウド・各社のサービスのいいとこどりが可能・自社独自のカスタマイズができる・サービスを越えて冗長化すれば耐障害性が上がる・複数のクラウドに精通した高度な社内人材が必要・アーキテクチャが複雑化する傾向にある・障害調査が困難になる最後に今回はGCPの主要サービスを紹介いたしました。 2021-12-16 00:36:07
Ruby Railsタグが付けられた新着投稿 - Qiita RailsのMVC以外(Service, Form, Decoratorなど)について考えるための読み物まとめ https://qiita.com/yokoto/items/cd45e7b1d8b11bb9c29a RailsのMVC以外ServiceFormDecoratorなどについて考えるための読み物まとめ原典PatternstoRefactorFatActiveRecordModelsActiveRecordパターンやMVCアーキテクチャではうまく表現できないロジックに対する解法を示し、議論の先駆けとなった記事の模様※要出典。 2021-12-16 00:35:01
技術ブログ Developers.IO Kinesis Data Streamsのイベントを処理する Lambda Functionを作成してみた。 https://dev.classmethod.jp/articles/kinesis-data-streams-events-lambda-function/ amazonkinesisdatastreams 2021-12-15 15:56:02
技術ブログ Developers.IO [Mackerel] ディスク単位で異なる監視閾値を設定してみた https://dev.classmethod.jp/articles/mackerel-disk-unit-monitoring/ mackerel 2021-12-15 15:49:47
技術ブログ Developers.IO Snowflakeで日付と時刻の関数を試してみた~構築・抽出編~ #SnowflakeDB https://dev.classmethod.jp/articles/snowflake-functions-date-time-construction-extraction/ adventcalendar 2021-12-15 15:30:18
海外TECH MakeUseOf The 6 Best Command Line Tools to Monitor Linux Performance in the Terminal https://www.makeuseof.com/best-cli-tools-to-monitor-linux-performance-terminal/ The Best Command Line Tools to Monitor Linux Performance in the TerminalWant to track and debug Linux System resources storage and network related problems Get started with the best Linux performance monitoring tools 2021-12-15 15:46:12
海外TECH MakeUseOf How to Create and Manage a FaceTime Meeting Link on Your Mac https://www.makeuseof.com/how-to-create-facetime-meeting-link-mac/ facetime 2021-12-15 15:30:12
海外TECH MakeUseOf How Apple's "Tracker Detect" Android App Protects You From AirTags Stalkers https://www.makeuseof.com/tracker-detect-android-app-airtags-stalkers/ How Apple x s amp quot Tracker Detect amp quot Android App Protects You From AirTags StalkersGood news for Android users Apple s released an app to help protect you from stalkers that use AirTags and other devices Here s what it can do 2021-12-15 15:24:32
海外TECH DEV Community Github Copilot offends developers with this joke https://dev.to/virejdasani/github-copilot-offends-developers-with-this-joke-4p78 developers 2021-12-15 15:41:18
海外TECH DEV Community Scrape Your First Website in Minutes with Python https://dev.to/sewangco/scrape-your-first-website-in-minutes-with-python-2lo7 Scrape Your First Website in Minutes with PythonEver felt the need to pull out data from a website What would you do Visit the sites one after the other and gather information Well that would work if you have a page or two However if you have lots of them manual extraction will become too difficult a task this is where web scraping comes to the rescue What is web scraping Web scraping as the name suggests is a method of extracting data from web pages in an automated fashion Scraping is super helpful in price comparisons R amp D gathering data from social media job listings and more Many methods can be used to perform web scraping such as online services APIs or even writing your own script And that s why we are here This article will teach you the basics of how to scrape data from the web Before we get into that let s take a quick look at why we would even want to scrape data from the web Why do we need web scraping Websites in general have huge quantities of information This information is mostly unstructured or cluttered When users visit a website they only need a small percentage of what s available While they can manually access it the process is quite cumbersome especially when repetition is involved given that the data is dynamic and updated frequently Hence the need for web scraping Once the script is set up for a particular webpage it can be executed any number of times to extract data and use it as required Let s get started Web scraping demoThis script will extract weather data from a webpage and save it to a csv file We will be using the following libraries to help us with the scraping and managing the extracted data Requests This library is required to send an HTTP request to the web page This will give us access to the HTML content of the webpage we want to scrape Beautiful Soup This library gives us functions to help extract data from the HTML content we receive when we send an HTTP request Pandas This library helps us manage the data that has been extracted In this case we will use it to save our data to a csv file In case you don t have the aforementioned libraries installed follow the commands given below to install them Installing BeautifulSouppip install beautifulsoupInstalling requestspip install requestsInstalling Pandaspip install pandas Writing the CodeOnce you have the libraries installed follow the steps given below to scrape data from web in pythonStart by importing all the libraries Send an HTTP request to the webpage using its URL Make sure the response code is which means the request was successful Use the BeautifulSoup function to extract the raw HTML from the response received From the raw HTML extract the data we need using different selectors The selectors used here are class and id Save the extracted data into a pandas dataframe in the form of a python dictionary Save the dataframe to a csv file Note We are using the utf BE encoding to render the degree symbol properly in the csv file Once you have your code ready you can deploy it directly to the cloud using Codesphere Codesphere let s you avoid the hassle of config so that you can spend more time doing what you do best Actually coding Let us know what you re going to scrape down below Till then happy coding 2021-12-15 15:33:02
海外TECH DEV Community Setting up TailwindCSS 3.0 on a Laravel project https://dev.to/sourcegraph/setting-up-tailwindcss-30-on-a-laravel-project-1cb8 Setting up TailwindCSS on a Laravel projectIn the first part of our series we saw how to bootstrap a new Laravel application with Sail and Docker This allows you to develop a Laravel application without having to set up a PHP development environment on your system With the base application up and running the second part of our livestreaming series was focused on setting up a basic blog layout using TailwindCSS In this post you ll see a recap with all steps executed during the live session so that you can reproduce them at your own pace PreparationBefore moving along make sure you have followed all steps in the first tutorial of the series in order to bootstrap your Laravel application and development environment This will require you to have Docker Curl and Git installed on your system If you haven t yet bring your environment up with vendor bin sail up dThis command will start up your environment and keep it running in the background Your Laravel application should now be available at http localhost Open this URL on your browser and you ll see a page like this For convenience you may want to create an alias to execute Sail from the application s root directory ln s vendor bin sail sailchmod x sailNow you can run Sail like this sail artisanThis command will run Artisan on the application container Installing and configuring TailwindCSS with LaravelStart by installing the frontend dependencies via NPM The npm command is available as a shortcut with Laravel Sail sail npm installNext install TailwindCSS with sail npm install D tailwindcss postcss autoprefixerThen run the following command to generate your Tailwind configuration file sail npx tailwindcss initNow you ll need to tell Laravel that you want to compile Tailwind resources using Laravel Mix Open the webpack mix js file located at the root of your application and include tailwindcss as a postCss plugin This is how your mix js definition should look like when you re finished webpack mix jsmix js resources js app js public js postCss resources css app css public css require tailwindcss Next you should update your tailwind config js file to include the paths to all your template resources The following example will include all blade templates and JS files in your resources folder tailwind config jsmodule exports content resources blade php resources js theme extend plugins The next step is to import all tailwindcss component layers into your application s CSS Open the resources css app css file and include the following content resources css app css tailwind base tailwind components tailwind utilities The configuration is done You can now run the command that will watch for changes in your frontend resources and build assets in real time while you develop your application sail npm run watchThis command will block your terminal You can stop it at any time with CTRL C Creating a basic blog templateNow that your setup is complete you can start building the frontend of your application For this demo we re building a basic blog template with a main column and a sidebar on the right A good idea to get started is to search for a basic HTML boilerplate code template and build from there After some experimentation we built the following template during the livestreaming session Save this content to a file named index blade php in your resources views folder resources views index blade php lt doctype html gt lt html lang en gt lt head gt lt meta charset utf gt lt meta name viewport content width device width initial scale gt lt title gt My DEV Blog lt title gt lt meta name description content My DEV Blog gt lt meta name author content Sourcegraph gt lt meta property og title content A headless blog in Laravel gt lt meta property og type content website gt lt meta property og url content gt lt meta property og description content A demo Laravel blog gt lt link href asset css app css rel stylesheet gt lt head gt lt body class bg gradient to r from blue via pink to purple gt lt div class container text white mx auto mt gt lt div class grid grid cols gap gt lt div gt lt h class text xl gt My DEV Blog lt h gt lt div gt lt div class col span text right gt menu lt div gt lt div gt lt div gt lt div class container mx auto px py bg gray my text gray rounded md shadow md gt lt div class grid grid cols gap gt lt div class col span gt lt div class mb gt lt img src alt Post header image class rounded lg my gt lt h class text xl gt This is the title of my first post lt h gt lt p gt This is the description bnablab alba lbal ablabla blab al lt p gt lt div gt lt div class my gt lt img src alt Post header image class rounded lg my gt lt h class text xl gt This is the title of my second post lt h gt lt p gt This is the description bnablab alba lbal ablabla blab al lt p gt lt div gt lt div gt lt div gt lt h class text gray text xl gt Categories lt h gt lt ul gt lt li gt lt a href gt Linux lt a gt lt li gt lt li gt lt a href gt PHP lt a gt lt li gt lt li gt lt a href gt Development lt a gt lt li gt lt li gt lt a href gt Devops lt a gt lt li gt lt li gt lt a href gt Career lt a gt lt li gt lt ul gt lt div gt lt div gt lt div gt lt body gt lt html gt As you can see from the code apart from the asset call the rest is purely HTML and CSS styled with TailwindCSS descriptive classes After saving the template open your routes web php file and update your main route definition so that it renders your new template instead of the default Laravel welcome page This is how the file should look like once you re done routes web phpRoute get function return view index Save the file If you reload your browser now you should see a page like this In a later part of this series we ll turn this skeleton into an actual dynamic template using more advanced Blade features ConclusionInstalling TailwindCSS within a Laravel project requires a few configuration steps but once you get the build command running you can greatly speed up your frontend development process by making use of the advanced features of Tailwind including just in time processing for super fast build times as well as many other features included in the newest version In the next part of this series we ll move to the backend and create an Artisan command to import posts from a DEV user profile You can follow Sourcegraph on Twitch to be notified when we go live 2021-12-15 15:31:43
海外TECH DEV Community Types of CSS Selectors https://dev.to/elinabey/types-of-css-selectors-1007 Types of CSS SelectorsTypes of CSS Selectors are utilized to pick the substance that we need to style It helps in separating components dependent on their group id type and so forth A CSS Selector is a segment of the CSS Ruleset In our last tutorial we discussed Introduction to CSS Controls Types of CSS Selectors CSS Attribute Selector CSS Class Selector CSS Id Selector CSS Universal Selector CSS Attribute Selector The CSS Attribute selector styles content as indicated by the trait and the quality worth referenced in the square sections This CSS code would be a counterpart for the accompanying HTML component lt input type text gt lt style gt input type text background color width px lt style gt Moreover if the estimation of the quality type changes the Attribute selector would not coordinate it CSS Class Selector he CSS Class selector is one of the most supportive selectors of the considerable number of selectors It is proclaimed by utilizing a spot followed by the name of the class lt div class soft gt lt div gt lt style gt soft margin px width px lt style gt CSS Id Selector CSS ID selector encourages the engineer to coordinate the ID made by the designer to its styling content ID Selector is utilized with the assistance of the hash sign before the ID name proclaimed by the engineer lt div id soft gt lt div gt lt style gt soft margin px width px lt style gt CSS Universal Selector In a HTML page the substance relies upon HTML labels A couple of labels characterizes a particular website page component lt style gt color black font size px lt style gt This post originally published at Types of CSS Selectors If you want to read in detail visit their I am going to learn and share good content that can help others If you have any questions please discuss below Thank you 2021-12-15 15:18:20
海外TECH DEV Community Building an AWS Integration for Salesforce Image Handling https://dev.to/salesforcedevs/building-an-aws-integration-for-salesforce-image-handling-f74 Building an AWS Integration for Salesforce Image Handling IntroductionIn this article we ll look at a solution that not only offloads your Salesforce image storage to Amazon Web Services AWS but also resizes and renders those images on demand By offloading image storage to other solutions your organization can free up Salesforce storage capacity We ll build off an example use case from Salesforce Field Service but there are many other scenarios that can take advantage of these techniques Having both a Salesforce org with Field Service installed and an AWS account are prerequisites for this article Use caseFor our example we will look at a fictional property maintenance company Acme Maintenance Acme manages property safety inspections on behalf of its clients On site inspectors use Salesforce Field Service to record their findings on their visits As part of their site visits inspectors take a lot of photographs on their mobile devices and these are saved back to Salesforce Acme would like to use these images in the Service Reports that they provide to their clients Acme has discovered that with the number of site visits multiplied by the number of images per visit and the size of those images and on top of that they want to see reasonably sized thumbnails of those images in Salesforce and surface them on Service Reports they re reaching the initial default file storage limits on Salesforce While they could easily purchase more file storage within Salesforce their Salesforce architect has suggested that off platform storage may be more optimal To solve this we will look at interfacing with AWS for both image storage and image processing resizing cropping orientation and so on AWS ServicesFor our use case we will look at one of the AWS reference architectures the Serverless Image Handler and take advantage of AWS CloudFormation to deploy it In some ways you can liken CloudFormation to Salesforce metadataーa way to deploy your resources in a declarative script based manner The AWS documentation goes into greater detail but in summary we will leverage the following components Cloudfront load balancing the requests into the APIAPI Gateway publishing the external API for useLambda the serverless application that handles the image processingS storage of the original uploaded images and log filesSecrets Manager optional If you use the image URL signature feature then you can retrieve secrets for digital signing from here Rekognition if you require content moderation smart cropping facial recognition and so on AWS configurationBy using a CloudFront template we don t need to know a great deal about each of these AWS technologies we simply have to go through a few configuration steps Please note that in this example we will take default settings rather than enable advanced features It s recommended that you read through the implementation guide Create an S bucket for your imagesThe first task is creating an S bucket to store our original image files Choose a bucket name that is unique and lowercase and then pick the region that is geographically closest to you Check the box to “Block all public access Deploying the CloudFormation stackFrom the Serverless Image Handler main page click on Launch in the AWS Console to start deploying your own instance Before you start populating fields be sure to select your AWS region in the top right corner of the screen on the CloudFormation page Select the same region as your S bucket from the previous step The path to the CloudFormation template should be pre populated Click Next On the next screen we specify a name for our stack and provide the name of our S bucket Select “No for the “Demo UI and then click Next again On the “Configure stack options page accept the default and click Next one more time Finally on the review page click the Create Stack button As you refresh the page you ll see the progress of your stack build which can take a few minutes Then you ll see this As a final step we need to go to the Output tab of the build and copy the value of the ApiEndpoint parameter as we ll be using this in our Salesforce build Salesforce build Custom Objects and fieldsIn Salesforce we ll start by creating a new custom object called Work Order Attached Image which will hold the information for any image attachments that relate to a Work Order The key fields to note are Image RTF Original Image URL and Resized Image URL When asked whether to add a related list to the Work Order page layout be sure to select it Custom metadataNext we need to create a Custom Metadata type to store our configuration settings In Setup search for Custom Metadata and create a new type called AWS Settings with the custom fields shown below Once created click the Manage AWS Settings button and add the following three settings and save them For the image handler endpoint value use the ApiEndpointvalue from AWS CloudFormation Named credentialsOur next configuration item is for securely handling the access to AWS from Salesforce In Setup search for Named Credentials and create the following two credentials substituting in your own AWS URL region and access key secret from your AWS user Be sure the Name fields are as shown in the screenshots as this is used later in the code Remote site settingsIn order for the images from AWS to appear in our Service Reports we need to add the API endpoint as a trusted domain via Remote Site Settings Triggers and classesRevisiting our scenario image attachments from Field Service populate Salesforce as ContentDocument objects and associated supporting objects Their object model looks like this In order to capture newly attached images in the model we can simply add a new Apex trigger to the ContentDocumentLink object This will allow us to reference both the attachment and the object it is attached to ContentDocumentLinkTrigger and ContentDocumentLinkTriggerHandlerWe build a ContentDocumentLinkTrigger view code on GitHub that hands off processing to an Apex class for handling the trigger Our trigger handler ContentDocumentLinkTriggerHandler view code on GitHub takes the list of new ContentDocumentLinks and collates them into a Map keyed by the linked entity ID It then inspects them to see the type of the linked entity andーif it is a Work Orderーadds them to a Set for processing This processing consists of building further collections to map an entity to associated ContentDocument records before handing this data off to a Batch Apex class for processing asynchronously WorkOrderAttachmentBatchThe batch class for Work Order attachments WorkOrderAttachmentBatch view code on GitHub iterates through the supplied collections building up new WorkOrderAttachedImage records from the image filename and base URL of the AWS S bucket A call is made to the ImageRotationHandler class to get the crafted URL with which to call the Image API Then it constructs an RTF field with some simple HTML for rendering the resulting image Once the records have been created and saved the list of image attachments passes to another batch class for the upload process ImageRotationHandlerThe ImageRotationHandler view code on GitHub is a small class that handles the construction of a valid request to the Image API handler It constructs the required JSON structure from the parameters serializes it to a string encodes it as Base and then appends this to the URL of the image handler endpoint Formatting requests is included in the AWS template documentation under the Deployment section SUploadHandlerThe final batch class SUploadHandler view code on GitHub handles the uploading of the attached images to our S bucket via a simple REST API call Service ReportsNow that we have our images on S and our custom object populated with our links to the images we can now return to our Field Service use case In our Salesforce setup search for and click on Service Report Templates For demo purposes we ll create a new template On the template page select Work Order from the Related Templates dropdown list In the Body area of the template add a new List section element based on the Work Order Attached Image object as shown below Save the template and activate it We re now ready for testing Create a new Work Order in Salesforce and save it Then upload an image file in JPG or PNG format to the Files section Once the image has been uploaded refresh the page You should then see a new record in the Work Order Attached Images related list Clicking on the record should show a record similar to this with the S image displayed From the Work Order click the Create Service Report button It may be in the overflow menu dropdown Select the Service Report template we created earlier and click the Create PDF button A preview of the Service Report PDF should render complete with a thumbnail of your uploaded image in the appropriate section ConclusionIn this article we have successfully deployed a complete image handler solution to AWS using a reference implementation from the AWS Solutions Library We have implemented code with supporting objects and configuration in Salesforce to transfer uploaded image attachments to S and surface them within the platform and on Service Reports With this architecture we have the potential to reduce storage needs for image files within Salesforce Outside of Field Service there are many other use cases for reducing image storage needs Another popular scenario for example is for Salesforce powered web experiences in which users need to submit image files Next Steps and ResourcesHere are some ideas for taking this architecture further Implementing removal of the original Salesforce files once S has themCreating a custom Lightning Web Component to display the uploaded imagesExtending this implementation to support other file types such as PDF documentsHere are some useful links related to this implementation AWS Serverless Image HandlerThe Sharp Library which provides the image processing capability we use in AWS 2021-12-15 15:07:23
Apple AppleInsider - Frontpage News How to get a refund from the App Store on your iPhone, iPad, or iPod Touch https://appleinsider.com/articles/21/01/07/how-to-get-a-refund-from-the-app-store-on-your-iphone-ipad-or-ipod-touch?utm_medium=rss How to get a refund from the App Store on your iPhone iPad or iPod TouchWhether you accidentally purchased the wrong season of your favorite show or wound up buying an app that was a dud here s how to request a refund directly from Apple Everyone eventually winds up buying something they regret ーit happens This includes the times you ve purchased an app that looked too good to be true only to find out that it was terrible When you buy something through Apple there are a few rules for getting a refund Certain types of content including apps Apple Books movies and TV and music may be eligible for a refund Even some subscription services can be refunded as well Read more 2021-12-15 15:05:00
海外TECH Engadget SiriusXM sued over lack of podcast transcripts for the hard of hearing https://www.engadget.com/national-association-of-the-deaf-siriusxm-podcast-lawsuit-151509090.html?src=rss SiriusXM sued over lack of podcast transcripts for the hard of hearingSiriusXM has been accused of doing too little to make its podcasts accessible The National Association of the Deaf and Disability Rights Advocates have filed a lawsuit against SiriusXM including its Pandora and Stitcher brands accusing it of excluding the deaf and hard of hearing by failing to provide captions or transcripts for any podcasts The company has allegedly violated the Americans with Disabilities Act and New York laws by denying equal access to its content The suit demands both damages and an injunction to force SiriusXM to offer podcast transcripts The company would also have to quot affirmatively quot advertise the transcript option to deaf and hard of hearing people We ve asked SiriusXM for comment The lawsuit notably doesn t include other heavyweights although Apple and Spotify already offer at least some form of captioning or transcription Spotify has promised to auto transcribe all podcasts for instance In a statement to The Verge DRA s Christina Brandt Young added the organizations couldn t sue quot every bad podcast provider quot in a single lawsuit You may well see more complaints in the future The lawsuit is effectively a request for podcasts service operators to rethink accessibility NAD and DRA want equal access to be a given not a nice to have extra In theory the pressure on SiriusXM will prompt better treatment across the wider podcast industry 2021-12-15 15:35:09
海外TECH Engadget Apple removes mentions of controversial child abuse scanning from its site https://www.engadget.com/apple-removes-csam-mentions-on-website-151958410.html?src=rss Apple removes mentions of controversial child abuse scanning from its siteApple has hinted it might not revive its controversial effort to scan for CSAM child sexual abuse material photos any time soon MacRumorsnotes Apple has removed all mentions of the scanning feature on its Child Safety website Visit now and you ll only see iOS s optional nude photo detection in Messages and intervention when people search for child exploitation terms It s not certain why Apple has pulled the references We ve asked Apple for comment This doesn t necessarily represent a full retreat from CSAM scanning but it at least suggests a rollout isn t imminent While Apple was already scanning iCloud Photos uploads for hashes of known CSAM the change would have moved those scans to the devices themselves to ostensibly improve privacy If iCloud Photos was enabled and enough hashes appeared in a local photo library Apple would decrypt the relevant quot safety vouchers quot included with every image and manually review the pictures for a potential report to the National Center for Missing and Exploited Children That in turn could get police involved The CSAM detection feature drew flak from privacy advocates Apple stressed the existence of multiple safeguards such as a high threshold for reviews and its reliance on hashes from multiple child safety organizations rather than government However there were concerns the company might still produce false positives or expand scanning under pressure from authoritarian regimes Moreover the only way to prevent on device scans was to avoid using iCloud Photos altogether ーyou had to accept Apple s new approach or lose a valuable cloud service Apple delayed the rollout indefinitely to quot make improvements quot following the criticism However it s now clear the company isn t in a rush to complete those changes and doesn t want to set expectations to the contrary If local CSAM scanning reappears it might take a long while Apple expected a return in the quot coming months quot or bear only a partial resemblance to the original system Update AM ET An Apple spokesperson reiterated the company s statement when announced the delay in September indicating that its stance hadn t changed since then 2021-12-15 15:19:58
海外TECH Engadget Disney+ adds SharePlay group viewing for the iPhone and iPad https://www.engadget.com/disney-plus-shareplay-support-iphone-ipad-apple-tv-150043193.html?src=rss Disney adds SharePlay group viewing for the iPhone and iPadYou or your kids might now have a good reason to try Apple s SharePlay feature Disney has released an update that adds SharePlay group viewing to its iPhone iPad and Apple TV apps letting up to people watch and chat together This will help you discover the latest plot twists in Boba Fett or Hawkeye of course but it could also be helpful for young ones who want rewatch Frozen with their distant friends Before you ask everyone in the call needs Disney to stream and this only works if a given title is available to everyone in your virtual gathering You can still choose audio and subtitles separately from everyone else ーthe group only shares the image and playback controls Apple TV users can also watch on the big screen while using their iPhone or iPad to stay in touch The launch conveniently dovetails with a flurry of Disney show and movie releases It s still a welcome addition though and it might be particularly useful during a holiday season when the pandemic still poses challenges for some in person family gatherings 2021-12-15 15:00:43
海外TECH Network World BrandPost: What Will Drive Network Modernization in 2022? https://www.networkworld.com/article/3644969/what-will-drive-network-modernization-in-2022.html#tk.rss_all BrandPost What Will Drive Network Modernization in Networks are vital to digital business enabling essential operations providing situational awareness and delivering strategic insights As businesses transform networks must change But how What will networks look like in And how are organizations marshaling their resources to build the networks that will meet tomorrow s needs To answer those questions IT practitioners consultants and influencers joined in an IDGTechTalk Twitter chat on Dec sponsored by ComcastBusiness The hour long session was moderated by IDG social media manager Clare Brown In addition the chat was tracked in real time by IDG content strategist Jim Malone IDG contributing editor Pete Bartolik and industry expert Isaac Sacolick president of StarCIO To read this article in full please click here 2021-12-15 15:26:00
Cisco Cisco Blog Event Highlights from Rockwell Automation Fair 2021 in Houston https://blogs.cisco.com/internet-of-things/event-highlights-from-rockwell-automation-fair-2021-in-houston houston 2021-12-15 15:20:03
海外科学 NYT > Science Shirley McBay, Pioneering Mathematician, Is Dead at 86 https://www.nytimes.com/2021/12/14/science/shirley-mcbay-dead.html Shirley McBay Pioneering Mathematician Is Dead at The first Black student to receive a doctorate from the University of Georgia she devoted her life to advocating for diversity in science and math education 2021-12-15 15:05:00
金融 RSS FILE - 日本証券業協会 NISA及びジュニアNISA口座開設・利用状況調査結果について https://www.jsda.or.jp/shiryoshitsu/toukei/nisajoukyou.html 調査結果 2021-12-15 16:00:00
金融 RSS FILE - 日本証券業協会 株式投資型クラウドファンディングの統計情報・取扱状況 https://www.jsda.or.jp/shiryoshitsu/toukei/kabucrowdfunding/index.html 株式投資 2021-12-15 15:30:00
金融 RSS FILE - 日本証券業協会 株主コミュニティの統計情報・取扱状況 https://www.jsda.or.jp/shiryoshitsu/toukei/kabucommunity/index.html 株主コミュニティ 2021-12-15 15:30:00
金融 RSS FILE - 日本証券業協会 株主コミュニティ銘柄 https://market.jsda.or.jp/shijyo/kabucommunity/seido/meigara/20200907180856.html 株主コミュニティ 2021-12-15 15:30:00
金融 金融庁ホームページ 金融審議会「資金決済ワーキング・グループ」(第2回)議事録を公表しました。 https://www.fsa.go.jp/singi/singi_kinyu/shikinkessai_wg/gijiroku/20211111.html 金融審議会 2021-12-15 17:00:00
金融 金融庁ホームページ 任期付職員(課長補佐クラス)を募集しています。 https://www.fsa.go.jp/common/recruit/r3/sousei-09.html 課長補佐 2021-12-15 17:00:00
ニュース BBC News - Home David Fuller: Killer who abused mortuary bodies will die in jail https://www.bbc.co.uk/news/uk-england-kent-59601656?at_medium=RSS&at_campaign=KARANGA corpses 2021-12-15 15:31:53
ニュース BBC News - Home Star Hobson murder: Savannah Brockhill jailed for 25 years https://www.bbc.co.uk/news/uk-england-59672858?at_medium=RSS&at_campaign=KARANGA daughter 2021-12-15 15:53:34
ニュース BBC News - Home Katie Price given suspended jail term after Sussex drink-driving crash https://www.bbc.co.uk/news/uk-england-sussex-59643479?at_medium=RSS&at_campaign=KARANGA sussex 2021-12-15 15:45:39
ニュース BBC News - Home Reading fire: One dead and others unaccounted for in flats blaze https://www.bbc.co.uk/news/uk-england-berkshire-59664252?at_medium=RSS&at_campaign=KARANGA reading 2021-12-15 15:43:55
ニュース BBC News - Home Cornish comedian Jethro dies aged 73 https://www.bbc.co.uk/news/uk-england-cornwall-59666409?at_medium=RSS&at_campaign=KARANGA covid 2021-12-15 15:52:41
ニュース BBC News - Home Hotel quarantine guests told they can leave from 4pm https://www.bbc.co.uk/news/business-59670486?at_medium=RSS&at_campaign=KARANGA covid 2021-12-15 15:39:40
ニュース BBC News - Home Africa Cup of Nations: Mohamed Salah & Sadio Mane feature in great Afcon 2019 goals https://www.bbc.co.uk/sport/av/football/59671942?at_medium=RSS&at_campaign=KARANGA Africa Cup of Nations Mohamed Salah amp Sadio Mane feature in great Afcon goalsWatch six great goals from the Africa Cup of Nations in including Mohamed Salah s incredible free kick for Egypt 2021-12-15 15:16:37
ニュース BBC News - Home Covid passports: Where will I need a pass and how do I get one? https://www.bbc.co.uk/news/explainers-55718553?at_medium=RSS&at_campaign=KARANGA covid 2021-12-15 15:08:28
北海道 北海道新聞 日本男子は韓国と引き分け ホッケーアジア・チャンピオンズ https://www.hokkaido-np.co.jp/article/623535/ 引き分け 2021-12-16 00:14:00

コメント

このブログの人気の投稿

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2020-12-01 09:41:49 RSSフィード2020-12-01 09:00 分まとめ(69件)