SPAだけじゃない！Vue.js[2] モーダル実装にみるVue.jsの便利機能 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドのつっちーです。 前回に引き続き、「サーバーサイドテンプレートやHTMLファイルへのマークアップに対して、Vue.jsを使用する方法」に的を絞り、Vue.jsについて書いていきます。 今回は、Vue.jsが用意している様々な便利機能について、実際にそれを用いて作成したモーダルウィンドウを例として見ていきたいと思います。 モーダル実装にみるVue.jsの便利機能 こちらがモーダルウィンドウの完成形です。 See the Pen v-example-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen v-example-completed by ligdsktschy (@lig-dsktschy) on CodePen. See the Pen v-example-completed by
![SPAだけじゃない！Vue.js[2] モーダル実装にみるVue.jsの便利機能 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/d1addae2d590c14ce93623d89fa75e4e60f978d0/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2018%2F03%2F15200409%2F02_sp.jpg)
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
デザインがしっくりこないときに試すこと10選【新米デザイナー向け】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザイナー兼踊り手のJona（＠jona_yawaraka）です。わたしはLIGブログに掲載されるアイキャッチ（ブログ記事の顔になる画像）、バナー、背景ジャック（大型バナー）など、さまざまな画像を製作してきました。 画像をつくって客観視したとき、「ある程度まとまってはいるんだけどなんだかしっくりこない。でも何が悪いかわからない……」ということありますよね。 わからないときはとにかく手を動かして、いろいろと試してみるとうまくいったりするもの。ということでデザインがしっくりこないときにとりあえず試したい10の簡単な方法を、私の経験を踏まえながら紹介いたします。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれくらいするのか、情
Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです！ そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか？ 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
イベントレポートの書き方はどうすればいい？知っておきたい7つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。外部メディア運用チーム「LIGMO」の編集者、さえりです。 この間、女子のための妄想力というイベントに行ったら、思いのほか内容が興味深く非常に面白かったので、それを記事にしようと思っているのですが……。 書けません……。 イベントレポートを書こうとすると、どうしても出来事を羅列的に並べてしまてしまうだけで終わってしまい、面白みが出ないんです。 ……全然書けないので、機嫌が悪くなってきました。 イベントレポートや体験レポートを書く経験があまりなかった人は、わたしと同じように「どう書けばいいの？」と悩んでしまうこともあるのではないでしょうか。 あまりに書けない状態が続くと、パソコンのディスプレイをバキッとやってしまいそうになりますし、無理に仕上げて出来が悪いものになると今度は自信がバキッと折れてしまいます。手遅れになる前に、イベントレポートの書き方のコツを、誰かに教えてもらいましょ
Web制作者向け便利ツール・参考デザインなどLIGブログ記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも〜こんにちはぁ！最近カナダから日本に戻ってまいりましたライター、のび太です。いや〜やっぱり日本はいいですね～。なんといっても牛丼が安くてウマい！！ さて、LIGではこれまでWeb制作者にとって役に立つ様々な記事が公開されましたが、かなり数も増えてきたので、今回はそれらを分野別にまとめてみました。 時間のない方も、ぜひ一旦ブックマークなどをしておいて、週末なんかに一気に読んでもらえたらいいと思ってます。この機会にWeb力向上を目指しましょう！ Web制作者に役立つ記事ジャンル別のまとめ Web制作者にとって便利ツールは欠かせませんよね〜。作業時間が何十、何百分の一にも短縮されることもあると思います。場面によって適切に使い分け、どんどん効率化を図っていきましょう。 ■Windowsユーザー必見！普段使い＆制作に役立つ便利ツール5選 https://liginc.co.jp/web/too
企画書に使える！信頼できるデータの引用元15選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのなかみーです。 新人ディレクター向けシリーズの最終回ですね。 今回は、企画書を書くときに役立つ統計やアンケート結果などを公開しているサイトをご紹介したいと思います。 データで一番重要なのは、それが本当に“信頼できるものか”ということ。 発表元が信頼できる会社であればそのデータの信頼性は高いですし、100人に聞いたアンケート結果よりも10万人に聞いた方がより正しい統計データを得ることができますよね。 企画書に使えるような信頼できるサイトをまとめたので、お役立てください。 1. StatCounter http://gs.statcounter.com ブラウザのシェア率などを調べるときに使えます。 全世界だけでなく、日本国内で使われているブラウザにフィルタリングすることもできるのが便利です。 2. Similarweb http://www.similarweb.c
月間PV/UUどのくらい？好きなサイトの月間PV/UUを調べてみました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。代表の岩上です。LIGではコーポレートサイトをメディア化するべく色々と試行錯誤しながら、やれ今月はPVはどれくらいいきそうかなどメディア事業部をつついております。今回、ふと、自分自身が良く見ているサイトのPVやUUはどうなのだろうと調べてみたので、分かる範囲で共有します。 Tech Crunch Tech Crunch 海外、国内問わずベンチャーに特化したニュースサイト。ターゲットを絞った上で190万PVはスゴイですね。ターゲット層もIT関連企業で先進的なユーザと明確です。2006年のTechCrunch Japan立上げから僕もずっと見てます。 月間UU：80万 月間PV：190万 メディア資料[PDF] CNET Japan CNET Japan IT系の総合ニュースサイトです。1000万PV以上はさすが。ここ最近、IT系のブログメディアが増えてきてるので、過去から現状の経
月間PV・UUや広告メニューが分かる媒体資料（メディアガイド）のWebメディア11選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGの岩上です。 年末年始休暇を挟んだことで不安もありましたが、LIGブログが1月に初めて月間400万PV（約200万UU）を越え、とても良い結果になりました。 ひとつの過程としてとても嬉しいです。関係者のみんな、お疲れさまでした。 今回は、他のメディアさんを色々と拝見する中で見つけた、媒体資料が見やすくまとまっていて、表現や広告手法・料金体系などがメディア運営者として参考になりそうなメディアさんをご紹介させていただきます。 （※数字は2015年2月時点での数字になります。） 媒体資料が参考になるWebメディア11選 1. WIRED.jp http://wired.jp/ 月間800万PV／260万UU。 個人的にとても好きなメディアです。U.S.やU.K.、イタリア、ドイツ、日本と展開しており、デザインもそれぞれの文化に沿ってローカライズしています。U.K.（http:/
GWに復習したいGoogleアナリティクスによるアクセス解析やWeb分析記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはエリカです。 ゴールデンウィークが来ると、いよいよ夏という気がしてきますね。 2015年後半に向かって変化してくるこのシーズン、改めて自分のウェブサイトを『解析』し直してみるのはいかがでしょうか？ 解析・分析というと難しいイメージですが、1時間もあれば今日からすぐ始められるのです。 Googleアナリティクスを中心に、おすすめの記事を集めましたのでぜひご覧ください。個人的なおすすめ度も添えてみました！ 準備〜導入編 これからGoogleアナリティクスを始めようという方に読んでいただきたい記事です。 ただ慣れている方でも普段使わない機能や、後から追加された機能のことは意外と知らないので、おさらいしていただくとおすすめです。 「Googleアナリティクス」ってなに？ 無料アクセス解析ツールの定番「Googleアナリティクス」の意味と導入方法を知ろう https://liginc.co
WordPressで「Blade」テンプレートエンジンを使おう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。 僕は以前から「なぜWordPressには、デフォルトのテンプレートエンジンがないのだろう？」と不思議で仕方ありませんでした。PHPのコードをHTMLの中にごちゃ混ぜにするのは、どうも気持ちが悪いように感じてしまいます。 いい感じのテンプレートエンジン探しの旅で、たどり着いたのが「Blade」。 知っている方もいらっしゃると思いますが、最近人気のPHPフレームワークである「Laravel」に、標準搭載されているテンプレートエンジンです。 もちろん、本家のBladeはそのままではWordPressでは使えません。Mikael MattssonさんによるWordPressの移植版が出ていますので、下記ページからそちらを使わせていただいてます。 WordPress › Blade « WordPress Plugins： https://wordpress.org/plugi
【初心者向け】PHPとは？PHPでできることや基本的な書き方を紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ひろゆきです。 僕はWebサービスをつくりたくてエンジニアになったのですが、プログラミング言語は数が多く仕様もさまざま。「プログラミングには興味があるけど、どの言語から手をつけるべきか分からない」という方も、多いのではないでしょうか？ 今回プログラミング言語の中でもPHPをご紹介するのは、初心者でも比較的とっつきやすく、前知識がほとんどなくてもブラウザ上で動かすことができるので、エンジニア入門に適しているからです。 プログラミングでモノ作りをしたいと考えている方は、PHPから始めることをおすすめします。 今回は「無料PHPスクール」を運営している「株式会社ドリーム・シアター」の中田さんの情報提供の元、LIGブログでのif文やwhile文の事例など、PHPを勉強する前に知っておきたい基礎知識をまとめてみました。 中田斉道（なかた せいどう）さん PHP／Javaを中心としたWeb
なぜ売り上げを使い切ったらダメなの？会社の経費でハワイに行ってきた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
人物紹介：菊池良 株式会社LIGのメディア事業部に所属するライター。主に記事広告の企画・執筆を担当。 仕事でニッショー.jpさんが開催している「たのしーお部屋ツクルーノ♡キャンペーン」に応募するイラストを描くことになったのですが… 何も考えが出ません。 オフィスにいながら「住んでみたい部屋」を想い描くのは無理があります。 なので、ハワイに行こうと思います。 ・ ・ ・ ・ ・ ・ 着きました。 憧れのリゾート、ハワイです。 ここならば、「住んでみたい部屋」のアイデアも湧いてくるかもしれません。 旅行代金は高くつきましたが、クライアントから頂いている売上から経費として出せば大丈夫なはずです。 売上を超える金額を使わなければ利益は出るはずなので、問題はないでしょう。 綺麗な海に入ると、自然とインスピレーションが湧いてきます。 会社の経費でこんな場所に来られるなんて、サラリーマンの特権ですね。
【PHPで学ぶデザインパターン入門】第1回 Strategyパターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの王です。 今回はデザインパターンと、デザインパターンの中の「Strategy」について紹介したいと思います。 デザインパターンとは？ 端的にいうと、「よくある問題へのよくある解決策」です。 ここでは、あくまでもソフトウェア設計の場合に限定しているのですが、さまざまなコンテキストで活かせる概念です。 「今までの経験上、この手の問題なら、この方法（パターン）でやればうまくいくよ！」という経験則は誰にでもあると思います。それがゲームの場合なら「攻略法」、料理の場合なら「レシピ」、語学の場合なら「定型文」だったりします。 ソフトウェア設計の場合、特にオブジェクト指向プログラミングにおいて言うなら、「デザインパターン」とは、過去のソフトウェア設計者が失敗に失敗を重ね、試行錯誤の中から導き出した再利用しやすいノウハウの集大成のようなものです。 そう、要するに、柔軟性、拡張性、再
【2021】デジタル一眼レフカメラのおすすめ8選と選び方を詳しく紹介！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「初心者でも一眼レフカメラで綺麗な写真が撮りたい！」と思っている人に向けた全5回のシリーズ記事になります。 前回の第1回目「デジタル一眼レフカメラって何？初心者にオススメな各種デジカメの特徴・比較まとめ」では一眼レフカメラ、コンパクトデジカメ、ノンレフレックス一眼の違いと特徴についてまとめました。 今回はとくにデジタル一眼レフカメラの購入を検討している方に向けて、その選び方について掘り下げていきたいと思います。 それでは、はじめます。 初心者におすすめな一眼レフ8選 キヤノンのおすすめカメラ キヤノンのカメラの特徴は現像（プレビュー）のときに美しく見えることです。そんなキヤノンのカメラのおすすめを5つ紹介します。最初に紹介するEOS Kissシリーズは簡単な操作で初心者に人気があります。 EOS Kiss X10 EOS Kiss X10は初心者
【完全主観】物欲の化身が今年、買ってよかったもの13選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ LIGの二人いる社長のうちの一人、ゴウです。 早いもので2014年が終わりそうですが、今年も沢山のモノを買いあさりました。そんな俺（物欲の化身）が、2014年に買って良かったと心から思っているモノをご紹介して、今年一年のLIGブログの最後の記事とさせていただければと思っています。 それでは行ってみましょう！ 完全主観の俺が2014年に買ってよかったモノまとめ！ Mac book pro 13インチ Retinaモデル まずはこちら！ MacBook Pro 13インチ Retinaモデル。 これまでiMac 27インチをメインに、MacBook Air 11インチをサブとして使っていたのですが、これを買ったことにより一台ですべての作業ができるようになりました。まじで個人的産業革命。もっと早くに買っておけばよかった。パワフルで早いし、Airの13インチと比べても殆ど重さ大きさに
【大事】2015年お正月休みのお知らせ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆さまこんにちは、広報担当のヨシキです。 いよいよ2014年も残すところあとわずか。今年もLIGブログの読者の皆さまには大変お世話になりました。 さて本日は、年末年始の休日についてお知らせさせていただきます。 2014年12月27日（土）〜2015年1月4日（日）までの9日間、株式会社LIGは年末年始のお休みを頂戴します。 来年もどうぞLIGを宜しくお願い申し上げます。 なぜ、年末年始は長く休むのか 今回、9日間という長期に渡ってLIGはお休みを頂戴しますが、ここではなぜ年末年始は長く休むのか、ということについて考えていきたいと思います。 まず期間についてですが、一般的には官公庁が12月29日から1月3日までを休日としていることに準じる企業が多いようです。そこに土日が加わることで、カレンダー次第では9連休などの長期休暇となります。 ただし、就業規則で年末年始の休日についてどのように設定され
わずか二坪。日本最小の住宅で暮らすことになりました。本当にありがとうございました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGが長野県信濃町にて運営しているゲストハウスLAMPの支配人、堀田です。 以前、「長野に来て半年で、僕は一軒家を手に入れました。本当にありがとうございました。」という記事でお伝えした通り、こちらの一軒家を借りることにしたのですが、このままでは住めないのでリノベーションをしようと思い… LAMPの改築でもお世話になっているログラフの大工、拓さんに相談したのですが… 「こんな感じでどう？」 と、地面に枝で書いた設計図？のようなものを見せられ… 「ここで資材を揃えた方が安いねん」 と言われ、近所にあるリサイクルショップ？？？のような所に連れて行かれ… 工事が始まりました。 さて、この家、建造物としてもっとも重要な基礎が無く、すべての柱は腐っていました。 なぜこの家が自立できているのか分からないのですが、もしかしたら浮いているのかもしれません。 長野、マジすごい。 とりあえず不安な
経営者視点で家計簿を見て、損益計算書と利益計画書の読み方・作り方を学ぶ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
経営者、主婦、そして九州ライターの村上です皆さんこんにちは。さて、ボーナスの時期が近づいて参りましたね。主婦としては、老後のことも考えて、もらったお金はある程度貯蓄に回したい。一方で、経営者としては、会社もいざというときに備えて、ある程度の資金を準備しておきたい。 この2つの立場の悩みは意外と似ていて、それは「じゃあ一体どれくらい稼げばお金は貯められるのか？」というものです。 じつは、家計を預かる主婦がつけている家計簿は、会社の損益計算書・利益計画書と考え方が同じなのです！ ということは、家計簿を上手くつけることで、経営者視点を養えるということ。社会人になったばかりの人などにとってはとっつきにくいこれらの書類を、家計簿を題材に理解してしまいましょう。 家計簿と損益計算書で現状把握をしよう まずは皆さんの給与明細の項目から、家計簿に必要な内容を挙げてみましょう。 こんな具合ですね。その他の出
会話が続かない3つの理由！会話を無理なく続けられる6つの方法も紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「優秀なエンジニアが採用できない」「リソースが足りなくて開発が進まない」という方は、海外にエンジニアチームを作ってみませんか？ 詳しい内容は以下からご覧いただけます。 サービス詳細はこちらから 会話が続かない理由 会話が続かない人の主な理由は以下の3つです。自分があてはまっていないか確認してみてください。 会話が続かない理由 人見知り 感情がわかりにくい 相手に対して配慮がない 人見知り 人見知りな人は人との会話に慣れておらず、話すことに抵抗がある場合が多いです。会話をするときに、目をそらしたりして表情が読み取りにくかったり、会話のキャッチボールがうまくできないことで、ぎこちない雰囲気になることも多いでしょう。 ただ、人見知りだから必ず会話が続かないというわけではありません。人見知りの人でも相手によっては普通に会話ができる場合もたくさんあります。 感情がわかりにくい どんなに面白いと思った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
