hosopyのブックマーク - はてなブックマーク

そろそろHTML6とCSS4の話を。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、LIGの代表のゴウです。 LIGでは毎年アドベントカレンダーなるものをやっていまして。「今年はゴウさんもなんか書いてくださいよー」とエンジニアのまさくにに言われたので、よっしゃ、待ってましたとばかりに書いております。アドベントカレンダーはもともとエンジニア界隈の風習らしいので、テーマもそういったテクノロジー系が喜ばれるみたいですね。テクノロジーかー。俺が書けるテクノロジーの記事なんてあんまないので、ここはあいつに聞いてみましょう。というわけで、LIGのCTOであるづやを呼び出しました。こいつだったら最近のWeb業界の流れとかテクノロジーとか知ってるでしょう。ぜんぜん関係ないですけど、づやの実家はこちらです。電気屋をやっていて、彼は長男なのでいずれ継がないといけないのですが、どうするんでしょうか。我が地元、長野県信濃町も過疎高齢化が進み、他の地域と同じで後継者問題は重

hosopy 2020/05/16

リンク

ランディングページのデザインまとめサイト11選！デザインを作る際のポイントとは | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、マーケターのまこりーぬです。 Webサイトのランディングページを作成することになったけど、どのようなデザインにしたらよいのかさっぱりわからん……と悩んでいる方も多いのではないでしょうか？この記事では、Web制作担当者向けに、ランディングページとはなにか、デザイン作る際の注意点やおすすめのデザインのまとめサイトを紹介します！ランディングページとはランディングページ（LP）とは、ユーザーが広告・外部サイトなどをクリックした際に、一番最初に訪れるページのことです。一般的には縦長の1枚構成になっています。ランディングページの役割ランディングページの役割は、ユーザーに、自社の商品やサービスへの関心を持たせ、商品購入や問い合わせといったコンバージョン（結果）を引き出すことです。ユーザーを他のページに移動させないために、1ページ中に情報を集約する、イメージ画像を多用する、情報を提示

hosopy 2019/07/11

リンク

拝啓、お客様。Webサイト制作のコストはここにかかります。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

令和ですね。こんにちは。バックエンドエンジニアのまさくにです。ゴールデンウィークで休んでいたら、シュワシュワと筋組織が融解し、「自然に帰ろう……自然に帰ろう……」と遺伝子に刻み込まれた内なる声が僕を光射す方へ誘いました。もはや社会復帰は難しいかもしれない。さて。さてさて。皆さま、いかがお過ごしですか。新しい期に入り、心機一転したい気持ちでしょうか。何ならアレですか。お持ちのWebサイトをリニューアルしたい、そんな気持ちをそろそろお持ちでしょうか。失礼ながら、そのお気持ち、たぶん5ヶ月、遅いです！仕事としてWebサイトの制作に携わってから、5年くらいが過ぎました。現在はバックエンドの作業を行いながら、TD（テクニカルディレクション）やPM（プロジェクトマネージャー）として、プロジェクトに関わることも増えてきています。その観点から言って、お客様と我々の間には「Web制作」の考え方にお

hosopy 2019/05/10

リンク

ワンランク上のフォント選びをするために意識したい3つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

おつかれさまです。デザイナーのみやです。フォントを選ぶときってみんなどうしてるの？って思いますよね。僕も思ってます。デザインは、フォント選びによってよりよくなったり死んでしまったりするものです。一応、選ぶときにビジュアル以外に気にしていることがあるので、今回はそれを紹介しようと思います。何かの参考になれば幸いです。重心フォントの重心の位置によって与える印象も変わってきます。ざっくり分けるとすると、高い・真ん中・低いとなります。重心が高いと、腰高な印象になり、優雅・スタイリッシュな印象になります。重心が真ん中だと、フラットなイメージでクセが少なく、読みやすい印象になります。重心が低いと、どっしりとしたイメージになり、安定感・力強い印象になります。もっと顕著な例だとこんな感じ。ふところふところというのは字体の内側の空間のことをさします。重心とともにフォントの印象を決める要

hosopy 2019/02/18

リンク

プロジェクトマネージャー同士が交流できる場をつくる！「プロジェクトReマネジメント」イベントレポート | 東京上野のWeb制作会社LIG

こんにちは、アシスタントディレクターのきくりんです！ 2018年11月2日（金）に、「面白法人カヤック」さん、「Asana」さん、「Impressive」さん、「LIG」の4社共催でプロジェクトマネージャーのお仕事に関してのイベントを、いいオフィス上野にて開催しました。その名も、「プロジェクトReマネジメント」！どの企業内でも、そこまで多くはないプロジェクトマネージャーという役職。自分や自社のやり方が正しいかどうかわからない、同じ職種同士で集まる場が欲しいといった声を、LIGのプロジェクトマネージャー陣も常日頃から耳にしていました。そこで、もともとAsanaさんと面白法人カヤックさんが2018年8月に開催していたこのイベントを、改めて4社合同で行うこととなったのです。実質2回目となる今回の大きな目的は、「PMに関する知識のインプットとアウトプットの両方をしていきながら、みんなで知識

hosopy 2018/11/23

リンク

あの「Vue.js」が、悶々としていた新人エンジニア時代の僕を助けてくれたという話 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、フロントエンドエンジニアのライダーです。ひと昔前は「フロントエンドは技術の進歩や流行が早い」といわれていましたが、それもずいぶんと落ち着いてきた気がしています（一方で、最近デザインツールめっちゃ出てない……？）。突然ですが、今回はタイトルにもある通り「Vue.js」に助けてもらったという話をしたいと思います。なんとなく悶々としていた入社1年目の当時、僕はしばらく悶々としていました。その理由をあえて言語化すると、「なんか流行りに乗れてなさそう」という、とてもとても表面的なものでした。主にフロントエンド技術周りの話です。 LIGのWeb事業部は主軸に受託のWeb制作を置き、事業を展開しています。作るものは主にWebサイトです。コーポレートサイトやメディアサイト、キャンペーンサイトなどなど……、その種類は多岐に渡りますが、ほとんどがWordPressサイト。コーディング時

hosopy 2018/09/25

リンク

本当に役立つ配色サービス30選。配色難民の新人デザイナーに捧ぐ

こんにちは。ジャスの意味がわかるやつは大体友達。Webデザイナーのミライです。仙台出身です。私は入社当初から約1年、LIGブログの「アイキャッチ（記事サムネイル）」「バナー」「背景ジャック（大型バナー）」を制作しており、制作の回転数が多いこともあって、配色でぐるぐると悩むことがよくありました。そのときにカラーリングの参考になるサービスサイトを手当たり次第に調べて、ためていたものを紹介します。けっこう量があり、ひと通りの配色系ツールを押さえているので、ブックマークしておけばきっと役に立つことでしょう。配色に悩んで脳内、インターネット砂漠をぐるぐるとさまよい歩いたあなたの旅もここで終わりです。仕事はさっさと終わらせて、早く帰って寝るのです。はじめに説明を読めないほど疲弊しているあなたのために、評価の軸を立てました。見やすさ特異性掲載数です。個人的な観点ではありますが、サク

hosopy 2018/06/12

リンク

SPAだけじゃない！Vue.js[1]　jQueryをVue.jsに書き換えてみる | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは。フロントエンドのつっちーです。以前は最先端感をプンプンさせていたSPA（シングルページアプリケーション）ですが、最近では事例や情報が増え、当たり前に選択される技術となってきたように感じます。今後もどんどん使われていくのでしょう。ですが、だからといってサーバーサイドテンプレート（Haml、Slim、テンプレートとしてのPHPなど）やHTMLファイルへのマークアップが無くなるわけではありません。SEO対策、CMSやフレームワークへの適応など、様々な理由でまだまだ使われていくはずです。ではSPAと、サーバーサイドテンプレートやHTMLファイルへのマークアップと、両方に使えるフレームワークはないものだろうか？そう思い調べてみたところ、Vue.js がまさにそれでした。案件でも実際に使用し、大きなメリットを感じられたため、記事にまとめておこうと思います。 Vue.jsのSPAでの用

hosopy 2018/02/08

リンク

失敗なくして成功なし！IT業界の3社が赤裸々に失敗談を語るトークイベント「3社合同反省会」第2弾を開催します！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

失敗なくして成功なし！IT業界の3社が赤裸々に失敗談を語るトークイベント「3社合同反省会」第2弾を開催します！こんにちは、バックエンドエンジニアの Kaz です。さて、今回は来たる 2017 年 12 月 7 日（大安）に開くイベント「年忘れ！3 社合同反省会」の告知をさせていただきます。皆様も日々遭われているであろう、普段の仕事や日常でのさまざまな手痛い失敗。もちろんすべてうまくいくのが一番理想ではありますが、それには失敗の知識や経験があったからこそ。そこから成功に繋げられるというものもあれば、片や事前に知っていればこうはならなかった！というものもあるでしょう。そこで、今回 IT 業界で活躍する株式会社ガラパゴス、株式会社ソニックムーブ、そして弊社株式会社 LIG の 3 社が集ってさまざまな失敗を語り合うイベントを開こう！ということになりました。ぜひ各 3 社

hosopy 2017/11/22

リンク

グッバイjQuery、ハローJavaScript… あるフロントエンドの真夏のメモリー | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

自称ミニマリスト、フロントエンドのザワです。こんにちは。今まで私はjQueryとマイメン的な感じで共に修羅場をくぐり抜けてきました。しかし、ミニマリストという性格上シンプルなものに惹かれるもので、断捨離したい衝動に駆られる時期がやって来ます。一大決心の末、jQueryにグッバイを告げ、JavaScriptとマイメン的な感じでコンビを組むことにしました。真夏のメモリー。さて、今回は、jQueryで今まで私が記述していたものがどのように変わったのか、jQueryをよく使用するケースを例にとって、JavaScriptと比較していきたいと思います。 DOM取得編 jQueryを使用する主なメリットといえば、DOMの取得でしょう。idやclassから取得したり、findメソッドやclosestメソッドなど、DOMをトラバース（DOMを横断して移動するイメージ）して簡単に目的のDOMを取得すること

hosopy 2017/09/05

リンク

初心者でもわかる！リベースの使い方を解説します | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作

こんにちは、エンジニアの王です。今回は、Git初心者を悩ませるリベースについて解説してみたいと思います。リベースが初耳リベースを聞いたことはあるけど、使っていない不安を抱えながらも、リベースをなんとなく使っている上記に当てはまる方は、ぜひ読んでくださいね。リベースで何ができる？コミットが綺麗になる！　以上です！　この一言に尽きる！具体的にどのように綺麗になるかというと…… コミット履歴がわかりやすくなるコミットメッセージを後から変えるコミットの順序を後から変える 2つ以上のコミットを1個に統合する一度コミットした内容を編集するといった具合でしょうか？　整理整頓が好きな方は、ぜひリベースを使いこなしていただきたいと思います！マージとリベース 2つのブランチの変更点を統合するとき、Gitの最も一般的なやり方は、マージとリベースを使うことです。マージは初回で説明したので、