マガジンのカバー画像

program

4
運営しているクリエイター

記事一覧

GASでスライド編集を楽にする。スライド一括作成

GASでスライド編集を楽にする。スライド一括作成

前回は、GAS(Google Apps Script)でスプレッドシートからスライドを操作する基礎を紹介しました。

今回は一括編集して楽(≒便利)を感じるコードを紹介します。

まず、シンプルなスライド1枚を用意します。

このスライドにスプレッドシートからデータを一括で流し込ます。

たとえば、次のようなシートを準備します。

A2セルにはスライドのURLを貼り付けます。そして、Apps Sc

もっとみる

気づけばプロ並みPHP

■データベースにアクセスするデータベースにアクセスするときの基本ルール

1. データベースに接続する
2. データベースエンジンにSQL文で指令を出す。
3. データベースから切断する

接続しなければ指令は出せない。
最後の切断を忘れると、データベースにデータが正しく反映されない可能性がある。

データベースに接続する
$dsn = 'mysql:dbname=データベース名; host=ホス

もっとみる
IntersectionObserverを使って要素の交差を検知してアニメーションさせる

IntersectionObserverを使って要素の交差を検知してアニメーションさせる

初めてIntersectionObserverを使ってみたのでnoteに残しておきたいと思います📝Vue.jsのコードですが、Vue.jsっぽい書き方していないので他のフレームワークでも一緒かと!

IntersectionObserverとは
スクロールして可視範囲に入ったらアニメーションさせたいってありますよね??ふわっとタイトルを表示させたり。

通常はJavaScriptのscrollイ

もっとみる
Vueで書かれた自社サイトをNuxt対応した時にAWSインフラでハマったポイントとその解決策

Vueで書かれた自社サイトをNuxt対応した時にAWSインフラでハマったポイントとその解決策

先週、弊社が運営する3Dモデル検索ウェブサービス「heymesh」をリニューアルしました!4/10にサービスをリリースしてから初の大きなリニューアルになります。

今回リニューアルした内容の一つに今までVue.jsで書かれていたheymeshをNuxtに対応させるという要件があったのですが、本記事はVueで書かれたサイトをNuxt対応させる途中でハマったポイントと、どのように解決したのかについて自

もっとみる