さくらいらぼ

数あるJavaScriptスライダープラグインの中で、 ・bxslider.js ・slick.js の著名ですが今回利用したのが「Swiper」です。 【Swiperのメリット】 Swiperはオプションが多く、いろいろなスライダーを作ることができます。 ・IE11対応 ・jQueryが不要 ・スマ...

アコーディオン処理を加えるときにとても楽ちんなのがjQueryのSlideToggle()です。 短い文でかんたんにアコーディオン開閉時を実装できます。 SlideToggle()とともに「もっと見る」「閉じる」のようなボタンのテキストを変化させたいことがあります。 今回...

メディアクエリ(Media Queries)はスマホ向けのWEBサイトを作るのに必須な技術です。 メディアクエリを正しく記述しても効かないときがありましたので備忘録として記載しておきます。 メディアクエリ @media screen and (max-width: 320px); というように表...

ショックすぎる出来事が起こりました。 愛用しているロジクールのマウスMX MASTER 2Sが故障し、ボタン割当のできるファンクションキーが全く効かなくるという大事件です。 マウスの左、右クリック、マウスホイールは使えますがファンクションキーが押して...

『アニメーションするグラフを作ってくれ』と言われてしました。 知らない間にアニメーションの需要が出てきているんですね。 少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。 たしかにアニメーションするグラ...

【「支払いの問題でApple IDがロックされました。【警告】」のメールが届く】 これはフィッシングメールだ！ 絶対に中のリンクを押してはいけない！ 「支払いの問題でApple IDがロックされました。【警告】」のどう見ても詐欺メール（フィッシングメール）...

Chart.jsはグラフをとても簡単に作っていくことができるJavaScriptライブラリです。 と中身のデータを入れ替えていくだけでグラフが簡単に出来上がります。 エクセルなどのスプレッドシートでグラフを作る感覚に近いです。 グラフの初期テンプレートは用意...

Googleドキュメントを使ってみたいけど、どんなものかわからないという人向けに Googleドキュメントについての使い方をまとめていきます。 【Googleドキュメントとは？】 Google ドキュメント オンライン上(Web上）」でMicrosoft Wordで作るような書類ドキ...

【Photoshopでテキストに下線をつける方法】 PhotoShopでテキストに下線をつけるには 「テキストツール」の下線のボタンを押すだけです。 テキストツールを選択して文字を入力します。 メニューのウィンドウ ＞ 文字を選択して文字ウィンドウを表示します...

JavaScriptのライブラリとして一般的になったのが「jQuery」です。 いまだにjQueryを使ったサイトの案件はたくさんありますので、 JavaScriptの勉強をしていく上では逃げられないライブラリになっています。 「ボタンをオン・オフしてjQueryで画像を変えた...

【警戒レベルについて】 気象警報・注意報に対して「警戒レベル」が定義されています。 気象庁 ｜ 気象警報・注意報 避難勧告に関するガイドラインの改定（平成30年3月29日）: 防災情報のページ - 内閣府 避難所開設状況の調べ方 【一度はチェックしてどん...

【Twitterアプリは複数アカウントの切り替えが可能】 Twitterはメールアドレスがあれば複数のアカウントを持って利用ができます。 このアカウントは趣味用で、このアカウントは情報収集用で…と用途別にアカウントの利用を分けて使いたいシーンはよくありま...

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

古いサイトの修正をするときに見かけることがあるのが 「javascript:void(0);」 aタグの画面遷移を無効化するために使われていますが、 どんなメリット・デメリットがあるのでしょうか。 【「javascript:void(0);」のメリット 】 ・aタグのhrefに書き込む...

IE11でflexboxが横並びにならないとお客さん側から苦情が来てしまいました… 事前にIEはチェックしなくて良いと聞いていたので油断してましたね。 結論としては 「display: flex;」の記述が抜けていたこと。 IEだしdisplay:-ms-flex を書いておけば良いもの...

WEBブラウザはリンク要素の上にマウスカーソルを乗せると 矢印から指マークへ切り替わります。 CSSを編集しているときに何度やっても指マークが表示されなくなる不具合が起こることがあります。 その時の解決方法を記載します。 【CSSでレイアウトしたとき...

LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 【Lityを使うとどうなる？】 ユーザーがボタンを押すと、対象の内容をポップアップ表示できます。 ポップアップ表示をすることで、自分のサイトから他のサイトへ離脱を減らすことが可能にな...

Flexboxを使っているWEBサイトが増えてきました。 ちょっと勉強しなくなると進化についていけなくなりますね。 と淡い期待を持っていたのですが、実際Flexboｘが使われているサイトの修正をするとなると 勉強せざるをえません。 要素が重なってくると複雑...

LightboxはjQueryを利用したJavaScriptライブラリ。 最近は見かける機会が減ってきましたが、写真を押すと写真が拡大表示されて 黒背景に写真が等倍で表示される「写真の見栄えをよくできる」ライブラリです。 サムネイルを押すと、大きい画像が等倍にリサ...

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 【1行に同じ文字を同じ文字を詰める(手動)】 セルを選択してアクティブ（青色）にします。 セルの右下...

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

エンジニアとして生計を立てているなら「CTO」に憧れますよね。 CTO(Chief Technology Officer)は最高技術責任者の意味。 近い言葉で「CEO」がありますが、CEOは「最高経営責任者」 会社経営の決定権を持つ最高責任者です。 CTOは会社の技術部門で活躍する...

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。 また表計算ソフトは触った...

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

Googleシート(Googleスプレッドシート)を使ってみたいけど、どんなものかわからないという人向けに Googleシートについての使い方をまとめていきます。 Googleシートは「マイクロソフトのExcel」に慣れていれば簡単に使えます。 また表計算ソフトは触った...

【Google Playとは】 Google Play(旧：Android マーケット)とはGoogleが提供しているAndroid向けのデジタルコンテンツ配信サービスです。 Android向けアプリ・電子書籍版マンガ・映画・音楽・電子書籍版ライトノベルを購入できます。 ほとんどのAndroid端...

【「ご利用の Apple IDがロックされています」のメールが届く】 調べるといろいろ事例が出てくるのですが、「ご利用の Apple IDがロックされています」の詐欺メールが私にも届きました。 日時的に Apple IDをつかうような出来事に心当たりがなかったので、...

ディープラーニング（AI)をビジネスに活かしたい人増えています。 しかしゼロから勉強を始めるにはとても大変です。 ディープラーニングの知識を測る検定試験で「G検定」というものがあり、 このG検定を目安に一度勉強してみるという方針は意外と使えます...

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

2018年のふるさと納税返礼品にAmazonギフト券があります。 Amazonギフト券は「アマゾンで好きな商品を買い物できるギフト券」です。 アマゾンは言わずとしれた最大手通販サイトです。 欲しいものを探したら大抵のものが見つかりますよね。 いますぐにほし...

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

町を歩いていると「Uber Eats」とかかれている黒や緑のバッグを抱えて 自転車で走り回っている人を見たことはありませんか？ あれは「配達の副業」をしている人たちなんですね。 「Uber Eats」は今人気の副業の一つで、空いた時間を利用して、デリバリー代...

2018年のふるさと納税返礼品の中にティファールの調理器具・電気ケトルがあります。 ふるさと納税サイト「F-STYLE」でティファールを見てみるにはこちら　>> 【大分県玖珠町(くすまち)の「ふるさと納税返礼品」】 「ふるさと納税」は実質負担2,000円で自治...

2018年のふるさと納税返礼品にApple製品があります。 Apple製品が年々高くなっていくを見ていると、すこしでもお得に買うことができればと考えるのは当然のことですよね。 ふるさと納税をうまく使ってApple製品をお得に手に入れましょう！ 【福岡県行橋市...

みんなだいすきサーティワンアイスクリーム。 単価は安いけれど、たくさん食べていると積み重なって気がつけば年間4,000円以上サーティワンアイスを購入しているということはありませんか？ このサーティワンアイスは「ふるさと納税」の制度を利用するとお...

家計負担を考えて副業を考えている主婦の方が多いです。 今は旦那の稼ぎでまかなえていても、将来的に子供が欲しいと考えると 資金面での不安はあります。 子供が小さい時期ですと手間がかりますので、何かと目が離せない状況になります。 通い仕事になっ...

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

【副業＝大変ではない】 副業をはじめるとなると、時間をつくらないといけないし、 新しいことをおぼえなければいけなかったりと何かと大変ですよね。 やりたいことが副業にできれば長く続けられますが、 やりたくないことを無理矢理続けていてもしんどく...

仕事でGmailやGoogleスプレッドシートを使っていて、 ということがあります。 エクセルでいうマクロを組むイメージですね。 Google Apps Scriptという言葉を知らない方も多いはずですので、 まずはGoogle Apps Scriptから解説していきます。 【Google Apps...

プロパンガスは高い。 これから冬の寒さを迎えるにあたり、光熱費の出費が大きくなります。 ガソリン代が160円と高騰していることもあり、余計にお財布にダメージがあり2018年の冬の懐事情はとてもつらくなりそうです。 高いプロパンガス代金をどうにかせ...