社内SE不在の町の中小企業で御用聞き【副業SEの仕事開拓】
町の中小企業は社内SE不在率が高い 私はコロナ以前まで、よく自宅近くの地元の人しか行かない様な居酒屋や立ち飲み屋に通ってました。何度か通ってると認知され、店主や馴染みお客さんと話していると、その中で地元の個人事業主や中小企業社長や社員の人とたまに話すことがあります。（緊急事態宣言中は飲み屋もほとんど営業してなかったので、話す機会が1年程ほとんどなくなりました） 私が本業でSEをやってることもあり、 […]
株式投資を始める時に読んだ本と証券会社の口座開設【投資初心者】
１.なぜ始めようと思ったか 投資を10年以上やってる友達がいるのですが、その人から「銀行に預けるよりましだから、やった方が良いよ」と言われ、元々興味もあったのと経験として必要だと思い始めました。 ネットで調べてみると「￥40万から億り人（おくりびと）になった人」など夢のような記事が多くあり流石にこれは半信半疑でしたが、なれたらいいなとどこかで思ってたところもあります。 ２.株式投資の始め方 株式投 […]
Photoshopで画像容量を軽くしてWeb用に保存する方法
Webサイトに掲載する画像の容量はサイトの表示速度をなるべく早くするため軽い方がよいです。 スマホやカメラで撮った写真はかなり重いのでそのまま掲載するとサイトの表示速度が遅くなるためSEO的にもマイナスの影響があります。 なのでスマホやカメラで撮った写真（今回はjpg形式の画像）をWeb用に容量調整して書き出す方法をご紹介します。 Photoshopに画像を取り込む 「ファイル」→「開く」からjp […]
タッチ、スワイプ、マウスホイール、レスポンシブに対応したスライダーOwl Carousel 2【jQueryプラグイン】
- 2021.10.06
- 画像スライダー, スライダー, OwlCarousel
Owl Carousel 2はタッチ、スワイプ、マウスホイール、レスポンシブ対応のスライダーが実装できるプラグインをご紹介します。 読込CSS、jsファイル <!-- Stylesheets --> <link href='https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,300ital […]
Drawerでレスポンシブ対応のドロワーメニューを簡単に実装できる【jQueryプラグイン】
Drawerはレスポンシブ対応サイトのスマホでドロワーメニューを簡単に実装できるプラグインです。 読込CSSファイル <link href="sandbox.css" rel="stylesheet"> <link href="./dist/css/drawer.min.css" rel="stylesheet […]
ファイルやフォルダの比較ができてマージもできるソフトWinMerge
Web制作やプログラム開発等でファイルが大量にあっても最近はgitを使ってファイルのソースや世代管理を行います。 しかし、gitを使うまでもないものだったり、gitやソース管理ツールを使って無いもので過去に開発したwebサービスをwebサーバーからとってきて過去の開発データから更新された内容を確認する場合に簡単に更新ファイルや更新内容が確認できるツールが今回紹介する「WinMerge」です。 結構 […]
メールソフト(Thunderbird)で行うHTMLメール送信方法
- 2021.09.28
- htmlメール, Thunderbird, メールソフト
ECサイト等を運営していて会員情報を持っている人でメールマガジンの配信を行いたい場合は、ECサイト自体のメール配信機能を使ったりメール配信サービス会社を利用したりします。 ECサイトも運営してなくメール配信サービスを利用するまでも無い方でHTMLメールを行いたい向けにメールソフト(Thunderbird)を使ったHTMLメール送信方法をご紹介します。 メールソフト(Thunderbird)を起動し […]
JavaScriptを使ってディスプレイ情報（色深度、幅、高さ、解像度、Retina Displayかどうか）を表示【screen、devicePixelRatio】
ブラウザサイズでは無く現在使用してる端末のディスプレイ情報（色深度、幅、高さ、解像度、Retina Displayかどうか）を表示します。 CSSの記述 ※ここは重要では無いので必要に応じて書き換えてください。 <style type="text/css"> body{ font-family:Verdana,"Hiragino Kaku Gothic P […]
【getSelection】JavaScriptを使ってカーソルで選択した範囲の文字列を表示
- 2021.09.21
- getSelection, 選択文字列
HTMLページに掲載のテキストをマウスカーソルで選択し、選択範囲の文字列をtextareaに表示します。 CSSの記述 ※ここは重要では無いので必要に応じて書き換えてください。 <style type="text/css"> body{ font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラ […]
【padStart,padEnd】文字列を先頭または後方から指定文字と文字数で埋めて表示
プログラムをコーディングしてるとIDや日付等を全て同じ文字数にあわせて出力したい時があったので、今回はJavaScriptでの文字数揃えの方法になります。 全角文字でも出力できました。 処理を実行させるクリックボタンのCSS記述 ※ここは重要では無いので必要に応じて書き換えてください。 <style type="text/css"> body{ font-famil […]