Toshiyuki

Web制作

フローティングバナーをCSS作る【Web制作】

2020/4/8    ,

スクロールに追尾していくバナー「フローティングバナー」をCSS作ります。 ポイントとしては ・position: fixed,bottom:0;の指定 ・z-indexの指定 の設定です。 position: fixed + bottom:0にすることで画面下にブロック要素を固定配置します。 z-indexを指定しないと、他のレイアウトにpositionをつかって配置している場合にスクロールしてい ...

no image

Podcast

【2020年】武田鉄矢・今朝の三枚おろしで紹介されているおすすめのネタ本

2020/3/23    

武田鉄矢・今朝の三枚おろしとは 武田鉄矢・今朝の三枚おろしは文化放送JOQR FM91.6/AM1134で 月曜日〜金曜日に7:40〜放送されているラジオ番組です。 俳優武田鉄矢さんがMCをつとめる人気ラジオ番組で、参考書を元に「武田鉄矢さんが知らないことを勉強して人に聞かせる」という勉強会に参加しているようなアットホーム感のある番組内容です。 テーマは多岐にわたりいろいろなアンテナを貼っているこ ...

lifehack(ライフハック)

「LOVOT」価格はいくら?家族のように自分に甘えてくる癒やしロボットが自宅にもやってくる

2020/2/18    

まるで生き物のようなふるまいを再現した家電ペットLOVOT(ラボット) 『可愛すぎてCGかと思った』 『手を上げながら抱っこして!っていうところ可愛すぎ』 個人的には手塚治虫の漫画に出てくる家政婦ロボットみたいだなというのが第一印象だったのですが、 LOVOTの生き物のような反応はロボットを感じさせないリアルな動きで印象がガラリと変わりました。 自宅にLOVOTをお迎えするだけでなく、pepper ...

生活

法人向け!起業したてのオフィスの家具の初期コストを下げたい

2020/2/12    ,

起業してこれからガンガン仕事をしていこうとするときオフィスを用意するケースがあります。 バイトや社員をやとったり、客と打ち合わせをするのであればオフィスが必要になりますよね。 その時、困るのが「オフィスの家具」の導入です。 家具って仕事用途して揃えると結構高いので初期コストがかかります。 資金繰りの心配な状態ですと家具を揃えるための資金を用意するのも大変ですよね。 そこで近年利用されているのが【家 ...

生活

Amazonから「あなたのアカウントは停止されました。」の詐欺メールが届いたときに試すこと。内容とメールアドレスをよく見て!

2020/1/28    

AppleIDの詐欺メールが届いているケースが増えていますが、 Amazonのアカウントでも同様の詐欺メールが届きましたので警戒したい事例を紹介します。 突然Amazonから「あなたのアカウントは停止されました。」のメールが届く ぱっと見でAmazonのロゴが大きく表示されているので紛らわしいのですがこれは詐欺メールです。 メールの文面 お客様各位、 あなたのアカウント cherinuno@yah ...

JavaScript Web制作

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

2019/12/26    ,

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

JavaScript Web制作

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

2019/12/26    , ,

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

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

css Web制作

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

2019/11/8    ,

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

ロジクールマウスが故障しました。

PC レビュー

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

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

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

JavaScript Web制作

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

2019/8/14    , , ,

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

支払いの問題でApple IDがロックされました。【警告】

Apple

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

2020/2/12    

「支払いの問題でApple IDがロックされました。【警告】」のメールが届く 調べるといろいろ事例が出てくるのですが、「支払いの問題でApple IDがロックされました。【警告】」の詐欺メールが私にも届きました。 Apple IDに関する迷惑メールは様々な形を変えて届くので 必ず送り先のメールアドレスを確認しましょう。 送られてきた迷惑メールは下のようなものです。 一見するとAppleからのメール ...

JavaScript Web制作

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

2019/8/5    , ,

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

Googleツール Googleドキュメント

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

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

PhotoshopCC

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

2019/7/17    

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

JavaScript Web制作

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

2019/12/12    , ,

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

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