4 
ディレクター
「LINE BOT」「Facebook Messenger Bot」などに代表される「チャットボット（Chatbot）」の基本的な仕組みについての説明です。「BOTって何？」という方はぜひご覧ください。
5
その他
ソニックムーブ、2017年の社員旅行は2泊3日石垣島！ゆったりした南の島で、束の間のバカンスを楽しむソニックムーブ社員たちの様子をレポートします。
7
フロントエンジニア
JPGの圧縮率とPNGの透過を実現する超軽量なJPNG.svgを試してみました。透過PNGを使いたいけど、容量が大きくなることで懸念していた人は是非チェックしてみてください。
0
デザイナー
簡単にドット絵のGIFアニメーションを作れるWebサービスPiskelの紹介です。ドット絵を左右対称にしたり、格子模様を描く機能などがあります。
8
フロントエンジニア
ローディングやメニュー、モーダルなど様々な場面で使えるCSSアニメーション 20選をまとめました。ソースコードもあるので、カスタマイズすればすぐに使えます。
6
ディレクター
「ワンランク上のバナー構成案の作り方」をご紹介します。よくある構成案を、パワーポイントの基礎的な機能だけでちょっといい感じにしてみましょう！情報の優先度を考えることで、初心者…
3
その他
SlackとAstroを連携することでGmailをSlackで受信したり、返信することができるようになります。Astro自体は、AI機能を備えたメールサービスとなっており、大事なメールを見逃すことがな…
1
フロントエンジニア
凝ったCSSボタンを一から作るのは大変ですよね。そんな時はボタンジェネレーターを使えば、簡単に作成できてコピペするだけで使えます。そんなわけでCSS3ボタンジェネレーターをまとめて…
25
デザイナー
GoogleのChromeがAPNG (Animated PNG) に対応したのでアニメーションするPNGを作ってみました。対応ブラウザの状況、ツールや作り方も紹介しています。
4
デザイナー
作業の流れが分かるとPhotoshopでシネマグラフを1分ほどで作成できる方法の紹介です。案件によっては、とてもおしゃれな使い方もできます。
1
ディレクター
SlackとGoogleカレンダーの連携で定例会議や打合せの5分前通知を自動化する方法の紹介です。「繰り返し」できることはどんどん自動化して生産性を向上させましょう。
1
デザイナー
複数の写真を一括でスマートオブジェクト化できるPhotshopスクリプトCellの主な特徴と使い方について紹介します。写真を多く扱う場合には便利です。
1
フロントエンジニア
Flexboxの対応ブラウザって何？など、HTML5、CSS3の対応状況を確認できる便利なWebサービス「Can I use」の紹介です。Analyticsと連携することで自分のサイト状況も確認できる機能もあり…
2
その他
AWS×Deploymentについての勉強会を行いました。ソニックは「[AWS CodeDeploy 使い方]ワンコマンドデプロイ」を発表。LIG×ガラパゴス×ソニックムーブ第5回合同勉強会の模様です。
3
デザイナー
パララックスと言っても様々な表現手法があり、今回はちょっと気になる様々なクリエイティブアイデアのパララックスサイトをピックアップしてみました。
