非デザイナーは「生成AI」でどこまでUIデザインを作れるのか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Technology部の永松です。 私が在籍しているTechnology部ではさまざまなシステム・アプリ開発を手がけています。 しかし、部内にはデザインやUIUXの知見がまだ足りていないのが実情です。 実際にデザインをするときは、他部署のデザイナーに力を借りることがほとんど。 ……近年こんなに生成AIが進化しているのであれば、これらを使って自分でデザインを作成することはできないものでしょうか？ WF（ワイヤーフレーム）の作成だけでもいいんです。これらが誰でもできるようになれば、もっとお引き受けできる案件も増えるはず。 というわけで、今回はクライアント提案に耐えうるデザインを生成AIでどう作るのか、試行錯誤した結果を紹介します。以下のツールについて感想をまとめていますので、ぜひ参考にしてください。 今回試したサービス ChatGPT Midjourney(+Vary Region) Fram
画像変換破壊録イトウ〜大量切り取りからの解放〜 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ここは、とある多重債務者のための地下強制労働施設・・・ 暗く湿ったこの空間には、看守の怒声と労働者のうめき声が響き渡り・・・ 少しの動きにも反応して、ねずみや虫たちが駆けずり回る・・・ 机も椅子もまともなものはひとつもない、この空間がオレの仕事場・・・ そして・・・ 絶対に逃れることのできない空間のすべてだ・・・
今後LIGが制作するWebサイトは、Internet Explorerの対応をやめます。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGでフロントエンドエンジニアをしているライダーです。 IE対応、やめます。 2007年の創業以来Web制作に携わってきたLIGは、これまで長らく、Internet Explorerを動作環境に含んだWebサイトの制作を提案してまいりましたが、 今後、LIGが制作するWebサイトは、 Internet Explorerの対応を行いません！ ただしInternet Explorerに特別な配慮が必要な場合は、お申し付けください。これまでのノウハウを活かし、Internet Explorer上でも動作するよう制作させていただきます！ もちろんMicrosoft Edgeに関しては、これまで同様に対応を続けますよ！ 今日は、その背景を簡単にお話しさせてください。 IE対応によってできなくなることがある できる・できないに関しては、さまざまな考え方がありますが、ここでは予算やスケジュ
拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。 さて。さてさて。 皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。 失礼ながら、そのお気持ち、 たぶん5ヶ月、遅いです！ 仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお
「え？それそんなかかるの？」簡単そうに見えて案外時間のかかるWebサイト上のJavaScriptあるある仕様8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
多！ そのため、仕様の洗い出しが不十分になりがちになる、という点で厄介です。 ただし、今はSwiper, Slickといった優秀なプラグインがあります。こいつらは大抵の仕様は満たしてくれますので、積極的に使うと良いと思います。 参考 Swiper Slick フィットスクロール 厄介度：★★★ 紙芝居スクロールなどといったりもします。 海外のオサレなブランディングサイトや、ランディングページなんかでたまに見かけますね。 カッコイイ！うちもこんなんやりたい！と思うかもしれません。がしかし…… イメージ ハマりポイント スクロールに関する他の機能実装 これを実装する場合ブラウザにデフォで備わっているスクロールは使わず、別の方法（CSSのtransformとJSを組み合わせるなど）で実装することになるかと思います。 するとまず、スクロールイベントが取れないんですね。 そのため、スクロールに合わせ
＼新機能／Googleスプレッドシートに搭載されたチェックボックスが便利で新しい | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。経営企画室のゆりえです。 このたび、Googleスプレッドシートにチェックボックス機能が搭載されました！ 以前から、あったらいいな～欲しいな～と思っていた機能のひとつです。便利で使いやすいので、私の個人的所感も含めてご紹介させてください。 Googleスプレッドシートのチェックボックス機能 チェックボックスをつくる まずは、チェックボックスを追加したいセル（もしくはセルの範囲）を選択します。 ※例として、B2:B11の範囲を選択します。 その状態で、メニューの「挿入」をクリックします。メニューリストの下のほうに「チェックボックス」が追加されていますね。 NEW！ クリックすると、選択したセルにチェックボックス（OFFの状態）が追加されます。 できましたー！ 簡単すぎます。 さっそく、チェックボックスをチェックしてみましょう。 クリックすると、ちゃんとチェックがつきます。押しやす
Adobe XDなしにはもう生きられない！これからのWebデザイナーのワークフローが変わるかも!? | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 野尻湖オフィス デザイナーのずんこです。 最近追加された新機能を確認してみたら、Adobe XDが大幅アップデートされ、さらに誰でも使える無料プランまで提供されていて、改めてすごく進化していることに気づきました。 今でこそ社内のディレクターもデザイナーもXDを使用していますが、XDがこんなにメジャーになる前に社内にXDを普及させようと書いた記事があります。 これ以降XDを使ってなかったそこのあなた。この進化ぶりには目をみはるはずです！ そしておそらく最近のアップデートのありがたみを一番享受できるのがデザイナーなのではないかと私は思うのです。 なので再び、XDを布教する活動を行おうと思います。デザイナーの皆さん、準備はいいですか？ 軽い、早い、簡単そして安心 まず、Adobe XDはAdobe Creative Cloudを契約していれば、今すぐにでも導入できます。 XDを愛用
「RxJS」初心者入門 - JavaScriptの非同期処理の常識を変えるライブラリ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。 みなさん、「RxJS」をご存知でしょうか？ すごく大雑把に言うと、RxJSとは非同期処理（マウスクリックなどのイベントベースの処理も含める）をするときに超絶便利なライブラリです！ イメージしやすいように「便利」とは言いましたが、決して「便利」という言葉ではおさまらないくらいのインパクトがあると思います。ちょっとした「イノベーション」に近い感覚です。 今回は、RxJSを全く知らない初心者でもとっつきやすいように説明してみたいと思います。少し記事が長くなりますが、最後までお読みいただければ幸いです！ 目次 ReactiveXについて 非同期処理の問題点 RXと「Observerパターン」 ウォーミングアップ イベントを配列のように操る？ Stream（ストリーム） ストリームを操作する「オペレーター」 オペレーションチェーン ObserverとObservable Col
AWSのAmazon Elasticsearch Serviceを使って簡単にElasticsearch環境を作成してみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアのづやです。 LIGにもオープンソースの検索エンジンElasticsearchを導入したいなぁと思いまして、AWSの公式サービスがリリースされていたのを思い出しました。そこでAWSのElasticsearch環境を作るところまでとりあえず試してみましたので、その紹介をさせていただきます。 「Elasticsearchとはなんだろう？」という方は公式サイトをご確認ください。 AWSのコンパネから設定する まずは各種設定を行っていきます。 ドメイン名の入力 ドメイン名を任意で入力しましょう。 エンドポイントのURLに利用されます。今回は「liginc」にしました。 インタンスの設定 次は設定がいっぱいあります。 インスタンスタイプとインスタンスの数を選びます。1番小さいt2.microを選択しています。 ストレージタイプの設定 次にストレージのタイプです。 インスタンスス
桜も満開ですね。株式会社LIGを退職しました。 | 株式会社LIG
こんにちは！ エディターのさえりです。 楽しく愉快に1年2ヶ月働いてまいりましたが、昨日、3月31日をもって株式会社LIGを退職いたしました。 昨日のうちに愛を込めてきちんとみなさまにお伝えしたかったのですが、3人の退職記事にてタイミングを逃し、ご報告が遅れたことをここにお詫び申し上げます。 今後は、フリーのライターとして活動していく所存です。 LIGブログにも引き続き登場させてもらうので、呆れずにお付き合いくださいませ。 いつでもツイッターで会いましょう！ それでは！ 1年2ヶ月、本当にたのしかったです。特に、元チームリーダーせぶやさんには本当にお世話になりました。テキトーなように見えて、しっかり私たちを守ってくれて、それでいてやっぱりテキトーで、とにかく楽しかったです。本当に感謝しています。昨日の送別会に「原稿おわんねー！」と言って来ませんでしたね。また飲んでください。ありがとうござい
CSS3のFlexboxを基本から理解して、使い方をマスターしよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、王です。デザイナーやってます。 今回は「Flexboxを基本から理解して、使い方をマスターしよう！」ということで、初耳の方でもざっとFlexboxで何ができるか分かるように短い動画を用意しました。 動画の中で使ってたデモをアップしたので、確認してみたい方は以下のリンクをどうぞ！ デモ 昨今では、当然ながらデジタルデバイスサイズの多様化でレスポンシブデザインとやらが流行っています。 同じサイトをさまざまなスクリーンサイズに応じたデザインをしなければならない上に、コーディングにも手間がかかります。制作側からしたら何かと厄介ですよね。 「なるべく手間をかけずに作りたい！」という世界中のデザイナーの声に応えて、「Twitter Bootstrap」をはじめとした数多くのフレームワークが徐々に脚光を浴びはじめて久しくなります。 ただ、これらはあくまで古い技術の組み合わせで、革新的な技術で
フロントエンドエンジニアであり続けるために効率的に情報収集を行う方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
またHTML5 Minutesに登壇してきました。今日はPCを自宅に忘れてiPhoneでブログを書いています。こんにちは先生です。 今日はHTML5 Minutesでお話した「フロントエンドエンジニアとして維持するために」という内容を整理してお届けします。本テーマはHTML5の話ではなく、その前の段階である“情報をいかに効率よく集めるか”というお話です。 はじめに フロントエンド界隈は非常に変化が激しくなっています。 HTML,CSS,JavaScriptはもちろんのこと、SassやLESSなどのプリプロセッサ、TypeScriptやCoffeeScriptなどのAltJS、GulpやGruntなど開発環境も多様化しました。JavaScriptだけ見ても、BackboneからEmber、Angular、Reactなどさまざまなライブラリやフレームワークが注目され、使われています。 そんな激
Markdownでいい感じのプレゼン用スライド資料を作れる「Deckset」を使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フロントエンドエンジニアのいなばです。 先日社外のLTに出る機会があり、Decksetというアプリでとても楽にスライドを作ることができたのでご紹介したいと思います。 Decksetとは http://www.decksetapp.com/ Mac専用のアプリです。 有料アプリですが、無料でお試しすることもできます。以前はセール価格で購入できたようですが、残念ながら終了してしまったようです。。 Decksetはこんな人にオススメ ちゃちゃっとスライドを作りたい デザインとか苦手だけど、苦労せずにそれっぽい感じにしたい マークダウンが大好き そして3000円出しても惜しくない人！ 今までスライドが必要になったときはIllustratorやPhotoshopで作成してPDFで書き出していたんですが、それがずっと面倒だと思っていました。 使ってみましょう 実際にDecksetで作成したものがこちら
エンジニアがいい感じにフロントエンド開発を爆速化できる環境構築の手順 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
今年もHTML5 Minutesに登壇してきました。こんにちは、先生です。 当日は「フロントエンド開発スピードをあげるための環境を作ってみた話」をしてきました。 今回はその環境を使ってみるまでの手順を書いていきたいと思います。 必要なものをインストール NodeJS Gulp WebPack Bower PhantomJS NodeJSとGulpのインストールは過去の記事「Gulp.js入門 – コーディングを10倍速くする環境を作る方法まとめ」をご覧ください。 WebPackのインストール WebPackはさまざまな形式のモジュールを静的なファイルにまとめて出力してくれるツールで、拡張性が高く最近好んで使っています。 WebPack http://webpack.github.io/ インストールはnpmを使って簡単にできます。 npm install webpack -g ※ macは
phpenv + php-buildでPHPを複数バージョン利用する方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、tetsuです。 Webサイトには多種多様な環境があり、テストする環境も同じだけ必要となってきました。PHPを異なるバージョンで同時に利用する場合も、バージョンごとにサーバを用意しなければなりません。 しかし「phpenv」と「php-build」を利用すれば、1つのサーバ内で異なるバージョンのPHPを利用することができるのです。 というわけで今回は、この「phpenv」と「php-build」の導入例を紹介させていただきます。 検証OS 「CentOS6」を利用して検証しています。 必要なパッケージをインストール まずは「phpenv」と「php-build」の導入の前に、必要なパッケージなどのインストールと設定をおこないます。 （すでにインストール済みのものについては、適宜省略してください。） EPELレポジトリの追加 CentOSの初期レポジトリではインストールができない
【PHPで学ぶデザインパターン入門】第1回 Strategyパターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの王です。 今回はデザインパターンと、デザインパターンの中の「Strategy」について紹介したいと思います。 デザインパターンとは？ 端的にいうと、「よくある問題へのよくある解決策」です。 ここでは、あくまでもソフトウェア設計の場合に限定しているのですが、さまざまなコンテキストで活かせる概念です。 「今までの経験上、この手の問題なら、この方法（パターン）でやればうまくいくよ！」という経験則は誰にでもあると思います。それがゲームの場合なら「攻略法」、料理の場合なら「レシピ」、語学の場合なら「定型文」だったりします。 ソフトウェア設計の場合、特にオブジェクト指向プログラミングにおいて言うなら、「デザインパターン」とは、過去のソフトウェア設計者が失敗に失敗を重ね、試行錯誤の中から導き出した再利用しやすいノウハウの集大成のようなものです。 そう、要するに、柔軟性、拡張性、再
業務で安心して使える厳選AngularJSモジュール8選＋α | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
最近AngularJSとずっとにらめっこしています。やっていて楽しいです。 こんにちは、先生です。 最近はAngularJSとばかり遊んでおり、さまざまなモジュールを入れては消しを繰り返しています。もちろんそれらのモジュールの中には、対応していないブラウザや端末があったり、一部環境では正常に動作しないなどの不具合を持つものも多くありました。 そこで本日は、数あるモジュールの中でも安心して業務で使えたモジュールについて紹介していきたいと思います。 2014年11月現在でのライセンスも明記していますので参考にしてください。 安心して使えたモジュール8選 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapをディレクティブにしているモジュールです。 元々のB
初心者でもわかる！リベースの使い方を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、エンジニアの王です。今回は、Git初心者を悩ませるリベースについて解説してみたいと思います。 リベースが初耳 リベースを聞いたことはあるけど、使っていない 不安を抱えながらも、リベースをなんとなく使っている 上記に当てはまる方は、ぜひ読んでくださいね。 リベースで何ができる？ コミットが綺麗になる！ 以上です！ この一言に尽きる！ 具体的にどのように綺麗になるかというと…… コミット履歴がわかりやすくなる コミットメッセージを後から変える コミットの順序を後から変える 2つ以上のコミットを1個に統合する 一度コミットした内容を編集する といった具合でしょうか？ 整理整頓が好きな方は、ぜひリベースを使いこなしていただきたいと思います！ マージとリベース 2つのブランチの変更点を統合するとき、Gitの最も一般的なやり方は、マージとリベースを使うことです。マージは初回で説明したので、
上手な話し方とは？話がわかりやすい人とわかりにくい人の違い8か条 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。5月から自転車通勤を始めたライターのあだちです。 とても気持ちいいですよ！ ところで、皆さんは「話がわかりやすい」と言われたことはありますか？ 会議然り、報告然り、「話がわかりやすい」ということには、さまざまなメリットがあります。 一方、「ものすごく話のわかりにくい人」がいるのも事実です。何を言っているのかわからなかったり、何度聞き返しても要領が得られなかったりと、コミュニケーションの難しさを痛感してしまうようなときもあります。 この二者の差は一体どのようなところにあるのでしょう。そこで今回は、かつて私がコンサルティング会社で働いているときに教わった、「話のわかりやすい人と、わかりにくい人の違い」を8つにまとめてご紹介したいと思います。 【こちらもおすすめ】 ☞ プレゼンが苦手な人でも人前で話すのが上手になる6つのコツ 「話がわかりやすい人」と「わかりにくい人」の違い8か条 1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3人でLIGを退職します。 | 株式会社LIG
