Toshiyuki

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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