たまに役立つ、Googleフォームの回答者に自動返信メールを送る方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、Google Formをたまに使うエンジニアのづやです。 機能的にはお問い合わせフォームとして利用できたりしてしまいますよね。ただデフォルトの機能だと、自動返信メールが送れないようなので、調べて実装してみました。 GAS（Google App Script）を利用したらけっこうあっさり作成できますが、ちょっとだけハマりポイントもありましたのでそのあたりも記載します。 下準備 なにはともあれFormを作成してみます まずはGoogle FormでFormを作成してください。ここに対する解説は、おそらく数えきれないくらいあるので探してみてください 今回はこんなFormでテストしていきます。 ※このFormは予告なく使えなくなる可能性があります。 なるたけいろんなパターンを用意してます。 Gasが動く準備をします FormができたらGASを書いていきます。 GASはスクリプトを書き、
世の中に溢れる「うざい広告」をプロが徹底解説！マーケターは必見です | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、LIGのマーケターのまこりーぬ（@makosaito214）です。 ネットサーフィンをしていると頻繁に出会う「うざい広告」ってありますよね。広告を制作、運用する立場としてこの手の広告がなぜ存在するのか、そして今後こういった広告はどうなっていくのかを、今回はしっかり勉強したいと思います。 今回講師としてお招きしたのは、マーケティング会社の「株式会社キーワードマーケティング」の代表である、滝井さんです。以前よりTwitterやブログを読ませていただき勉強していたので、今回は非常に楽しみです。それではご覧ください。 滝井 こんにちは。株式会社キーワードマーケティングの滝井です。本日は、まこりーぬさんに「うざい広告」についていろいろと説明したいと思います。「うざい」と思う広告を勉強することで、ユーザーに訴求する最適な広告とは何か？ を考えることにつながると思いますよ。 まこりー
地元京都に戻って飲食店をやることになりました。本当にありがとうございました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
店舗の場所はこちら。 京都の中心部、河原町三条という交差点を二筋北に上がったところに、姉小路通という細い通りがあります。そこを東に入ると、お店があります。最寄り駅は、京都市役所前駅か三条京阪駅です。 こちらが現オーナーのはるなさんです。このたび、10年続けていた店を閉める決断をされてから、色々な方に「お店を引き継がせてほしい」と言われていたにもかかわらず、僕みたいな若造に「あんたに任せるわ！」と委ねてくださいました。本当にありがとうございます。身が引き締まる思いです。 昼はバーガー。夜はバールのお店をやります。 今回やるお店は、昼はハンバーガーの提供、夜はワインがメインのイタリアンバール、という形態です。 昼はLAMP野尻湖でも人気のハンバーガーを提供 こちらはLAMP野尻湖で提供している「LAMPバーガー」。 京都では、LAMPバーガーの美味しさはそのままに、鴨肉を使ったハンバーガー、通
Facebookデバッガーとは？ページの内容とシェアされる内容が違う場合の対処法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 やっとのことでリリースしたメディアサイト。 早速投稿した記事をFacebookでシェアしようとしたら、シェアされる画像や内容がなんかちょっと違うなんてことありませんか？ そんなときは、連日のリリース作業で疲れ果てて泥のように眠るエンジニアを叩き起こす前に、まずはどういう状況か把握しましょう。 はじめに まず、Facebookでシェアされる内容については、サイトのOGP（Open Graph Protocol）というものでコントロールされています。 例えば、あるサイトのURLをFacebookでシェアしようとしたとき、Facebook側はそのページの情報を持っていなければ直接そのページにアクセスし、情報を取得・解析したうえで、そのデータをFacebook側が保持します。（スクレイピングといいます） そして、すでにFacebook側が保持しているデータが
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
Sublime Text2 と Emmet LiveStyleをかけあわせて、爆速でCSS開発☆！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんばんは。小林です。 今回の記事は、下記を利用して開発されている方には、是非読んでいただきたい。 Sublime Text + Google Chrome( 或いはSafari ) そうでない方にもそこそこ読んでいただきたい。 目的としましては、「CSSの開発をより高速に行える環境を作りましょう！」ということなんです。百聞は一見に如かずということで、まずは、こちらのスーパーにエクサイティングなデモ動画を見ちゃいましょう！ 諸般の事情で動画が観れないという方に簡単に説明しますと、Emmet LiveStyle(以下LiveStyleと表記)を使うことで以下のことができます。 リアルタイム更新。Sublime Textでただタイピングするだけで、あたかもブラウザのデベロッパーツールのCSSパネルを弄るかのように、リアルタイムでCSSを更新できる。無論いちいちファイルを保存したりする必要はない
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
美しいWebデザインをタイプ別に！見ないと損するパーツ別ギャラリーサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
中型ライダー（二輪）免許を持っているライターの内藤です。 本日は、ライダーキック並みの強烈さで役に立つ見本サイトをまとめてみたいと思います。 Web屋さんはご存じの方も多いかもしれませんが、ブログをしている一般の方、Webデザイン・DTPに興味のある方、お店を持っている方なども必見です！ 部品に特化した見本 部品に特化した見本サイトをご紹介します。 見出しデザイン（h1,h2,h3……その他DTPでも） はじめは見出しデザインに特化した見本サイトまとめ。 見出しデザイン.com http://midashi-design.com/ 見出しタグ（h1,h2,h3……）のデザインの見本ですが、DTPなどでもヒントになるものがたくさんあります。 カテゴライズは、グラデーション・テキストのみ・テキスト非画像・上線・下線・丸・四角・囲み線・斜線・点線・角丸。 ヘッダー部分に凝っても見出しが適当だと全
スマートフォンサイトのHTMLコーディングメモ12個 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
display:table-cell; を活用する リキッドレイアウトのコーディングにすごく便利。 親要素に display:table; 子要素に display:table-cell; 記事リストなど、画像とテキストを横並びにするときに。 均等に横並びにしたいときに。 タップ時のカラー設定 CSSで以下のように設定。アルファ値も設定可能。 -webkit-tap-highlight-color: rgba(255,105,183,0.6); 画像、iframeに max-width を指定 img・iframeは、サイズが大きすぎて画面からはみ出すことがあるので max-width:100%; を指定する。 word-break:break-all; を指定 スマホは幅が狭いため、長いURLなどが1行に入りきりません。 word-break:break-all; を適宜指定する。 フォ
DreamweaverとPhotoshopを使い、神速でスライスする方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 先日、高円寺のワーキングスペース「こけむさズ」さんで勉強会があると聞いて行ってまいりました。 講師は「神速Photoshop」の著者の一人・石嶋さんで、フォトショを使って、わりとぽっちゃりな人をかなりすっきりにするテクや、ガサガサの残念肌をツルツルの潤い肌にするテクなどを教わってきました。 「カワイイはつくれる！」ということを実感いたしました。 そこで教えてもらった中でも、 「DreamweaverとPhotoshopを連動させて超効率的にスライス＆タグに埋め込むテク」がすごかったので、ご紹介させていただきます。 これを使うと、 とにかく早い 後からデザイン修正が発生した際、直すのが楽 シャドウがある画像でも正確に切り取れる などのメリットが！フォトショでもFW並か、それ以上に楽ができると思います。 そ
続・新人ディレクター必見！バズるサイトを作るときにディレクターがすべき4つのこと | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのあかねです。 前回のブログで、新人ディレクター必見！大規模案件をディレクションするときの先回りして準備しておくこと3つで大規模案件の際のディレクションについて紹介しました。勉強になったでしょ？笑 今回はLIG特有かもしれませんが、面白ネタ系のサイトを作るときにディレクターがやるべきことを教えます！ ※これだって本当は教えたくないんだよ。。。 1. 前提条件の整理 「面白くて、バズるサイト作ってよ」 だいたいこれから案件が始まります。さて、バズるとはなんでしょう。 「バズる」は「バズ」に「～する」をくっつけた造語で、2つの使われ方がある。 a. Twitterで流行している話題、単語などを指す場合。 b. 口コミを利用したマーケティング手法を「バズ・マーケティング」と呼び、SNSを利用したソーシャルメディアマーケティングを表現する場合。 カタカナで「バズる」、または
LIGサイトをリニューアルして早2ヶ月。制作時に意識した5つのこと。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターの鮫島です。 LIGサイトがリニューアルしてから早2ヶ月。ジェイ引退記事の影に完全に隠れてしまったのですが実はLIGサイトは今年の3月にめでたくリニューアルをしていました。 恐れ多くもLIGに入社してまだ日が浅い私めがサイトリニューアルのディレクションを担当させていただきましたので、僭越ではありますがサイトリニューアルでこだわったポイントをいくつかご紹介させていただきます！ １：サイト内の回遊率をUPさせる！ リニューアル前の問題点 記事から記事へ移動するための導線が少ない！ 導線は一応あるけど、テキストリンクだけなのでわかりづらい！ リニューアル後の改善ポイント ブログの末尾に”関連記事”や”この記事を書いたライターのアーカイブ記事”などの導線を設置！ リンクに画像をつけて、視覚的にわかりやすく！ リニューアル前の問題点として、ブログ記事内で横移動するための導線が
GWはじっくり腰を据えてスキルアップ！おさらいして読みたい、技術系お役立ち記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、GW前半に意を決して体組成計を購入し、体重・BMI・体脂肪率、内臓脂肪など、数々の恐ろしい数値があらわになったメディア事業部のあゆみです。体内年齢は27歳（実年齢＋2歳）…恐怖のあまり、即スポーツジムに入会しました。痩せよう。 さて、今年のGWはお休みが前半、後半と分断されていて遠出するか悩ましいカレンダーですよね。 そこで「中途半端にまとまったお休み、どこかに行く気力もお金もないし、どこに行っても混んでるからもう引きこもるに限る」という方にぜひ読んでもらいたい、LIGブログの技術系記事をピックアップしてみました。ゴロゴロするだけじゃもったいない！GWの時間を、知識・技術のレベルアップにあててみませんか？もちろん旅行や帰省の際の移動時間にもおススメです。携帯でも読めますので！（きっとPC開きたくなっちゃうだろうけど） WEBデザイン 必読！5分でわかる流行のレスポンシブWebデ
メインビジュアルで訴求。印象的なスマートフォン向けサービスサイト（ランディングページ）まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。代表取締役の岩上です。スマートフォン向けのサービスを紹介する際、メインビジュアルを大きく使いイメージを訴求する手法があります。写真やイラストを大きく使用している印象的なサービスサイトをまとめて見ました。スマートフォンビジネスに携わっている方の参考になれば嬉しいです。 印象的なスマートフォン向けサービスサイト（ランディングページ）25選 1. Square https://squareup.com/ 2. Spotify https://www.spotify.com/int/ 3. MAILBOX http://www.mailboxapp.com/ ※すでにサービス提供を終了しております。 4. feedly https://feedly.com/ 5. pulse https://www.pulse.me/ 6. flipboard https://flipboard.co
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
LIG WORKS
今フォローすべき、日本を感じるInstagram人気アカウント12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作