プログラミング

JavaScript Web制作

2020/7/12

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

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

JavaScript Web制作

2020/7/12

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

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

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

JavaScript Web制作

2020/7/12

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

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

JavaScript Web制作

2020/7/12

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

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

JavaScript Web制作

2020/7/12

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

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

プログラミング

2018/10/30

業務効率化に便利なGoogle Apps Script!GmailやGoogleスプレッドシートを自動化処理できるプログラミング言語

仕事でGmailやGoogleスプレッドシートを使っていて、 にわとりGmailやGoogleスプレッドシートでそんな自動化処理ができるのか?Google Apps Scriptを使えばできるんです! Google Apps Scriptという言葉を知らない方も多いはずですので、 まずはGoogle Apps Scriptから解説していきます。 Google Apps Scriptとは Google Apps Script(GAS)はJavaScriptをベースにGoogle独自のライブラリを組み合わせた ...

UNREAL ENGINE 学習記録

2018/8/1

【UE4】Game Instanceから変数を取得できないときの対処「Accessed None trying to read property 〜〜」

UE4.15の作業メモの記録用記事

UNREAL ENGINE

2020/2/24

おすすめのチュートリアル動画などUE4の初心者向けの勉強方法をご紹介

この記事では「UE4(Unreal Engine4)」の初心者向けの勉強方法について記載していきます。 ポイント ・書籍はあまりでていないのでネットで情報を集める ・さがせば勉強会も見つけられる ・Udemyで日本語チュートリアル講座が増えてきた UE4(Unreal Engine4)を使うデメリット ・参考書が少ない ・日本語の情報が少ない ・アセット素材は高め ・マニュアルがわかりにくい ・Mac版の動きは不安定 UE4(Unreal Engine4)を使うメリット ・ハイクオリティなデザイン向けのリ ...

UNREAL ENGINE

2018/7/27

【UE4】ビューポートの超基本操作

UE4.15の作業メモの記録用記事

Unity

2018/6/6

Unity2018のインストール

この記事ではUnity2018のインストールについて記載していきます。 2018/05/22にNHKのおはよう日本でUnityが取り上げられたことも話題になっています。 Unity2018では ・Pro Builder ・VR 動画 ・360°動画 ・Shader Graph ・Post Processing Stack ・Preset などの機能が追加されました。 Unityの料金体系 2018/06/06現在、買い切りモデルだったプランが サブスクリプションモデルへ変更されています。 基本的には無料の ...

Swift

2018/6/4

【Swift4】CoreDataのSQLiteの中味を確認したい

【Swift4】CoreDataのSQLiteの中味を確認したい

Unity 学習記録

2018/6/4

【Unity】uguiが画面に表示されないときにチェックする項目

自身のモチベーション維持のため学習記録を残していきます。

Unity 学習記録

2017/10/5

【Unity3dゲーム作成】EasyTouch5 スクリプト説明

自身のモチベーション維持のため学習記録を残していきます。 Unityを使ったゲームアプリ開発のメモです。 タップ、ダブルタップやドラッグ、長押しなどの処理を簡単に操作できる便利アセット「Easy Touch 5 : Touchscreen & Virtual Controls」を使った処理のメモ。 「Easy Touch 5 」はジョイスティックボタンやPlayMakerにも対応しています。 マニュアルはEasyTouchBundle > EasyTouch > _Documentation > ...

Unity 学習記録

2018/7/4

【Unity3dゲーム作成】EasyTouch5を使ってタップしたゲームオブジェクトの名前を取得する方法

自身のモチベーション維持のため学習記録を残していきます。

Unity 学習記録

2018/5/15

【Unity3dゲーム作成】uGUI のTEXTをスクリプトから変更する

自身のモチベーション維持のため学習記録を残していきます。

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