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

さくらいらぼ

「副業でお金を稼ぐ」 一覧

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

css Web制作

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

2019/11/8    ,

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

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

JavaScript Web制作

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

2019/8/14    , , ,

スクロールしたらCSS3のグラフがアニメーションするようにする方法 『アニメーションするグラフを作ってくれ』と言われてしました。 知らない間にアニメーションの需要が出てきているんですね。 少しWEBから遠ざかっていたのでこんなことができるようになっていたのは非常に驚いています。 たしかにアニメーションするグラフは見栄えが良いし、 企業のサイトを作成するとなると決算や社内状況を知らせるためグラフは不 ...

JavaScript Web制作

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

2019/8/5    , ,

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

PhotoshopCC

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

2019/7/17    

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

JavaScript Web制作

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

2019/7/11    , ,

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

アフィリエイト

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

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

PhotoshopCC

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

2019/5/22    

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

Javascript

Web制作

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

2019/4/26    , ,

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

Web制作

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

2019/4/12    , ,

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

Web制作

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

2019/3/18    ,

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

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

Web制作

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

2019/3/14    , ,

「Lity」の使い方。画像や動画を簡単に強制ポップアップ表示させるJSライブラリー【WEB制作】 LityはjQueryを利用したLightbox系のJavaScriptライブラリです。 ポイント ・画像、インラインコンテンツ、iframe、動画URLをポップアップ表示できる ・3kBと超軽量 ・レスポンシブ対応 ・利用にはjQuery本体が必要。 ・MIT license. Lityを使うとどう ...

Web制作

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

2019/3/12    , ,

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

Web制作

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

2019/3/8    , ,

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

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

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

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

副業でお金を稼ぐ

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

2018/12/4    ,

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

Copyright© さくらいらぼ , 2019 All Rights Reserved.