アプリ開発からお金の節約まで幅広く気になったネタを記録していきます

2020/7/12

【JavaScript】Swiperを使って端がちょっと見えるスライダーを実装する方法

数あるJavaScriptスライダープラグインの中で、・bxslider.js ・slick.js の著名ですが今回利用したのが「Swiper」です。 Swiperのメリット Swiperはオプションが多く、いろいろなスライダーを作ることができます。・IE11対応・jQueryが不要・スマホOKでタッチやスワイプにも対応・オプションがありすぎてちょっと面倒とりあえず公式サイトにあるDEMOを見てみると実装できるスライダーの豊富さがわかります。デモを見るだけでも大変です。IE11だと結構動作が ...

JavaScript Web制作

2020/7/12

【JavaScript】jQueryのSlideToggle()でアコーディオン開閉時にテキストを変更する。

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。今回はそのサンプルを紹介します。 javaScriptでやること・SlideToggle()を実装する・SlideToggle()の開閉を判別する・テキストを変更する。最初に必須なjQueryの読み込み方 jQueryをページに読み込 ...

css Web制作

2020/7/12

メディアクエリ(Media Queries)が効かないときに確認したいこと

メディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。メディアクエリ @media screen and (max-width: 320px); というように表示させるディスプレイサイズごとに CSSを記述していける書き方です。 CSSは原則として下に書く内容が優先度が高く処理されるため（イレギュラーもあります）メディアクエリを下に追記していくことでディスプレイサイズご ...

パソコンの使い方レビュー

2022/10/23

MX MASTER 2Sが故障。ロジクールサポートに連絡した結果！新品が送られてきた。

まぐろ耐久度がなさすぎでしょ… 故障したときに試したことは以下です。・Macの再起動・Logicool Optionのアップデート・充電MAX ・MacのBluetoothのオンオフ・MX MASTER 2SのBluetooth再ペアリング・他のLogicool製品を設定してファンクションキーが使えるか試す。私の場合、たまたまアーロンチェアを購入したときについてきた他のLogicoolマウス「MX Vertical」が眠っていたので設定してみたらファンクションキーが使えたためMac側の故障 ...

JavaScript Web制作

2020/7/12

スクロールしたらCSS3のグラフがアニメーションするようにする方法

『アニメーションするグラフを作ってくれ』と言われてしました。知らない間にアニメーションの需要が出てきているんですね。少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。たしかにアニメーションするグラフは見栄えが良いし、企業のサイトを作成するとなると決算や社内状況を知らせるためグラフは不可欠な要素になります。ちょっとリッチなページ、ひと目を引くページ作成でアニメーションをいれてくれと言われることが増えるのでしょうね。 FLASHを通っていないのでアニメーショ ...

Apple

2020/10/5

この怪しいメールは何？「支払いの問題でApple IDがロックされました。【警告】」の詐欺メールが届いたときに試すこと。内容とメールアドレスをよく見て！

「支払いの問題でApple IDがロックされました。【警告】」のメールが届くこれはフィッシングメールだ！絶対に中のリンクを押してはいけない！「支払いの問題でApple IDがロックされました。【警告】」のどう見ても詐欺メール（フィッシングメール）にしか感じ取れないメールが私にも届きました。調べるといろいろ事例があり、Appleのコミュニティでも質問がありますね。 AppleIDに関する迷惑メールは様々な形を変えて届くので必ず送り先のメールアドレスを確認しましょう。送られてきた迷惑メールは下のよう ...

JavaScript Web制作

2020/7/12

【Chart.js】グラフを簡単に作れるJavaScriptライブラリ

Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。・どのグラフにするか？・どんな数値・メモリを入れていくか？と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。エクセルなどのスプレッドシートでグラフを作る感覚に近いです。グラフの初期テンプレートは用意されており色を変えるだけでなく、カスタマイズも出来ます。グラフが表示されるときにアニメーションするのもポイントが高い点です。グラフがアニメーションするとWEBページとしての見栄えも良いで ...

Googleツール Googleドキュメント

2019/7/26

【Googleドキュメントの使い方】新規ファイルの作り方。Microsoft Wordに対応するドキュメント制作アプリ。

Googleドキュメントを使ってみたいけど、どんなものかわからないという人向けに Googleドキュメントについての使い方をまとめていきます。

PhotoshopCC

2020/7/12

【Photoshop】テキストに下線を付けたい！テキストツールを使って方法が簡単！

Photoshopでテキストに下線をつける方法 PhotoShopでテキストに下線をつけるには「テキストツール」の下線のボタンを押すだけです。テキストツールを選択して文字を入力します。メニューのウィンドウ＞文字を選択して文字ウィンドウを表示します。下線を追加したい文字レイヤー内の文字を選択。文字ウィンドウにある「下線追加ボタン」を押します。ちなみに縦書きの場合には左側へ線が追加されます。ただしこのテキストツールをつかって下線を加える方法は『テキストと下線が同じ色になる』という点に注意で ...

JavaScript Web制作

2020/7/12

【JavaScript】「next()」「prev()」でjQueryで要素の取得して画像を変更する。

JavaScriptのライブラリとして一般的になったのが「jQuery」です。いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。「ボタンをオン・オフしてjQueryで画像を変えたい！」と言う時困るのが・そもそもの画像の変える書き方がわからない・画像を変える要素を選択する書き方がわからないというところでしょうか。初歩的な内容ですが、とても需要があり使うことが多いため書き方を覚えておくと便利です。 jQ ...

生活

2019/7/3

もし自分が住んでいる地域に避難指示が出たら？事前に知っておく警戒レベルと防災ハザードマップの存在

警戒レベルについて気象警報・注意報に対して「警戒レベル」が定義されています。気象庁｜気象警報・注意報避難勧告に関するガイドラインの改定（平成30年3月29日）: 防災情報のページ - 内閣府避難所開設状況の調べ方一度はチェックしてどんなことが書いてあるか把握しておきたい防災ハザードマップ「防災ハザードマップ（水害・津波・地震、土砂災害）」が各自治体からPDFで公開されています。「千代田区防災ハザードマップ」といったように「自治体名」＋「防災ハザードマップ」で検索します。この防災ハザー ...

アフィリエイト

2019/7/2

超便利！Google ChromeでTwitterアカウントの切り替える方法。アフィリエイトや複数アカウントの運用に。

Twitterアプリは複数アカウントの切り替えが可能 Twitterはメールアドレスがあれば複数のアカウントを持って利用ができます。このアカウントは趣味用で、このアカウントは情報収集用で…と用途別にアカウントの利用を分けて使いたいシーンはよくあります。 Android,iPhone向けのTwitterの公式アプリではすでにアカウントの切り替えができるようになっています。 Twitter Twitter, Inc.無料posted withアプリーチしかしPCのブラウザでTwitterを使っているとアカ ...

PhotoshopCC

2019/5/22

【Photoshop】クリップボードからコピペができなかった事例を解決した

【PhotoshopCC】ガイドラインを非表示にするショートカット

Web制作

2020/7/12

古いサイトでたまに見かけるaタグ「javascript:void(0);」の意味【WEB制作】

古いサイトの修正をするときに見かけることがあるのが「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、どんなメリット・デメリットがあるのでしょうか。「javascript:void(0);」のメリット・aタグのhrefに書き込むとaタグの画面遷移を無効化・カーソルが「指カーソル」の形になるのでボタンの画像が視覚的に”押すもの”とわかりやすくなる。・表示枠をタブ化するときなどにURL欄に”#”などがつかない「javascript:void(0);」の ...

Web制作

2020/7/12

【Web制作】IE11でFlexboxが横並びにならなくてハマる

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。結論としては「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いものだと勘違いしていたんですね。 IE11ではdisplay:-ms-flex;が読み込まれずにいて、そもそもの「display: flex;」が抜けているとflexboxレイアウトができないという初歩ミスにハマってしまい ...

Web制作

2020/7/12

CSSでレイアウトしたときにリンクの指マークが表示されないときはZ-indexを確認【Web制作】

WEBブラウザはリンク要素の上にマウスカーソルを乗せると矢印から指マークへ切り替わります。 CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。その時の解決方法を記載します。 CSSでレイアウトしたときにリンクの指マークが表示されない原因はZ-index よくよく考えれば当たり前なのですが、他のことでいっぱいいっぱいになっていると忘れがちな内容です。リンクタグを付けているのに指マークが表示されない要素に『positionのプロパティ』がついているかを確認し ...

Web制作

2019/3/14

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】

LityはjQueryを利用したLightbox系のJavaScriptライブラリです。ポイント・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる・3kBと超軽量・レスポンシブ対応・利用にはjQuery本体が必要。・MIT license. Lityを使うとどうなる？ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。ポップアップ表示をすることで、自分のサイトから他のサイトへ離脱を減らすことが可能になります。スマホブラウザで開いたときにも別のタブで ...

Web制作

2019/4/12

【Web制作】Floatレイアウトを卒業するためのFlexboxのまとめ

Flexboxを使っているWEBサイトが増えてきました。ちょっと勉強しなくなると進化についていけなくなりますね。

Web制作

2019/7/30

【WEB制作】Lightboxの実装方法。かっこいい画像ギャラリーがJavaScriptの知識なしで簡単実装できる

LightboxはjQueryを利用したJavaScriptライブラリ。最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。サムネイルを押すと、大きい画像が等倍にリサイズされながらフェード処理されて表示されるので動きがあり非常に見栄えが良いのがポイント高いです。 JavaScriptの専門知識がまったくなくても簡単に導入ができるのでよく利用されています。ライセンスは The MIT Licenseで商用・ ...

Googleスプレッドシート Googleツール

2019/7/26

【Googleシートの使い方】スプレッドシートに同じ文字を一括入力する便利な裏技

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。

Googleスプレッドシート Googleツール

2019/2/24

【Googleシートの使い方】作ったスプレッドシートを書き出す方法。作成したファイルをエクセルなどで開きたいときに使います

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートで作成したファイルを、他の人に送りたい、エクセルやNumbersで開いて編集したいという場合があります。こういった場合にはスプレッドシート上で作成したファイルを「書き出し」する必要があります。

転職・就職

2019/2/20

将来CTOを目指したい！技術部門のトップとして働くエンジニアキャリアのゴール

エンジニアとして生計を立てているなら「CTO」に憧れますよね。 CTO(Chief Technology Officer)は最高技術責任者の意味。近い言葉で「CEO」がありますが、CEOは「最高経営責任者」会社経営の決定権を持つ最高責任者です。 CTOは会社の技術部門で活躍する役割です。「開発部長・技術部長」といった役職ですね。 ITの技術力はもちろんのこと経営の知識やマネジメント力も必要とされます。開発のマネジメント経験やプロダクトのロードマップ作成など、プロダクト管理・プロダクトの計画設計も必 ...

Googleスプレッドシート Googleツール

2019/2/24

【Googleシートの使い方】スプレッドシートの作り方・新規作成方法

Googleツール

2019/2/13

Google drive とは？Google社のオンラインストレージサービス。容量あたりの料金が格安なのが特徴！

Googleのツールを使っていくと「Google drive 」の名前をよく見かけるようになります。「Google drive って何？」と気にせずにGoogleシートやGoogleドキュメントを使っていた方も少なくないはず。

Googleスプレッドシート Googleツール

2019/2/24

Googleシート(Googleスプレッドシート)とは？スプレッドシートとエクセルの違い

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。また表計算ソフトは触ったことがないという人でも気軽に使えるツールになっています。 Googleシート(Googleスプレッドシート)とはスプレッドシートとは「表計算」をするためのソフトウェアのことです。表計算は、網の目上になった表の中に数値を入れて計算をするツ ...

Googleツール

2019/2/4

Google Play ログインできないときに試すべき方法

Google Playとは Google Play(旧：Android マーケット)とはGoogleが提供しているAndroid向けのデジタルコンテンツ配信サービスです。 Android向けアプリ・電子書籍版マンガ・映画・音楽・電子書籍版ライトノベルを購入できます。ほとんどのAndroid端末には最初から「Playストアのアプリ」がインストールされていて「Playストアのアプリ」を使ってコンテンツを探すことになります。アプリ版以外にWEB版のGooglePlayもあります。 Google Playの ...

Apple

2019/10/23

「ご利用のApple IDがロックされています/重要！[Apple ID] - ログインアラート」の詐欺メールが届いたときに試すこと。内容とメールアドレスをよく見て！

「ご利用の Apple IDがロックされています」のメールが届く調べるといろいろ事例が出てくるのですが、「ご利用の Apple IDがロックされています」の詐欺メールが私にも届きました。日時的に Apple IDをつかうような出来事に心当たりがなかったので、やばいのかな？と思いましたが、焦ってメール内のリンクを押さずに一度検索をかけてみることをおすすめします。届いたメール内容セキュリティ上の理由により、ご利用の Apple IDがロックされています。この度、お客様のAPPLE ID登録が第三者 ...

副業でお金を稼ぐ転職・就職

2019/1/16

「G検定」ディープラーニング（AI)をビジネスに活かしたい人が挑戦してみたい資格試験

ディープラーニング（AI)をビジネスに活かしたい人増えています。しかしゼロから勉強を始めるにはとても大変です。ディープラーニングの知識を測る検定試験で「G検定」というものがあり、このG検定を目安に一度勉強してみるという方針は意外と使えます。具体的な目標があったほうがモチベーションが保てますからね。 G検定(JDLA Deep Learning for GENERAL )とは日本ディープラーニング協会がおこなっている「ディープラーニングの知識を測る」検定試験。事業活用する人材（ジェネラリスト）を ...

ふるさと納税

2019/12/16

ふるさと納税で「ワイヤレスイヤホン・ヘッドホン・スピーカー」お得に買えるチャンス！12月がラストチャンス！

2019年のふるさと納税返礼品に「ワイヤレスイヤホン・ヘッドホン・スピーカー」があります。ワイヤレスイヤホンはだいぶ主流になっていましたがまだ持っていないという方も少なくないはず。特に音質の良いワイヤレスイヤホンは値段が高いですからね。ふるさと納税で購入できるものがあるなら検討したい！という人もいるでしょう。

ふるさと納税

2018/12/28

ふるさと納税返礼品が決められないときには「Amazonギフト券」がおすすめ！お得に買えるチャンス！

2018年のふるさと納税返礼品にAmazonギフト券があります。 Amazonギフト券は「アマゾンで好きな商品を買い物できるギフト券」です。アマゾンは言わずとしれた最大手通販サイトです。欲しいものを探したら大抵のものが見つかりますよね。いますぐにほしいものが浮かばないけれども、ひとまずAmazonギフト券を手に入れておけば、後々で欲しいものに変えられるという点で、ふるさと納税返礼品として「Amazonギフト券」が大人気です。ふるさと納税サイトの返礼品ランキングでも常に上位を占めています。ふるさと ...

ふるさと納税

2018/12/28

12/31まで大丈夫！「ふるさと納税」で”ダイソンの高級家電”をお得に買えるチャンス！

2018年のふるさと納税返礼品にダイソン製品があります。ダイソンといえば言わずとしれた”高級家電”です。家電量販店でのダイソンブースの存在感はすさまじいですよね。金額的にも高いのでなかなか手が出しにくい・買うチャンスがなかったという人も多いはず。ふるさと納税をうまく使ってダイソン製品をお得に手に入れましょう！

副業でお金を稼ぐ

2018/12/4

「Uber Eats」役者を目指している人など時間拘束をされたくない人向けの副業。また自転車を乗り回す体力がある人向けにおすすめ

「Uber Eats」が向いている人ポイント・役者、ミュージックシャン、お笑い芸人などを目指していて、時間拘束される仕事はしたくない人・自転車を運動がてら副業したい人・自由な時間に仕事をして、他の時間を自分のために当てたい人・専門スキルを持っていないけど副業したい人町を歩いていると「Uber Eats」とかかれている黒や緑のバッグを抱えて自転車で走り回っている人を見たことはありませんか？あれは「配達の副業」をしている人たちなんですね。「Uber Eats」は今人気の副業の一つで、空いた時間を ...

ふるさと納税

2018/12/28

「ふるさと納税」でティファールの調理器具・電気ケトルをお得に買えるチャンス！大分県玖珠町への寄付でうまく節税しよう！

・大分県玖珠町(くすまち)のふるさと納税返礼品にティファール製品あり 2018年のふるさと納税返礼品の中にティファールの調理器具・電気ケトルがあります。にわとり 60, 70, 80, 85, 90, 95, 100℃の7段階になっています。これは飲み物によって美味しく飲める最適な温度が違うためです。 ※最適な温度設定 60℃：玉露、70℃：中国茶（白茶）、80℃：緑茶、85℃：ウーロン茶、90℃：コーヒー、95℃：紅茶、100℃：中国茶（工芸茶）他にも世界30か国以上で使用されているAg+配合の ...

ふるさと納税

2018/12/28

「ふるさと納税」でApple製品(AppleTV,iPad,AppleWatch第4世代モデル)をお得に買えるチャンス！

・福岡県行橋市,佐賀県上峰町,佐賀県みやき町のふるさと納税返礼品にApple製品あり・AppleTV,iPad,iPad Pro,iPad mini,AppleWatch第4世代モデルと様々 2018年のふるさと納税返礼品にApple製品があります。 Apple製品が年々高くなっていくを見ていると、すこしでもお得に買うことができればと考えるのは当然のことですよね。ふるさと納税をうまく使ってApple製品をお得に手に入れましょう！

ふるさと納税

2018/12/28

「ふるさと納税」を使うとサーティワンアイスクリーム商品券をお得に買えます

・サーティワンアイス大好きでよく食べている・サーティワンアイスを子供が欲しがるのでついつい買ってあげてる・アイスが好きで毎日たべちゃうみんなだいすきサーティワンアイスクリーム。単価は安いけれど、たくさん食べていると積み重なって気がつけば年間4,000円以上サーティワンアイスを購入しているということはありませんか？このサーティワンアイスは「ふるさと納税」の制度を利用するとお得に買うことができます！サーティワンファンは利用しない手はありません。静岡県小山町の寄附に「サーティワンアイスクリーム商品 ...

副業でお金を稼ぐ

2019/5/17

主婦の副業！在宅Webデザイナーとして在宅ワークを目指せるWEBデザイナースクール「デジタルハリウッド STUDIO by LIG」

家計負担を考えて副業を考えている主婦の方が多いです。今は旦那の稼ぎでまかなえていても、将来的に子供が欲しいと考えると資金面での不安はあります。子供が小さい時期ですと手間がかりますので、何かと目が離せない状況になります。通い仕事になってしまうと保育園に預けなければいけなかったりと大変ですので、近頃は「在宅ワーク」が段々と人気になっててきています。「在宅ワーク」が人気になってきている背景には・ネット上で簡単に仕事が依頼できるようになったことや、・企業側が社員として雇ってしまうと社会保険料の支払 ...

mac

2018/11/15

「Reflector2」を再インストールをする方法。ゲーム実況やプレイ動画をに使えるソフトで人気

ゲーム実況やプレイ動画をに使えるソフト「Reflector2」をインストールする方法

副業でお金を稼ぐ

2019/6/11

【簡単＆未経験OK】主婦が空いた時間にできる綺麗になれる副業！美容やエステのモニター会員のお仕事

副業＝大変ではない副業をはじめるとなると、時間をつくらないといけないし、新しいことをおぼえなければいけなかったりと何かと大変ですよね。やりたいことが副業にできれば長く続けられますが、やりたくないことを無理矢理続けていてもしんどくて辛い人生になってしまいます。特別なスキルが必要なく、主婦が簡単にできる綺麗になれる副業があったとしたらどうでしょうか？そんな都合の良い副業があるはずがないでしょ？と考えてしまいますが、実は探してみるとあるんです。それが「モニター会員」のお仕事です。「モニター会員 ...

プログラミング

2018/10/30

業務効率化に便利なGoogle Apps Script！GmailやGoogleスプレッドシートを自動化処理できるプログラミング言語

仕事でGmailやGoogleスプレッドシートを使っていて、にわとり GmailやGoogleスプレッドシートでそんな自動化処理ができるのか？Google Apps Scriptを使えばできるんです！ Google Apps Scriptという言葉を知らない方も多いはずですので、まずはGoogle Apps Scriptから解説していきます。 Google Apps Scriptとは Google Apps Script（GAS）はJavaScriptをベースにGoogle独自のライブラリを組み合わせ ...

お金の節約

2018/10/26

ガス代節約術！安いプロパンガス会社の見積もりを一括できるサービス「enepi(エネピ）」

プロパンガスは高い。これから冬の寒さを迎えるにあたり、光熱費の出費が大きくなります。ガソリン代が160円と高騰していることもあり、余計にお財布にダメージがあり2018年の冬の懐事情はとてもつらくなりそうです。高いプロパンガス代金をどうにかせにゃと「ガス代の節約」に毎年苦労することになりますが、「ガスの自由化」でガスの会社を自分達で選択できるようになっているのはご存知ですか？おそらく引っ越した時のガス会社を”そのまま”使っていますよね？今使っているガス会社から、他のガス会社に切り替えることが出来 ...

« Prev 1 2 3 4 … 28 Next »