TOOL 2018/7/11 2023/4/27 さくっとGoogleマップをカスタマイズしよう!【サンプル有り】 こんにちは、しばです。 2018/6にGoogle Maps APIのAPI群の構成や料金プラン等が変わったのをご存知でしょうか? 私は一切Google Maps APIに触ったことがなかったので「へ〜」という感じだったんですが、このタイミ...
OTHER 2018/6/27 2020/8/30 参考になる素敵なSNS・シェアボタンのアニメーション25選 こんにちは、しばです。 何気ないボタンでも、アニメーションやホバーエフェクトでちょっと楽しくなったり操作が心地よくなったりすることってありますよね。 「ボタン cssアニメーション」と検索すると、まとめ記事たくさん出てくるのでがいつも参考に...
OTHER 2018/6/20 2019/10/31 SVGがIEのみ黒くなってしまう場合の対処法 こんにちは、しばです。 先日、色付きのsvgがIE11でだけ黒一色になってしまう事象に遭遇しました。 日本語・英語共に全く事例を見かけなかったので、諸々しらべて自分なりに結論をまとめました! 原因はあんまりこういう使い方する人いないのかもな...
OTHER 2018/6/13 2021/4/28 Gulpを使ってサイト表示を高速化しよう! こんにちは、しばです。 このたび遅まきながらタスクランナーデビューをしました。 これまでGulpは何回かチャレンジしようとして、インストール方法やら設定ファイルやら調べたら('ω')ウワアアアとなってしまって手をつけていませんでした。 しか...
Javascript 2018/6/6 2020/3/3 Flickr APIを使ったギャラリーサイトの作り方【jQuery】 こんにちは、しばです。 写真系SNSの二大巨頭と言われるInstagramとFlickr。「インスタ映え」で話題になったInstagramは一般的にも有名ですが、写真撮影に力を入れているなら撮影情報(Exifデータ)を残せるFlickrを使...
CSS 2018/5/16 2019/10/31 CSSとSVGで簡単にラインアニメーションを作る方法【Illustrator初心者向け】 以前はsvg単体のアニメーションを作りましたが(「【SMIL】SVGアニメーションでsvgのキャラ画像を動かそう!」)、今度は前々から気になっていた文字を書くラインアニメーションを調べてみました。 ということで、svgとcssを使った、Il...
Javascript 2018/3/21 2019/10/31 【AngularJS】スコープを使ってngStyleを動的に変化させる【条件】 ng-classの記事はよく見るのですが、ng-styleでスコープのプロパティを使ったり条件つけたりする方法が今いち分からなかったので、まとめました。 ng-styleの使い方 基本的な書き方 ◯ ng-style="{ height :...
Javascript 2018/3/14 2019/10/31 【AngularJS】 ng-repeatでデフォルトの逆順にソートしたい 主キーを置いて昇順・降順にソートする方法はよく見かけるのですが、配列やオブジェクトを元のインデックスの逆順で表示する方法が見当たらなかったので調べてみました。 (さらに…)
APPLICATION 2018/2/28 2019/10/31 【Xcode】アップロード時にITMS-4238エラーが出た場合【Application Loader】 先日、iOSのアプリ審査でリジェクト(却下)されました(´A`) 指摘された内容を修正・再ビルドし、XcodeのApplication Loaderを使ってアップロードしようとしたところ、こんなエラーに遭遇。 ERROR ITMS-4238...
OTHER 2018/2/6 2019/10/31 【SMIL】SVGアニメーションでsvgのキャラ画像を動かそう! 前記事「【Illustrator】ラスタ画像からsvg画像を作る方法」に続いてsvg関連。 今度はsvgアニメーションを実装してみました。 svgアニメーションには、 aminate要素(SMIL(スマイル))を用いる javascript...