さくらいらぼ– Author –
さくらいらぼ
-
Web制作
【JavaScript】Swiperを使って端がちょっと見えるスライダーを実装する方法
数あるJavaScriptスライダープラグインの中で、 ・bxslider.js ・slick.js の著名ですが今回利用したのが「Swiper」です。 【Swiperのメリット】 Swiperはオプションが多く、いろいろなスライダーを作ることができます。 ・IE11対応 ・jQueryが不要 ・スマ... -
Web制作
【JavaScript】jQueryのSlideToggle()でアコーディオン開閉時にテキストを変更する。
アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。 短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。 今回... -
css
メディアクエリ(Media Queries)が効かないときに確認したいこと
メディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。 メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。 メディアクエリ @media screen and (max-width: 320px); というように表... -
レビュー
MX MASTER 2Sが故障。ロジクールサポートに連絡した結果!新品が送られてきた。
ショックすぎる出来事が起こりました。 愛用しているロジクールのマウスMX MASTER 2Sが故障し、ボタン割当のできるファンクションキーが全く効かなくるという大事件です。 マウスの左、右クリック、マウスホイールは使えますがファンクションキーが押して... -
Web制作
スクロールしたらCSS3のグラフがアニメーションするようにする方法
『アニメーションするグラフを作ってくれ』と言われてしました。 知らない間にアニメーションの需要が出てきているんですね。 少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。 たしかにアニメーションするグラ... -
Apple
この怪しいメールは何?「支払いの問題でApple IDがロックされました。【警告】」の詐欺メールが届いたときに試すこと。内容とメールアドレスをよく見て!
【「支払いの問題でApple IDがロックされました。【警告】」のメールが届く】 これはフィッシングメールだ! 絶対に中のリンクを押してはいけない! 「支払いの問題でApple IDがロックされました。【警告】」のどう見ても詐欺メール(フィッシングメール)... -
Web制作
【Chart.js】グラフを簡単に作れるJavaScriptライブラリ
Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。 と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。 エクセルなどのスプレッドシートでグラフを作る感覚に近いです。 グラフの初期テンプレートは用意... -
Googleドキュメント
【Googleドキュメントの使い方】新規ファイルの作り方。Microsoft Wordに対応するドキュメント制作アプリ。
Googleドキュメントを使ってみたいけど、どんなものかわからないという人向けに Googleドキュメントについての使い方をまとめていきます。 【Googleドキュメントとは?】 Google ドキュメント オンライン上(Web上)」でMicrosoft Wordで作るような書類ドキ... -
PhotoshopCC
【Photoshop】テキストに下線を付けたい!テキストツールを使って方法が簡単!
【Photoshopでテキストに下線をつける方法】 PhotoShopでテキストに下線をつけるには 「テキストツール」の下線のボタンを押すだけです。 テキストツールを選択して文字を入力します。 メニューのウィンドウ > 文字を選択して文字ウィンドウを表示します... -
Web制作
【JavaScript】「next()」「prev()」でjQueryで要素の取得して画像を変更する。
JavaScriptのライブラリとして一般的になったのが「jQuery」です。 いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。 「ボタンをオン・オフしてjQueryで画像を変えた... -
生活
もし自分が住んでいる地域に避難指示が出たら?事前に知っておく警戒レベルと防災ハザードマップの存在
【警戒レベルについて】 気象警報・注意報に対して「警戒レベル」が定義されています。 気象庁 | 気象警報・注意報 避難勧告に関するガイドラインの改定(平成30年3月29日): 防災情報のページ - 内閣府 避難所開設状況の調べ方 【一度はチェックしてどん... -
アフィリエイト
超便利!Google ChromeでTwitterアカウントの切り替える方法。アフィリエイトや複数アカウントの運用に。
【Twitterアプリは複数アカウントの切り替えが可能】 Twitterはメールアドレスがあれば複数のアカウントを持って利用ができます。 このアカウントは趣味用で、このアカウントは情報収集用で…と用途別にアカウントの利用を分けて使いたいシーンはよくありま... -
PhotoshopCC
【Photoshop】クリップボードからコピペができなかった事例を解決した
【PhotoshopCC】ガイドラインを非表示にするショートカット -
Web制作
古いサイトでたまに見かけるaタグ「javascript:void(0);」の意味【WEB制作】
古いサイトの修正をするときに見かけることがあるのが 「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、 どんなメリット・デメリットがあるのでしょうか。 【「javascript:void(0);」のメリット 】 ・aタグのhrefに書き込む... -
Web制作
【Web制作】IE11でFlexboxが横並びにならなくてハマる
IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。 結論としては 「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いもの... -
Web制作
CSSでレイアウトしたときにリンクの指マークが表示されないときはZ-indexを確認【Web制作】
WEBブラウザはリンク要素の上にマウスカーソルを乗せると 矢印から指マークへ切り替わります。 CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。 その時の解決方法を記載します。 【CSSでレイアウトしたとき... -
Web制作
「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】
LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 【Lityを使うとどうなる?】 ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。 ポップアップ表示をすることで、自分のサイトから他のサイトへ離脱を減らすことが可能にな... -
Web制作
【Web制作】Floatレイアウトを卒業するためのFlexboxのまとめ
Flexboxを使っているWEBサイトが増えてきました。 ちょっと勉強しなくなると進化についていけなくなりますね。 と淡い期待を持っていたのですが、実際Flexboxが使われているサイトの修正をするとなると 勉強せざるをえません。 要素が重なってくると複雑... -
Web制作
【WEB制作】Lightboxの実装方法。かっこいい画像ギャラリーがJavaScriptの知識なしで簡単実装できる
LightboxはjQueryを利用したJavaScriptライブラリ。 最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて 黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。 サムネイルを押すと、大きい画像が等倍にリサ... -
Googleスプレッドシート
【Googleシートの使い方】スプレッドシートに同じ文字を一括入力する便利な裏技
Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 【1行に同じ文字を同じ文字を詰める(手動)】 セルを選択してアクティブ(青色)にします。 セルの右下... -
Googleスプレッドシート
【Googleシートの使い方】作ったスプレッドシートを書き出す方法。作成したファイルをエクセルなどで開きたいときに使います
Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートで作成したファイルを、他の人に送りたい、エクセルやNumbersで開いて編集したいという場... -
転職・就職
将来CTOを目指したい!技術部門のトップとして働くエンジニアキャリアのゴール
エンジニアとして生計を立てているなら「CTO」に憧れますよね。 CTO(Chief Technology Officer)は最高技術責任者の意味。 近い言葉で「CEO」がありますが、CEOは「最高経営責任者」 会社経営の決定権を持つ最高責任者です。 CTOは会社の技術部門で活躍する... -
Googleスプレッドシート
【Googleシートの使い方】スプレッドシートの作り方・新規作成方法
Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。 また表計算ソフトは触った... -
Googleツール
Google drive とは?Google社のオンラインストレージサービス。容量あたりの料金が格安なのが特徴!
Googleのツールを使っていくと「Google drive 」の名前をよく見かけるようになります。 「Google drive って何?」と気にせずにGoogleシートやGoogleドキュメントを使っていた方も少なくないはず。 【Google drive(グーグルドライブ)とは】 Google drive(... -
Googleスプレッドシート
Googleシート(Googleスプレッドシート)とは?スプレッドシートとエクセルの違い
Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。 また表計算ソフトは触った... -
Googleツール
Google Play ログインできないときに試すべき方法
【Google Playとは】 Google Play(旧:Android マーケット)とはGoogleが提供しているAndroid向けのデジタルコンテンツ配信サービスです。 Android向けアプリ・電子書籍版マンガ・映画・音楽・電子書籍版ライトノベルを購入できます。 ほとんどのAndroid端... -
Apple
「ご利用のApple IDがロックされています/重要![Apple ID] – ログインアラート」の詐欺メールが届いたときに試すこと。内容とメールアドレスをよく見て!
【「ご利用の Apple IDがロックされています」のメールが届く】 調べるといろいろ事例が出てくるのですが、「ご利用の Apple IDがロックされています」の詐欺メールが私にも届きました。 日時的に Apple IDをつかうような出来事に心当たりがなかったので、... -
副業でお金を稼ぐ
「G検定」ディープラーニング(AI)をビジネスに活かしたい人が挑戦してみたい資格試験
ディープラーニング(AI)をビジネスに活かしたい人増えています。 しかしゼロから勉強を始めるにはとても大変です。 ディープラーニングの知識を測る検定試験で「G検定」というものがあり、 このG検定を目安に一度勉強してみるという方針は意外と使えます... -
ふるさと納税
ふるさと納税で「ワイヤレスイヤホン・ヘッドホン・スピーカー」お得に買えるチャンス!12月がラストチャンス!
2019年のふるさと納税返礼品に「ワイヤレスイヤホン・ヘッドホン・スピーカー」があります。 ワイヤレスイヤホンはだいぶ主流になっていましたがまだ持っていないという方も少なくないはず。 特に音質の良いワイヤレスイヤホンは値段が高いですからね。 ふ... -
ふるさと納税
ふるさと納税返礼品が決められないときには「Amazonギフト券」がおすすめ!お得に買えるチャンス!
2018年のふるさと納税返礼品にAmazonギフト券があります。 Amazonギフト券は「アマゾンで好きな商品を買い物できるギフト券」です。 アマゾンは言わずとしれた最大手通販サイトです。 欲しいものを探したら大抵のものが見つかりますよね。 いますぐにほし... -
ふるさと納税
12/31まで大丈夫!「ふるさと納税」で”ダイソンの高級家電”をお得に買えるチャンス!
2018年のふるさと納税返礼品にダイソン製品があります。 ダイソンといえば言わずとしれた”高級家電”です。 家電量販店でのダイソンブースの存在感はすさまじいですよね。 金額的にも高いのでなかなか手が出しにくい・買うチャンスがなかったという人も多い... -
副業でお金を稼ぐ
「Uber Eats」役者を目指している人など時間拘束をされたくない人向けの副業。また自転車を乗り回す体力がある人向けにおすすめ
町を歩いていると「Uber Eats」とかかれている黒や緑のバッグを抱えて 自転車で走り回っている人を見たことはありませんか? あれは「配達の副業」をしている人たちなんですね。 「Uber Eats」は今人気の副業の一つで、空いた時間を利用して、デリバリー代... -
ふるさと納税
「ふるさと納税」でティファールの調理器具・電気ケトルをお得に買えるチャンス!大分県玖珠町への寄付でうまく節税しよう!
2018年のふるさと納税返礼品の中にティファールの調理器具・電気ケトルがあります。 ふるさと納税サイト「F-STYLE」でティファールを見てみるにはこちら >> 【大分県玖珠町(くすまち)の「ふるさと納税返礼品」】 「ふるさと納税」は実質負担2,000円で自治... -
ふるさと納税
「ふるさと納税」でApple製品(AppleTV,iPad,AppleWatch第4世代モデル)をお得に買えるチャンス!
2018年のふるさと納税返礼品にApple製品があります。 Apple製品が年々高くなっていくを見ていると、すこしでもお得に買うことができればと考えるのは当然のことですよね。 ふるさと納税をうまく使ってApple製品をお得に手に入れましょう! 【福岡県行橋市... -
ふるさと納税
「ふるさと納税」を使うとサーティワンアイスクリーム商品券をお得に買えます
みんなだいすきサーティワンアイスクリーム。 単価は安いけれど、たくさん食べていると積み重なって気がつけば年間4,000円以上サーティワンアイスを購入しているということはありませんか? このサーティワンアイスは「ふるさと納税」の制度を利用するとお... -
副業でお金を稼ぐ
主婦の副業!在宅Webデザイナーとして在宅ワークを目指せるWEBデザイナースクール「デジタルハリウッド STUDIO by LIG」
家計負担を考えて副業を考えている主婦の方が多いです。 今は旦那の稼ぎでまかなえていても、将来的に子供が欲しいと考えると 資金面での不安はあります。 子供が小さい時期ですと手間がかりますので、何かと目が離せない状況になります。 通い仕事になっ... -
mac
「Reflector2」を再インストールをする方法。ゲーム実況やプレイ動画をに使えるソフトで人気
ゲーム実況やプレイ動画をに使えるソフト「Reflector2」をインストールする方法 -
副業でお金を稼ぐ
【簡単&未経験OK】主婦が空いた時間にできる綺麗になれる副業!美容やエステのモニター会員のお仕事
【副業=大変ではない】 副業をはじめるとなると、時間をつくらないといけないし、 新しいことをおぼえなければいけなかったりと何かと大変ですよね。 やりたいことが副業にできれば長く続けられますが、 やりたくないことを無理矢理続けていてもしんどく... -
プログラミング
業務効率化に便利なGoogle Apps Script!GmailやGoogleスプレッドシートを自動化処理できるプログラミング言語
仕事でGmailやGoogleスプレッドシートを使っていて、 ということがあります。 エクセルでいうマクロを組むイメージですね。 Google Apps Scriptという言葉を知らない方も多いはずですので、 まずはGoogle Apps Scriptから解説していきます。 【Google Apps... -
お金の節約
ガス代節約術!安いプロパンガス会社の見積もりを一括できるサービス「enepi(エネピ)」
プロパンガスは高い。 これから冬の寒さを迎えるにあたり、光熱費の出費が大きくなります。 ガソリン代が160円と高騰していることもあり、余計にお財布にダメージがあり2018年の冬の懐事情はとてもつらくなりそうです。 高いプロパンガス代金をどうにかせ...