パスワード認証ってもう古くないですか？ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ バックエンドエンジニアのKazです。 とても唐突ですが、「パスワード」って危ないと思いませんか？ 「ユーザー名＋パスワード」でのログインは最適解ではない ショッピングサイトやSNSサイト、Webメールから電話料金の支払いサイトまで、ありとあらゆるサービスで「ユーザー名とパスワードの組み合わせ」で登録・ログインが行われていますよね。 でも、これって本当に適切なんでしょうか。 パスワードを「信頼しない」設計 まず英語版Wikipediaの「最もよく使われるパスワード一覧」というページを読んでみてください。 2011年以後、「123456」と「password」が1位と2位を争っているのが見てとれます。 ほかにも、キーボードを左上から順に打つ「qwerty」とか、管理者が設定しそうな「admin」とか、このレベルのパスワードが非常によく使われています。 つまりは、利用者がこうしたパ
【神】Photoshopより、ずっとはやーい！Sketchの素晴らしさを動画で学びながら体験してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、カクシンのアートディレクターのまきこです。アイドル集団「ハロー！プロジェクト」では賛否両論の新体制がはじまりましたが、わたしは変わらず大好きです！ さて、みなさんは、 「Sketch」というデザインツール を使ったことがありますか？ 今回、オンライン動画学習サービス “Udemy” で人気の「Webやアプリの最新デザインツール Sketch3」という動画講座をPRするため、初めてSketchを使うことになったのです。しかし、SketchってWebデザインの現場だとちょっとマイナー。Photoshopと何が違うのかもよくわからない……。 だけど実際に使ってみると、作業がものすごーく早くなったし、 だったんですよ！ 実際に受講した動画講座の内容に沿って、その魅力を紹介しますね！ そもそも「Sketch」って？ Sketchは、アプリやWebサイトのUIデザインに特化したツール。ペー
身の回りのモノを即現金！？今話題のアプリ「CASH」が予想以上にすごかった。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 ラッパーの野田クラクションべべーです。 皆さん、「 CASH 」というヤバイアプリがあるって知っていますか？ カンタンに言うと、 手元にある商品をスマホなどで写真を撮る。 ブランドやカテゴリー選択をする 査定をする キャッシュをする お金が手に入る（上限は20,000円まで） そう、即金で簡単にお金が手に入るんです。 ※どんなモノでも売れるわけではなく、ある程度のブランドモノである必要があります。 やり方はめちゃくちゃカンタン。 ブランド、カテゴリー、コンディションを選びます。 僕は、社長に借金をして買った「 OJAGA DESIGN 」のパスケースをキャッシュしてみます。 ・ ・ ・ 査定金額は 1,000 円。 定価が 8,000 円だったので、若干安いかな〜というイメージでした。 んで、キャッシュされたモノはウォレットに保管されます。 もうこの時点で、お金を下ろすことが
npmにライブラリを公開してみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのいなばです。 過去に作った小さなライブラリを使い回すことが多くなったので、よく使うものをnpmに公開してみました。公開するための手順を調べたので、備忘録として残しておきたいと思います。 npmアカウントの作成 npmへライブラリを公開するために、まずは https://npmjs.org/signup からアカウントを作成します username password email address は、あとで使うので忘れないようにしましょう。 ユーザーの登録をする ターミナルを開いて、下記のコマンドを実行します。 $ npm adduser 先ほど作成したnpmアカウントのusername、password、email addressを聞かれるので入力します。 これで事前の準備は完了です。 公開するライブラリを用意する 今回npmに登録してみたライブラリのリ
これからVimをメインのエディタとして使おうとしているあなたへ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
http://vim-bootstrap.appspot.com/ Vimの設定は、vimrcというファイルで定義をします。私は、Vimを使いはじめたころ、先輩のvimrcをベースにカスタマイズして使用していました。 長く使っているとどんどん自分好みの設定ファイルが育ってくるのですが、最初の一歩がなかなか難しいもの。そんなvimrcを、いきなりそれなりに使いやすい状態で出力してくれるのが、このVim Bootstrapというサービスです。 Plugin – Vim Awesome http://vimawesome.com/ Vimユーザーの多くはvimrcをgitで管理しており、そのうちの少なくはない数がgithubで公開されています。 この、Vim Awesomeというサービスでは、githubに公開されたvimrcを参考にプラグインがリストアップされています。そのままでもイケてるVi
【完全保存版】シートで簡単チェック！デザイナーが見落としがちなUIデザイン12の想定漏れ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。フロントエンドエンジニアのほりでーです。 Webやアプリの開発ではデザイナーとエンジニアの連携が欠かせません。デザイナーとエンジニアが分業する場合、デザイナーがPhotoshopなどのグラフィックツールで完成図となるデザインカンプを作成し、それを元にフロントエンドエンジニアが実装してWebサイトを完成させることが多いでしょう。 しかし、最近のWebサイトで多用されているリキッドレイアウト（横幅の変化に追従するレイアウト）や、ユーザーの操作に反応するインタラクティブなアニメーション表現、CMSやJavaScriptと連動して動作する複雑なUIなどをカンプ上で表現するのは困難です。 そのため、デザイナーが「ここはこういう風に動かしたいな〜」と思っていても、それがエンジニアに伝わっていない、という見落しも発生してしまいます。 一般的に、ソフトウェアの開発では仕様が不安定（＝必要な機能
エンジニア必見！Webデザイン・制作に役立つサイト26選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
マガンダング ハーポン！最近エンジニアに転職したひろゆきです。 詳しくはこの「フィリピンでプログラムと英語が学べる、ギークスキャンプがスゴイ！！」を読んでください。 今回はLIGエンジニアチームが普段情報収集の際に活用しているサイトをまとめてみました。俺のように最近エンジニアデビューした方は必見です！ WordPress関連（プラグインの検索、関数の解説など） ■WORDPRESS.ORG 日本語 http://ja.wordpress.org/ WordPress公式の日本語サイトです。フォーラム見たり、プラグイン検索に便利です。 ■WORDPRES.ORG 英語 http://codex.wordpress.org/ WordPressの公式リファレンスサイトです。WordPressの関数だったりフックを探す時に使います。英語ですが、情報量は日本語サイトよりも多いです。 ■WORDPR
プラグインまとめ20選 | 株式会社LIG
1月が終わってしまった・・・・・ どうも正月が恋しい段田です。 今回はWordPressサイトを構築している時に役に立つプラグインを紹介したいと思います。タイプ別で分けて紹介します。 目次 デバッグ系プラグイン 記事操作系プラグイン パーマリンク系プラグイン データ移行・操作系プラグイン その他 デバッグ系プラグイン WordPress構築時にWordPress内の情報を確認したい場合に利用すると便利なプラグインです。 Debug Bar 開発時のデバッグで利用するとても有名なプラグインです。パラメータ情報やエラー情報を確認できたりします。 また、このプラグインの拡張用プラグインもいくつかあるので、多機能です。 必須プラグインと言っていいでしょう。 Debug Bar Debug-Bar-Extender 先ほど紹介したDebug Barを拡張するプラグインになります。利用するときはDeb
フラットデザインに使える無料アイコンセット19選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
フラットデザイン、今や大きなトレンドとなっています。 これまであれだけ「Skeuomorphismデザイン」を推進してきたAppleでさえ、iOS 7からフラットデザインを採用し始めました。潮流とは儚いものですね。 フラットデザインの特徴上、見た目がシンプルで質感を要しないので、制作するのに「Skeuomorphismデザイン」ほど時間がかからず大量生産できちゃいます。なので、質の高いアイコンセットを選りすぐるのには結構時間がかかります。 ということで、今回はそんな「フラットデザイン」に使えるエレガントなアイコンセットを20個集めてみました。参考になればと思います。 フラットデザインに使える無料アイコンセット20選 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
Macユーザー必見！手軽にスマホを動作確認できるiOSシミュレーターをご紹介 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。ディレクターのエリカです。 スマートフォンサイトの制作で面倒なのは、実は、実機での動作確認だと思います。 PCからスマートフォン表示を確認する方法はいくつかありますが、今回はMacユーザーにぜひ使って欲しい便利なツールをご紹介いたします！ iOSシミュレータとは？ Appleの開発者向けツールXcodeに含まれるiOSのシミュレータソフトです。Mac上で、iPhoneやiPadの環境をシミュレートすることができます。他のシミュレータソフトと比べて次のような特徴があります。 Appleが正式に配布しているMac標準アプリケーションなので、動作が軽い iOSの再現がかなり本物に近く、実機との差が少ない ※ゼロではありません！ 最終確認は必ず実機で行いましょう。 シミュレーターを起動するまでの手順 まずは、起動するまでの手順をみていきましょう。 1. Xcodeのダウンロード、インス
「Tumblr.」の使い方
こんにちは。編集部のぐっさんです。 今回は、Tumblr初心者の私が、過去に公開したTumblr記事を再編集し、最新版に更新してみました。……え？ ちゃんと説明できんのかって？ 大丈夫です。正しい情報をみなさんにお届けするため、Tumblrマスターの知人を２時間拘束し、記事を書き上げました。 以下より、私のTumblrに対する基礎知識の少なさと、Tumblrマスターの情報の正確さを兼ね合わせた内容で、Tumblrの使い方をお届けいたします。 Tumblrとは？ https://www.tumblr.com/ Tumblrとは、アメリカのDavidville.incが運営する、世界中で注目のブログサービスです。日本ではあまり認知度が高くありませんが、デザイン性のよさやブログをベースにしたコミュニケーションができることで、一定のファンがいるSNSといえます。 「リブログ」という、Web上の画像
カスタマイズ性抜群！Sassに対応したCSSフレームワークがアツイ！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。デザイナーのはるえです。 レスポンシブWebサイトを作成する際に重宝されているCSSフレームワークですが、「自由度が低い」「使わないUIパーツは邪魔になる」「カスタマイズするのに手間がかかる」「結果CSSファイルが肥大化してしまう」など、利用するうえでのデメリットも多々ありました。 実際フレームワークって、レスポンシブの大枠ができちゃってるし、コンポーネントが充実してる分あまり作り込む必要がないんで楽っちゃ楽なんですが、テンプレートに束縛されちゃデザイナーとしては面白くないしあまり頼りたくないってのも正直なところ。似たりよったりになるし。。 過去にCSSフレームワークの代表的存在「Bootstrap」を利用しましたが、柔軟性の低さに苦しめられたのを覚えています。 ですが最近はCompassのようにSassファイルが収められたシンプルでカスタマイズ性の高いCSSフレームワークが増
VPSでWordPressを動かせる環境をコンソールから構築する！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちはっ！ てっきりコンパネ付きと思って借りたVPSがコンソール操作でげげっ！となったライターの内藤です。 今やワンコインでVPSを1か月レンタルできる時代です！ 共用サーバの速度に不満だったり、ちょっと高負荷なことをしたいときに、費用を抑えようとしたらやっぱりVPS。 ※VPSについて詳しくは、tetsuさんの記事「これでVPS(仮想専用サーバ)マスター!? VPSの基礎講座」をご覧ください。 VPSは大抵コンソールからの操作でサーバを構築するところから始まります。 （※例外的に普通のレンタルサーバのようにコントロールパネルでの操作ができるサーバもあります。） 今回はWordPressを動かせる環境をコンソールから構築する方法を簡単にご紹介いたします。 ※CentOS6.2(x86_64)をベースに話を進めます。 ※SSHでの接続方法やviの操作方法については解説しません。 ※ドメイ
これでVPS(仮想専用サーバ)マスター!? VPSの基礎講座 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
レンタルサーバで今では一般的になった「VPS」 さて、このVPSとは何ぞやと思う方に今回は書こうと思ったtetsuです。 VPSとは 「ブイピーエス」はある英単語の頭文字からとった略称です。 V ・・・ Virtual（バーチャル） P ・・・ Private（プライベート） S ・・・ Server（サーバ） 日本語だと「仮想専用サーバ」と呼ばれる事もあります。 言葉の通り「仮想化」技術を使った専用サーバです。 「仮想」ってどうゆうことよ？ 「仮想」って言葉ではイメージが難しいですよね。 図で表すと・・・ 一般的なパソコンで例えるなら、1台のパソコンの「ホストOS」にWindowsが動作していて さらに「ゲストOS」に「ホストOS」のWindowsとは別のWindowsが稼働していることを意味します。 イメージはついたでしょうか？ VPSのメリット メリット1 ホストOSとは個別の設定が
わずか5分！？ AWSのEC2でクラウドなウェブサーバーを構築してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。五反田の「Clisk（クリスク）」という会社でシステムエンジニアなどをしている芹沢と申します。盟友であるLIGのゴウさんや紳さんと酒を酌み交わしているうちに、LIGブログに記事を書かせていただくことになりました。よろしくお願いいたします。 AWSとは？ http://aws.amazon.com/jp/ AWS（Amazon Web Servicesの略）とは、Amazonが提供しているクラウドサービスの総称で、その中にはさまざまなサービスが含まれています。 EC2（仮想サーバー）、S3（ストレージ）、RDS（リレーショナルデータベース）、CloudWatch（監視）など、たくさんのサービスが提供されていて、それらのITインフラのリソースを、使いたいときに、使いたいものを、使いたいだけ、必要なスペックで、利用することができるのが特徴です。 多くのサービスは管理画面から操作でき
世界観に心を打たれるうっとりしてしまうサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。野田です。 アニメーション、トランディションを使ったWebサイトが多くなってきましたね。 flashは減ってきていますが、HTML5が標準化され、Javascriptやcanvas、videoを使用したコンテンツ制作が増加し、ブラウザに関しましても、少しづつですが最新の技術に対応するようになりました。 アニメーションやトランディションをつけることで、Webでしか表現できないデザインや、使い方さえ間違いなければユーザビリティ強化への強い味方になります。 また、訪れるユーザーに対して、ブランドイメージ、雰囲気を伝える手法として、制作者の皆様は、様々なことを考えて制作していますね。 そういったことを考えながらサイトを訪れると、とても感情移入してしまい、涙腺をやられがちです。 今回は、私が涙腺をやられそうになったサイトをご紹介します。 どうぞ、うっとりしてください。 世界観にうっとりし
Webデザイン作成に必須のツール＆効率化できるサイトまとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
デザインを行う上では、ツールを使うのが必須です。有名なものだとPhotoshopやIllustratorがありますが、「まずは無料で気軽にWebデザインをしてみたい」という人もいますよね。 そこで今回は、Webデザインに使える無料のツールやWebデザインを効率化できるサイトをまとめて紹介します。 今回紹介する無料のWebデザインツール・ソフト ワイヤーフレーム・モックアップ・プロトタイプ作成ツール グラフィックデザイン作成ツール（写真加工・イラスト作成） テキストエディタ（HTML・CSSのコーディング） 配色選びに使える無料オンラインサービス Webサイトが制作できるオンラインサービス （編集部注：この記事は2013年08月29日に公開された記事を再編集したものです。） ワイヤーフレーム・モックアップ・プロトタイプ作成ツール ※ワイヤーフレーム・モックアップ・プロトタイプとは？ ワイヤー
ノンデザイナーも必見！Twitter BootStrapの特徴と導入前に確認すべき事 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちわ。アートディレクター兼2児のパパ、長岡です。 毎回子どもネタですが、最近アンパンマンを指さして「パンパーンパン」とそれっぽい発音をしている息子を見て「こいつ可愛いな」と癒されています（笑） 屈託のない笑顔と持ち前のあどけない仕草で、保育園のマダムたちをイチコロ（表現が古い？）にしているそうです。将来がちょっと心配です・・・。 さて今回は、HTML5・CSS3・jQueryを使用したフロントエンドツールの王道「Twitter Bootstrap（※ver2.3.1）」のお話。 ※この記事を書いている最中にver3.0がリリースされました！（汗）後でゆっくり触ってみたいと思います。 ▲Twitter BootStrap ver2.3.1 Web制作者なら、一度は触れたことがあることと思います。 そのまま使ってみたり、カスタマイズして使ってみたり・・・。 使い方を間違えなければ、とても
簡単で高機能！デザイナー必見の汎用性が高いjQueryプラグイン7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、いろんな先輩方から「お前服だっせえな」と言わるので、ファッションの傾向を泣く泣く変えました。嵐の相葉君をお手本にこれまで頑張って参りましたが、相葉君には近づけませんでした。無念。 さて、今回はさまざまなシーンで活用できる、汎用性の高いjQueryプラグインを7つほどご紹介させていただきます。簡単＆シンプルで優れた機能のものばかりなので、ぜひご覧ください。ダウンロードできる本家サイトのほかに、日本語で分かり易く解説してくださっているサイト様のURLも合わせて載せておきます。 1.世界一使いやすいスライダー”bxslider.js” カスタマイズ豊富で、設置の仕方も超簡単！弊社CTOづやさんのオススメでもあります。 フリック、スワイプも対応しています。最強すぎます。 ダウンロード：bxslider様
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
