Google Apps Script(GAS)でサクッとデジタルトランスフォーメーション
最近私は組織運営などが主要な業務になっていてめっきりコードを書く機会が減ってしまっているのですが、だからこそ開発業務以外で一杯一杯になった時にコードを無性に書きたくなったりします。 いきなり話は逸れますが、エンジニアをしていると親戚親兄弟から突然電話が鳴り、「なんかテレビが変なのよ～」とか、「何もしてないのにスマホの画面から鈴木さんと撮った旅行の写真が消えたんだけど～」とか『ITやってるんだから
開発
理屈で考える、データベースのチューニング
日頃からSQLチューニングの機会があってそれなりに得意としているのに、それでもなぜかパフォーマンスがでないSQLに悩んだ経験はありませんか？ 謎の遅い現象は特に大規模データベースになってくると発生しがちなのですが、速い場合も遅い場合も必ず理由があります。そこで本記事ではデータベースのチューニングにおいて意外と見落とされがちなローレベルな部分に着目して、さらに一歩上のパフォーマンスチューニングに必要
競技プログラミング向けC++環境をWebサービス開発のノウハウで作ってみた 1.使い方
会社でもプログラミングを主に行う仕事をしていますが、卸・仕入れサイト スーパーデリバリーといったサービス開発とはまったく違う難しさがあり、四苦八苦しながらも楽しんでいます。 会社でソフトウェア開発を行う場合、開発を簡単に始められるように、会社で開発環境を用意します。競技プログラミングサイトでもオンラインジャッジシステムが用意されていますが、機能が物足りない場合が多く、各自で用意することが多いので
続・Alexaのカスタムスキルを作成してみよう
以前、Alexaのカスタムスキルを作成してみよう でバイオリズムを読み上げる記事を書きました。 今回はその続きで画面付きデバイス向けにグラフを表示させてみたいと思います。前回と同様、実機が無くてもテストまでできます。 Displayインターフェースの有効化 最初に alexa developer console にアクセスしてスキル名（バイオリズム）をクリックします。 次に画面付きのデバイ
2020.4.27
rel=”preload”を極めるために必要な2種類のプリロード機能
本稿はWebパフォーマンス Advent Calendar 2019の13日目に参加させていただきました。 フロントエンドのパフォーマンスチューニングのシリーズ記事で、今回は2種類のプリロード機能に焦点を当ててリソース読み込みの最適化について解説します。 はじめに まずはブラウザが持つ2種類のプリロード機能をおさらいしましょう。 1つ目はHTMLの仕様として定義されている <link
2019.12.12
超簡単！超軽量！LottieでWebアニメーションが捗る
今回ご紹介するのはWebアニメーションライブラリ「Lottie」です。 リッチなUXを実装したいけど、以下のようになかなか手が出せない方もいらっしゃるのではないでしょうか？ デザイナーにはJavaScriptの学習コストが高い エンジニアにはデザイナーの求めるような動作をなかなか表現できない デザイナーとエンジニアの得意分野を切り分けるために動画で表現しようとするとどうしても重くなる しか
2019.12.5
開発合宿でミッション性のある開発を！@湯河原温泉 おんやど恵
今回は「ラクーンでも開発合宿をやってみよう！」というノリと勢いで開発合宿に行ってきたことのレポートになります。 開発合宿の目的 ”ノリと勢い”とはいえ、勿論目的はあります。決して温泉に浸かりたいとか、美味しいものが食べたいとか、たまには旅行したいよねとかそんなことだけ思ってるわけではありません！ 1. いつもと違う環境で思う存分目的の開発に打ち込む 弊社はサービスの保守をしつつ新規機能や新
SEOの過去・現在・未来、そして心得
ふと過去に執筆した記事を振り返ったのですが、フロントエンドのパフォーマンスの話・bashのプロセス置換・Androidアプリのパフォーマンス・DoS攻撃対策などなど、記事の方向性が毎回バラバラすぎて自分は何の専門なんだろう？と疑問に思えてきました。 まあそれは気にしないとして、今回もご多分に漏れず今までの記事とは全く異なる領域の話です。 話のベースはSEOについてですが、 心得 とか 考え方
エンジニア出身者がデザイナーの業務と出会って得た５つのこと
今回は元々はエンジニア出身者の私が、デザイナー部署のマネジメントをするようになったことで得たことをまとめてみたいと思います。 私は元々は運用周りなどを好んで担当するエンジニアをしていましたが、ここ最近のキャリアでは開発チームのマネージャ、いわゆるVPoE的な役割を担当してきました。ところがちょっとした大人の事情から２年程前よりデザインチームのマネジメントも担うことになりました。私はデザインという
Vue.jsが採用しているMVVMパターンとは【目的を重点に解説】
弊社で開催した勉強会"速い"Webアプリケーションの作り方でLTを行いましたので、内容をまとめました。テーマはデザインパターンの一つMVVMパターンです。 MVVMパターン 速いウェブアプリケーションについて調べていくと、MVVMパターンというデザインパターンをよく見ます。 代表的なところだと、Vue.jsがMVVMパターンです。 MVVMパターンって何だろうと調べると、このような図で説明
2019.10.4
SVGにCSSやJSを組み込んでローディングアニメーションを作成する！
今回のネタは「SVG」です！ 皆さん、SVG使ってますか？？ SVG形式の画像って、拡大しても荒くならないとか、ロゴとかによく使われているとか、そういったイメージを持っている方が多いかもしれません。 良く使われているjpgやpngなどの画像形式との比較を簡単にまとめるとこんな感じになります。 特徴 SVG（ベクター画像） jpgやpng（ラスター画像） 長所
2019.9.30
Alexaのカスタムスキルを作成してみよう
今回は Alexa のカスタムスキルを作成してバイオリズムを読み上げてもらおうと思います。 Alexa においてスキルとは様々な命令（アラーム、音楽再生、ニュース読み上げ等）の事で、 独自にスキルを開発することが可能です。ユーザーが独自に開発したスキルをカスタムスキルと呼びます。 実機が無くても JavaScript の知識があればブラウザ上でとても簡単に開発からテストまでできます。 バイオリ
2019.9.26