デベロッパーツールをご存じでしょうか。デベロッパーツールはGoogle CromeやMicrosoft Edgeブラウザに標準で搭載されているツールで、使用することで以下のようなことが実施できます。 ...
Continue reading...IT
データ保管の仕組みを一挙に解説:
Cache・Session・Cookie・WebStorage・IndexedDBのデータ保管の違い
データ保管の仕組みを一挙に解説:
Cache・Session・Cookie・WebStorage・IndexedDBのデータ保管の違い
キャッシュ（ Cache ）、セッション（ Session ）、ブラウザに保存される Cookie 、Web Storage（ Local Storage 、 Session Storage ）、 I...
Continue reading...サンプルソース付:
サイトをアプリ化するPWAとは？作り方と動作イメージを併せて紹介
サンプルソース付:
サイトをアプリ化するPWAとは？作り方と動作イメージを併せて紹介
Webページをまるでアプリのように使用することができるPWA（Progressive Web App）をご存じでしょうか。 PWAはWebサイトのようにGoogle Analyticsなどのアクセス解...
Continue reading...サンプルコード付:
ソースコードをサイト内で表示する方法
サンプルコード付:
ソースコードをサイト内で表示する方法
ソースコードをサイトできれいに表示したい方に向けて、既存のライブラリを利用して簡単に表示する方法を紹介します。 本稿の構成として、まずはサイト内表示の基本的な部分をお伝えし、その後表示するための具体的...
Continue reading...MATERIAL-UIサンプルコード付:
ブラウザだけで動作するNode.jsなしReactの使い方
MATERIAL-UIサンプルコード付:
ブラウザだけで動作するNode.jsなしReactの使い方
はじめに こんにちは。今回はNode.jsを使用しないReactの動作環境について紹介します。 昨今、React.jsをはじめVue.jsなどフロントエンド技術としてJavaScriptのフレームワー...
Continue reading...AWS EC2(Windows)でSoftEtherを用いたVPNを設定する
AWS EC2(Windows)でSoftEtherを用いたVPNを設定する
はじめに 今回はEC2でSoftEtherを用いて、自宅PC（Windows）からVPN接続（L2TP over IPsec）するまでの手順をまとめました。 以前、Linux（CentOS）の設定手順...
Continue reading...GUI画面からレスポンシブなHTMLをエクスポートできるHeadless CMS「Builder.io」
GUI画面からレスポンシブなHTMLをエクスポートできるHeadless CMS「Builder.io」
（English translation is here） こんにちは。ひろです。 今回はheadless CMSとしてレスポンシブなHTMLデザインを簡単に作成し、HTMLとしてエクスポートできるB...
Continue reading...AWS LambdaでLibreOfficeを利用してドキュメントをPDF化する
AWS LambdaでLibreOfficeを利用してドキュメントをPDF化する
こんにちは。ドラマーのひろです。 AWS LambdaでLibreOfficeを使った操作を実装したいと思ったことはないでしょうか。例えば、LibreOfficeを使うことで、WordファイルやPow...
Continue reading...InterFAXを使ってFAXをPythonで送ってみる
InterFAXを使ってFAXをPythonで送ってみる
こんにちは。ドラマーのひろです。 皆さんはFAXを使っているでしょうか。（もはやFAXを知らない世代の方もいるかもしれませんが。。） 私は久しくFAXを使っていませんでしたが、とある会社の発注システム...
Continue reading...AWS LambdaでSeleniumの画面キャプチャを保存する
AWS LambdaでSeleniumの画面キャプチャを保存する
こんにちは。今回はAWS LambdaでSeleniumを使ったスクレイピングを行い、画面キャプチャを保存する方法と使用したソースコードを紹介します。 他にも記事を挙げている方がおり、かぶってしまう内...
Continue reading...