今さら聞けないWebフォントの基礎知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーの花ちゃんです！ デザインをするとき、どのようなフォントを使えば、そのサービスや商品、あるいは企業のイメージがより魅力的に伝わるのかを考えますよね。それはもちろん、Webサイトのデザインでも同じだと思います。 私もWebデザインを始めたばかりの頃は、フォントにずいぶん悩まされました。Webフォント？ デバイスフォント？ なんで端末によって表示されているフォントが違うの！？ と大混乱したのを覚えています。 仕組みや特徴を知っていれば、フォントを選ぶうえでの一つの基準になります。 今回はデザイナーが知っておきたい、Webフォントの基礎知識をまとめてみました！ それぞれのWebサイトの目的に合った、フォント選びをしたいですね。 よく聞く「Webフォント」ってそもそもなに？ 今や当たり前のWebフォントですが、少しおさらいをしたいと思います。 Webフォントとは、あらかじめサ
【商用利用も可！】著作権保護期間が終了したパブリックドメインの画像サイトまとめ6選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、編集部のナッツ（@nuts612）です。 先週末、編集部のメンバーと「ひたすら記事を書く」というライティング合宿をしてきました。 僕は、男性の巨根を「ウタマロ」と呼ぶ理由を調べてみたり、金を払っても遊べない吉原遊郭の事情を調べて、シコシコと個人ブログに記事を書いていたのですが、ブログ記事ってアイキャッチや挿絵などの画像探しに困ったりしますよね。 そこで今回は、僕が記事中に入れる春画探しに使ったサイトを含め、著作権保護期間が終了したパブリックドメインの画像をまとめているサイトをご紹介いたします。 【パブリックドメインとは】 知的財産権が発生していない、もしくは著作権の保護期間が終了した知的創造物のこと。日本の場合は、著作者の死後50年までが保護期間となっている。パブリックドメインの画像は改変、再配布、商用利用などが自由。 参考：公益社団法人著作権情報センター CRIC パブリック
はんだ付けできなくても大丈夫！ラズベリーパイとGrovePi+で現実世界の情報を読み取ろう【センサー編】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「ぐへへへ かとえみさんが、ツイートしたよ。『きのうふぐおいしかった……』」 将来、もしかしたらこのロボットが、勝手にいろんなところへ行ってしまうかもしれません。あなたの会社に訪問してくるかもしれません。今の世の中、誰でも手に入る部品でこんなものが作れてしまうようです。 これは、止めなければいけない。 まったく仕組みがわからないのですが、自分の身を自分で守るためにも、基幹として使われている「Raspberry Pi（以下：ラズベリーパイ、ラズパイ）」というマイコンボードをいじり、「ラズパイ」でロボットを作る仕組みを勉強していきます！
Vimをもっと上手に! 新たな旋風、Neovimで自堕落なVim力に喝を入れる。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2018年、都内某所の上野。 社内にせまるPhpStorm、Atom、VSCodeの侵攻におののいた僕は、みずからの貧弱なVim力を嘆き、その力をアップデートしなければならぬ、とただただ神に祈っていました。 思えば僕は、Vimをまったく使いこなしてはいなかったのです。先日、Vim8.1がリリースされました。アップデートでもしてみようかな、よっこらしょいとキーを叩き、vimrcを開いたとき、ふいに気づいたのです。 そこに広がるのは愛のないコピペの嵐、辻褄を合わせるためだけの追記の設定、書いてあるものの覚えてもいないキーバインド――。黒いターミナルを見ながら、気づくとツーッと一条の涙が僕の頬を流れていたのでありました。このままでは……いけない。 昨今のIDEはマヂ凄いです。それはわかる。PhpStormの静的解析とかエグい。このタイミングでIDEに居を構えるのもいい。何も悪いことじゃないさ。で
【読点の打ち方】文章に「、」を打つタイミング12パターン | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
文章力を向上させたいエリー（@__erI_）です。 いつも気になっているのは、一体どこで読点を打てばいいんだ？ということ。 義務教育では「呼吸のタイミングで」とか「読みやすいところで」などと教わってきました。正解はない、というのが真理かもしれませんが、それにしても教えが曖昧すぎやしませんか。 いろいろな文献を漁って、わたしなりにまとめてみました。 読点（テン）が多すぎるとよくない理由 「よくわからないから、いっぱい打っちゃえ」と振り切りたいところですが、テンが多すぎるとよくない理由が2つあります。 1. 誤読をされやすくなる 国境の長い、トンネルを抜けると、雪国であった。 『雪国』川端康成 川端康成『雪国』の書き出しです。原文より多くテンを打ってみたところ、長いのが「国境」だと誤読されそうな文章になりました。実際に長いのは言わずもがな「トンネル」。 ここまでおかしな打ち方をすることは少ない
【現役デザイナー伝授】Webデザイナーになるための独学勉強法
こんにちは！ Webデザイナーのおまめです。 私は実務未経験でWebデザイナーとして採用してもらったのですが、「美大も出てないのにどうやってWebデザイナーになったの？」と聞かれることが多くなってきました。 そこでこの記事では、私が全くの初心者から独学でWebデザインを勉強した方法や、Webデザイナーになるまでの過程を詳しく紹介します。また、未経験からWebデザイナーになった友人や先輩の体験談を集めて、叡智を集結させました。 独学でWebデザイナーを目指したい人はもちろん、副業でWebデザインの仕事がしたいという人にも必ず役立つ内容になっているので、ぜひ最後までご覧ください。 できるだけ価格を抑えてWebデザインを学びたいですよね。でも「独学で本当に転職できるの？」「仕事とれるの？」と不安な方も多いのではないでしょうか？ Webデザイナーとして転職するためのポイントは現場レベルのデザイン力
タスク管理ツールRemember The Milk（RTM）が素晴らしいので話をしてもいいですか | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ バックエンドエンジニアのまさくにです。 僕、Remember The Milkが大好きなんですよね。ご存知ですか、Remember The Milk。変な長い名前なので略してRTMと呼んだりしますが、Remember The Milkはシンプルで多機能なタスク管理ツールです。TrelloとかTodoist、Any.doなどが同じジャンルにあたるでしょうか。 僕もタスク管理ツールをいろいろ試したのですが、何だかんだでRemember The Milkに落ち着いています。もう8年くらい有料ユーザーで使ってる。本当に好き。愛してる。そして同じエンジニアとして、こういうアプリケーションを作れることを尊敬します。 でもこの流れの早いWeb業界にいて、仕事の管理ソフトなど、花粉症で浪費されるティッシュ箱くらい早いローテーションで移ろいゆくものじゃないですか。RTMもそろそろ古参のタスク管
料理の写真をおいしそうに撮る5つのポイント【スマホでもできる】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。 SNSの普及に伴い、料理の写真を撮る人は本当に増えたと思います。料理が出されるたびに、食べる前にまずは撮影、というのが習慣になってる人も多いのではないでしょうか。 しかし、簡単そうに見えて意外に難しいのが料理の撮影です。本当はとても美味しそうな料理なのに、写真で撮ったらイマイチ……という経験は誰にでもあるのではないでしょうか。この記事では、スマホでもできる美味しい料理の魅力が伝わる写真を撮るためのちょっとしたコツやテクニックをご紹介します。 ライティング（光の調整）、構図、背景・小物、アングル（角度）、シズル感の5つのポイントを押さえて、食べ物を美味しく撮ってみましょう！ ※この記事は2022年2月に編集部が情報を更新しました ライティング（光の調整） 明るいところで撮影する 料理は自然光（太陽の光）の下で撮影することで明るく自然な色合いが表現でき、美
なぜWebブラウザの文字組みは汚いのか？元エディトリアルデザイナーが解決策を提案します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。入社以前はエディトリアルデザイナー（新聞・雑誌・書籍などの出版物のデザイナー）として書籍の装丁などもしていました。フロントエンドエンジニアのほりでーです。 今回は紙のデザインとWebデザインにある大きな違いのひとつ、「文字組みアキ量」というものについてお話しします。日本語組版のルールにも詳しく触れていくため、Webの経験しかない方も是非読んでみてくださいね！ 2017年2月27日追記：有識者の方からのご指摘を反映し、記事の内容を一部訂正いたしました。詳細な訂正内容については記事末尾をご覧ください。 今回の要点 日本語組版は約物（記号類）のアキが大事 Webブラウザの文字組がイマイチなのは、約物のアキ量が常に一定であることが原因 font-feature-settings: “halt” 1; で約物のアキをなくせるようになった jQury.yakumonoプラグインで行末約物半
おやき発祥の地！長野県民のソウルフード「おやき」のおいしいお店8選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
おやきとは？ おやきとは、小麦粉をこねた皮で野菜やあんこなどの具材を包む、長野県を代表するローカルフードです。 具もさまざまで、家庭や作り手の数と同じだ違った味が楽しめます。味ももちろんですが、具に使用する季節ごとの野菜から四季の移り変わりを楽しめることが、おやき最大の魅力と言えます。 おやきの種類 おやきと一口で言っても、その調理方法はさまざまです。 この他にも、囲炉裏で焼く「灰焼きおやき」なんてのもあります！ また、生地もそば粉・米粉などを入れるおやきや、パンみたいなおやきもあるんですよ。こんな風におやきの調理方法が多種多様になったのには、生産される穀物の違いや、慣習の違いなど色々な理由が挙げられます。 美味しいおやきのお店8選 今回は実際食べたお店の中から、特に「おいしい！」と感じたお店をご紹介したいと思います！ 1. 豊誠堂製菓舗（長野市三輪） チーズ入りピーマン・ソラ豆・ふきみそ
AngularJSで作成したシングルページアプリケーションをGoogleアナリティクスでトラッキングさせる方法 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
10月から引き続きAngularJSな日々を送っている先生です。 今回はAngularJSで作ったシングルページアプリケーション（以下SPA）をGoogle Analyticsでトラッキングさせたいと思います。 SPAでのトラッキング問題 Google Analyticsは、タグを埋め込むだけで勝手にトラッキングしてくれる手軽な解析ツールです。しかしAjaxやpushStateなどページ遷移を伴わないSPAでは、トップページしか解析されません。Analyticsではその対策として、任意のタイミングでトラッキングすることができる仕組みを持っています。 // ページビュー ga('send', 'pageview'); // イベントトラッキング ga('send', 'event', 'image1', 'clicked'); 参考：高度な設定 – ウェブ トラッキング（analytics.
ノンデザイナーのための無料ビジュアルコンテンツ作成ツール9選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ライターのナッツです。 突然ですが、Shareaholicのレポートによると、ソーシャルメディアからのトラフィックはPinterestがTwitterを抜いて2番目の参照元となっているようです。（1番多いのはFacebook） 参考：Shareaholicレポート https://blog.shareaholic.com/social-media-traffic-trends-10-2014/ この調査結果は、魅力的なビジュアルコンテンツはサイトへ多くのトラフィックをもたらしてくれる可能性を示しています。 しかし、私のようなノンデザイナーにとって「魅力的なビジュアルコンテンツ」をつくることはなかなかハードルが高いもの。そもそもPhotoshopとか持ってない！という方がほとんどではないでしょうか。 そこで今回は無料で使えるビジュアルコンテンツ作成ツールを紹介していきたいと思いま
おしゃれな配色パターンが見つかるサイト+アプリ10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
先日、個人でやっているサイトをリニューアルしていたのですが、想像以上に色の組み合わせについて悩んでしまいました。 デザインの知識が皆無の私にはハードルが高すぎたようで、文字、リンク、バナー、背景などの色をベタベタ触っていたら、数時間後にはヘドロのような色彩美のサイトが誕生しました。絶望です。 そこで今回は、私のような素人でも参考になる配色見本サイトについて、用途別にまとめてみました。 「わからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ ベースとなるカラーを設定したい 1． 原色大辞典 https://www.colordic.org/ いつも参考に
「カーニング」「フォント当て」などデザイナーのためのテスト・クイズまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。野田です。 突然ですが、僕はとても飽き性です。なので、仕事もプライベートも楽しいこと重視で動いています。 すべてが楽しいことではないと分かっているのですが、どんなことでも楽しくなるように、常に心がけています。 精神がそんなに強い方ではない気がするので、自分の中だけでも楽観的に考えることでどうにかこうにかやってます。 さて、今回はそんな“楽しむ”を実践できそうな、デザイナーのためのテスト・クイズをまとめて紹介したいと思います。 フォントやカラーなど、知らないより知っているほうがいいと思います。 知ってるから偉いというわけではないんですが、やはり引き出しはたくさん作っておきましょう。 また、カーニングは基本的にできないとまずい気はするので、普段からトレーニングをしておきましょう。 それではご覧ください。 Webサイト編 1. Pixact http://pixact.ly/ ピクセ
感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。 さて、これからみなさんに、下記のそれぞれの文章を見比べていただきたいのですが、 A. ヒャッハー！汚物は消毒だ〜 B. ヒャッハー！ 汚物は消毒だ〜 A. 何してますか？忙しいですか？手伝ってもらってもいいですか？ B. 何してますか？ 忙しいですか？ 手伝ってもらってもいいですか？ どちらがしっくりくる、あるいは、どちらに違和感がある、と思ったでしょうか。 A.とB.の文章の違いは、文末の「感嘆符（！）」「疑問符（？）」の後に全角空白（スペース）があるかないかです。 ほとんどの人はあまり注意して見てはいないと思うのですが、じつはこの表記ルールはメディアによってさまざまです。絶対に全角スペースを空けているメディアもあれば、そうでないメディアもあります。 では、一体どちらが正式なのでしょうか。そもそも、明確な基準はあるのでし
転職活動で失敗せず、理想のキャリアパスを描くための13の知識 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、メディア事業部のヨシキです。 皆さんはこれまでに転職を経験されたこと、あるいは検討をされたことはありますか？ 最近では転職は珍しいことではなくなったとはいえ、やはりキャリアパスやそれまでの生活を一変することになるため大きな不安が伴います。 僕も転職でLIGに入社したのですが、以前から知っていた企業だったということもあり、ある程度入社後の働き方が想像できる中での転職でした。 それでも「失敗したらどうしよう」という不安は強かったですし、今もその気持ちはあります。転職の理由や志望動機は人それぞれだと思いますが、共通しているのは、やはり「失敗への不安」なのではないでしょうか。 そこで今回は、エン・ジャパン株式会社が運営する転職エージェント『エン エージェント』さんで、キャリアパートナーとして求職者の転職活動を親身にサポートし、多くの成功実績を持つ石原さんにお話を伺い、失敗しない転職活動
【ワンコイン】LIGが紹介する、安ウマ上野ランチマップ【激安】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさんこんにちは、メディア事業部のうららです。 突然ですが、平日ほとんどの時間を過ごす会社でのランチタイム、みなさんはどうしていますか？ ランチの選択肢 お弁当持参の方 節約にもなり、尚かつ健康的！ですが、3日坊主の方はまず、無理です。朝ギリギリまで寝てしまう人もすぐに挫折する可能性が大です。 食べない方 節約しながらダイエットも兼ね備える素晴らしい方法です。ただ、仕事の効率等にも影響が出て来ると思われるので、強靭な精神力を持った方にしかオススメは出来ません。 近くのお店に食べに行く方 実際現実的なのは近所に食べに行く、でしょうか。LIGは社内に大型キッチンがあるのですが、社内で作る派と外に食べに行く派にきれいに分かれます。社内比としては自炊：外食（コンビニ含む）＝3：7くらいです。 ただ、「塵も積もれば山となる」のです。気づけば財布の中身を寂しくしてしまうのが、日々の食費… でも、大丈
貯金がしたいあなたへ！無料で使える簡単・便利なフリー家計簿アプリ7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGインターンの大石です。お金が大好きです。 なかなかお金を貯められないとき、「家計簿をつけてみよう」と考える人は多いと思います。僕も一度、家計簿をノートにつよう、とチャレンジしたことがあったのですが、「三日坊主」という言葉の通り、3日できっちり挫折しました。 では、どうやって大好きなお金を管理しているかというと、ネットのオンラインツールを利用しています。最近では簡単で便利な家計簿アプリがたくさんあるので、面倒くさがりの僕もきっちり家計簿をつけることができるようになりました。 というわけで今回は、紙とペンいらずの無料で使える便利な家計簿アプリについてご紹介します。 無料で使える簡単・便利な家計簿アプリ7選 有料版でさらに便利な機能が使えるようになるアプリもありますが、基本的な機能はどれも無料で利用可能ですので、ぜひお試しください。 2秒家計簿 おカネレコ http://oka
エンジニア必見！Webデザイン・制作に役立つサイト26選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
マガンダング ハーポン！最近エンジニアに転職したひろゆきです。 詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ！！」を読んでください。 今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です！ WordPress関連（プラグインの検索、関数の解説など） ■WORDPRESS.ORG 日本語 http://ja.wordpress.org/ WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。 ■WORDPRES.ORG 英語 http://codex.wordpress.org/ WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。 ■WORDPR
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
React Three Fiberでシンプルなパーティクルアニメーションを実装してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
