ヘッドレスCMSのメリットデメリット・比較おすすめ13選まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。元LIGのWebディレクターで、いまはとある事業会社で開発ディレクターをやっているともぞうです。 さっそく本題ですが、みなさんはなんのCMSを使っていますか？ WordPress、Drupal、Movable Typeあたりでしょうか？ 最近ではヘッドレスCMSというものも出てきて、CMSの選択の幅が広がりました。 今回はそのヘッドレスCMSに焦点を当て、ヘッドレスとは？ というところから、ヘッドレスCMSのメリットデメリット、各ヘッドレスCMSの比較ができる記事をお届けします。 ※この記事は株式会社ディバータの提供でお届けします。 ヘッドレスCMSとは まずヘッドレスCMSの説明からはじめます。 ヘッドレスCMSとは表示機能を持たないCMSのことを呼びます。「ヘッドレス」で調べてみると以下のような説明がでてきました。 ソフトウェアについてヘッドレスという場合は、通常は用意され
たった数分で環境構築が完了！TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
たった数分で環境構築が完了！TypeScriptでWebアプリケーション開発ができるフレームワーク「frourio」が本当に手軽だった。 こんにちは、エンジニアのづやです。 突然ですがエンジニアのみなさん、TypeScriptに触れた経験はありますか？ TypeScriptはGitHubが毎年発表しているランキングで今年4位に急上昇したくらい、もっともアツいプログラム言語の1つです。 出典：https://octoverse.github.com/ しかし、いざ試してみようと思っても、 フレームワークは何を使えば良い？ どうやって導入したら良い？ など、意外とハードルって高くないですか？ そこで「frourio（フルーリオ）」という画期的なフレームワークを見つけました。こういうのってある程度経験を積んだエンジニアでないと使いこなせない……というケースも多いですよね。 でもfrourioはそ
「施策のフィルターを外せ」。神楽坂のbarで出会ったツイ廃おじさんから、古くて新しい、マーケティングに大切なことを教えてもらった話。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
「施策のフィルターを外せ」。神楽坂のbarで出会ったツイ廃おじさんから、古くて新しい、マーケティングに大切なことを教えてもらった話。 みなさんこんにちは、マーケターのまこりーぬ（@makosaito214）です。 今回は、後輩のなりちゃんと訪れた神楽坂の隠れ家イタリアン「TREES」で起きた不思議な夜のお話をしようと思います……。 ・ ・ ・ なりちゃん：まこりーぬさん、最近めちゃめちゃLIGブログで取材記事書いてますよね！ 本当にお疲れさまです。 まこりーぬ：ありがとう〜（涙）。何気なくはじめた取材活動だったけど、今後はLIGのマーケティング施策の一貫としてもっといろんな記事コンテンツを作って、「LIGが発信する情報はいいなぁ」と思ってくれるファンを増やしていきたいんだよね。 おじさん：マーケティング施策としてファンを増やす、か…… まこりーぬ＆なりちゃん：！ おじさん：こんばんは。質問
アニメーションが表現できる直感的なUIデザイン・プロトタイピングツール「Atomic」 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 今回はUIデザイン・プロトタイピングツールの「Atomic」をご紹介します。 ブログのネタ探しにネットサーフィンをしていたら偶然見つけたものなのですが、サイトを見ているだけで簡単そう＆すごそう！と思ったので実際に使ってみました。 Atomicとは https://atomic.io/ まずは、思わず使いたくなった紹介動画をご覧ください。 アニメーションまでつけた分かりやすいプロトタイプが、なんともサクサクと簡単に……！しかも無料。（beta版だけかもしれませんが） これはとりあえず試してみるしかない！ 公式サイトの「SIGN UP FOR FREE」から登録ができます。 「Atomic」の特徴 それでは「Atomic」の特徴について、くわしくご紹介します。 ブラウザ上で使える 「Atomic」は、WindowsでもMacでも使えるオンラインツールなので
Webディレクターがオススメする、ディレクションに役立つ本20選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。やっと先日実家から布団が届きました！ のっちです♩ ぬくぬく眠れるのは良いのですが、今度は布団から出るときの辛さが2倍になったのを痛感し、果たしてどちらが良かったのかなと悩んでいます。幸せって難しいですね。 さて、前回の記事「LIGのデザイナー陣がオススメする、これだけは読んでおきたいデザイン本15選」に対しては、ありがたいことに社外内どちらからも良い反響をたくさんいただくことができました。 なので今回は、そんな私たちデザイナーに日々寄り添い、支えてくださるLIGディレクター陣におすすめ本を紹介してもらいました。 もくじ 顧客の要求を確実に仕様にできる要件定義マニュアル USAMIのブランディング論 ブランドのはじめかた 現場のプロが教えるWebディレクションの最新常識 知らないと困るWebデザインの新ルール2 モメないプロジェクト管理 77の鉄則 Webディレクション標準ガイ
Google Maps APIをコピペで使い倒せ！Web初心者でもカスタマイズできるgmaps.js | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近はひさしぶりに浅草をランニングして健康オタクを気取っています。 さて、ランニングといえば、アプリを使ってタイム測定をしている人も多いのではないでしょうか。大半のアプリには地図が内蔵してあり、特にGoogle Mapsを呼び出しているものが多いですね。 そこで今回は、そのGoogle Mapsをカンタンに導入できるgmaps.jsを使ってみたいと思います。コピペで試せるので、JavaScriptが得意ではないデザイナーやコーダーの方にもおすすめです。 http://hpneo.github.io/gmaps/ gmaps.jsはGoogle Maps APIを使いやすくしてくれるライブラリです。 そのメリットは大きく3つあります。 1. シンプルなコード 記述方法がとてもカンタンで、通常のGoogle Maps APIよりも分かりやすいソースコード
Web制作者でもネイティブアプリが作れる！node-webkitを使ってみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。最近周囲で結婚ラッシュがきており、漠然と焦っています。 さて、私は業務上Node.jsを触ることがあるのですが、今日はnode-webkitで少し違ったNode.jsの活用法をお伝えしていきたいと思います。 node-webkitとは 「node-webkit」はNode.jsとChromiumを利用してネイティブアプリを作ることができる、ランタイム/開発フレームワークです。 ダウンロードは下記よりおこなうことができます。 rogerwang/node-webkit – GitHub https://github.com/rogerwang/node-webkit HTML/CSS/JavaScriptでアプリを作ることができる HTML/CSS/JavaScriptと聞くと、Webブラウザ上で動作するWebアプリケーションをイメージしますが、node
感嘆符・疑問符の後に全角空白（スペース）が必要になる理由と、Webメディアの表記ルールについて | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集長の朽木（@amanojerk）です。 さて、これからみなさんに、下記のそれぞれの文章を見比べていただきたいのですが、 A. ヒャッハー！汚物は消毒だ〜 B. ヒャッハー！ 汚物は消毒だ〜 A. 何してますか？忙しいですか？手伝ってもらってもいいですか？ B. 何してますか？ 忙しいですか？ 手伝ってもらってもいいですか？ どちらがしっくりくる、あるいは、どちらに違和感がある、と思ったでしょうか。 A.とB.の文章の違いは、文末の「感嘆符（！）」「疑問符（？）」の後に全角空白（スペース）があるかないかです。 ほとんどの人はあまり注意して見てはいないと思うのですが、じつはこの表記ルールはメディアによってさまざまです。絶対に全角スペースを空けているメディアもあれば、そうでないメディアもあります。 では、一体どちらが正式なのでしょうか。そもそも、明確な基準はあるのでし
縦・横・斜め、奥にまで動く！すごいスクロールエフェクトで印象に残るWebサイト12選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、インターンのうららです。うどん大好きです。 うどんの麺って、まっすぐな麺や曲がった麺、長い麺や短い麺などたくさんの種類の麺が混ざっていますよね。まっすぐな麺だけのうどんだと、食感が悪くて美味しくないんじゃないかな、って思います。 Webサイトも同じで、単に縦スクロールでまっすぐ展開されるというだけでは、なかなか印象に残りづらいんじゃないでしょうか。 というわけで今回は、スクロールするだけで横や斜め、奥にも画面が動いていくような、見ていて楽しく、そして印象に残るすごいWebサイトを12個ほど紹介していきたいと思います。 1．HYPER MARKET https://hyper-m.jp/ ※現在はサービスを終了しています。 渋谷のモバイルアクセサリー店「HYPER MARKET」さんのサイトです。 スクロールするたびに地面から紙をスルスル抜いていくかのような爽快感を味わえ、何度も
WordPressサイトの管理者向けセキュリティ対策方法チェックリスト | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
皆様はじめまして、モリイです。本業ではWordPress専用のセキュリティ診断サービスを運営しています。 さて、ご存知の方も多いとは思いますが、WordPressは攻撃者によく狙われます。 その理由の1つは高い導入率です。LIGブログでも以前こちらの記事「みんなは知ってる？WordPressの特徴と人気の理由を分析してみた」で紹介されていたように、世界で一番人気のCMSです。WordPressで作成されたサイトは世界中に9000万以上あると言われており、悪意を持っている人物にとっては格好のターゲットです。 また、WordPressだけではなく、CMS一般、例えば、Drupal、EC-CUBEなどにも言ることですが、構造がパターン化されており、そのCMSを利用しているということが一目でわかる、ということも攻撃される理由に挙げられます。 そこで、サイト管理者は攻撃者からサイトを守らなければいけ
PHPer必見！最強PHPerになれると噂の「新言語Hack」を試してみよう！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、お昼はもっぱら社内のキッチンで料理をしているエンジニアののびすけです。 LIGではメインの開発言語にPHPを使っていて、僕はPHPが大好きなのですが、昨今のWeb業界ではPHPなんて…(ry とか言う輩が少なくないです。 ※気になる人は「PHP Dis」でググってみるといいかも そんな声に負けずにPHPの新たな可能性を感じるFacebook製の「新言語Hack」を紹介します! なお、今回の記事はPHPer界隈で話題になっていた「新言語Hackで最強PHPerになろう！」という記事を元に、初心者向けの内容にしたものです。 参考：新言語Hackで最強PHPerになろう！ https://qiita.com/yone098@github/items/7ff3616030e8d19400a7 それでは、はじめます！ 目次 「新言語Hack」とは HHVM PHPとHHVM HHVMとH
ITエンジニア、クリエイターの強い味方！渋谷の21cafeに行ってきました。 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 最近、なぜかエンジニアの方から異様に飲み会に誘われる事が多い紳さんです。 さて、今回は新LIGオフィスに負けじとオシャレな空間を築き上げる、21cafeさんのイベントに行ってきました。 21cafeとは？ 21cafeはIT・Web業界で働くエンジニアのための“無料イベントスペース”です。 運営しているのは、ITエンジニアの育成やフリーランス支援を手掛けている「geechs株式会社」。 アンティーク家具がマッチするオシャレな内装は、皆さんにゆったりとリラックスした雰囲気でコミュニケーションを取ってもらうために工夫したポイントだそう。 若い男女が入り乱れての酒池肉林パーティーが夜な夜な行われていると思いきや！そんな事もなく、最新技術や話題の分野に特化した勉強会、ハッカソン、交流会などが行われています。 こういうくだけた空間で行われる交流会なら、さぞかしアイディアも出やすいでしょ
より見やすく、使いやすくなるsublime textテーマ8つ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもですはやちです(ノ)◜ω◝(ヾ) 最近『龍が如く維新』にどっぷりはまっております。畑仕事と釣りと別宅のローン返済が楽しくて本編のストーリーが進みません。 龍が如くシリーズは毎回寄り道してしまいます( ˘ω˘) どうでもいいですねc⌒っ´ʘ‿ʘ｀)っ 今回はLIGのデザイナーチームで半数以上のメンバーが使用している『sublime text』がより見やすく、使いやすくなるデザインテーマをご紹介いたします。 テーマを変えてみよう まずテーマの変更方法をご紹介します。 テーマをインストールする Control + Shift + pで呼び出して Package Control: Install Packageを選びます( ˘ω˘)☝ そのあとにパッケージ一覧が表示されますのでthemeで絞り込み、お好みのものを選びましょう( ˘ω˘)☝ これでインストールは完了です。 テーマを反映させる。
Sublime Text3で構文エラーをチェック
こんにちは、つい最近メディア事業部脱退を表明したデザイナーの王です。 PhpStorm、Aptana、NetBeansなど、大抵のIDEは、コードを書きながら構文エラーをリアルタイムでチェックしてくれるとても便利な機能がついていますよね。 個人的にはPhpStormが一番使いやすかったですが、IDEだと、プロジェクト単位で管理しなければならないので、小回りが効くSublime Textも以前から愛用しています。特にSublime Textの「Multiple Selections」という機能が凄く便利で、一旦慣れてしまったら、この機能が使えないPhpStormで作業するとストレスが溜まってしまいます!! でも、はやりIDEのリアルタイムコード解析は使いたいなぁ〜〜 でも…でも… こんな葛藤に苦しんだ結果、とある偉大なプラグインが誕生しました!!その名も「SublimeLinter」です！
リスティング広告担当者がチェックしている運用に役立つサイト10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 小さい頃はダンゴ虫をポケットに入れて遊んでいました、きょうへいです。 よく「Web業界は日々進化している」という言葉を目や耳にします。リスティング広告も例外ではなく、日々新しい機能が生まれ常に変化していきます。新しい情報を手に入れることで、より効率的に効果的な広告を運用できるようになるかもしれません。 そのため、僕もなるべく新しい情報が入手できるように色々なサイトを見るようにしています。今回は、その一部を紹介できればと思います。 1. admarketech（アドマーケテック） http://www.admarketech.com/ アタラ合同会社取締役CCO「岡田吉弘（おかだよしひろ）」さんが運営するブログです。 検索、ディスプレイ、ソーシャル、モバイル、データ・アクセス関連の記事が多く、海外のものを中心に書かれています。業界で活躍されている方々のインタビュー記事も豊富で仕
簡単で高機能！デザイナー必見の汎用性が高いjQueryプラグイン7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと(@seito_horiguchi)です。 最近、いろんな先輩方から「お前服だっせえな」と言わるので、ファッションの傾向を泣く泣く変えました。嵐の相葉君をお手本にこれまで頑張って参りましたが、相葉君には近づけませんでした。無念。 さて、今回はさまざまなシーンで活用できる、汎用性の高いjQueryプラグインを7つほどご紹介させていただきます。簡単＆シンプルで優れた機能のものばかりなので、ぜひご覧ください。ダウンロードできる本家サイトのほかに、日本語で分かり易く解説してくださっているサイト様のURLも合わせて載せておきます。 1.世界一使いやすいスライダー”bxslider.js” カスタマイズ豊富で、設置の仕方も超簡単！弊社CTOづやさんのオススメでもあります。 フリック、スワイプも対応しています。最強すぎます。 ダウンロード：bxslider様
ジェイ引退のお知らせ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
ジェイ退社のお知らせ（社長、岩上より） 皆様、いつもLIGブログをご覧いただきましてありがとうございます。 この度、広報として大活躍してくれたジェイがLIGを退社し、とある上場企業に転職する事となりました。転職については様々な理由がありますが、一言で表すと「ヘッドハンティング」です。 大学時代からの友人であり、LIGの為に一緒に苦労を分かち合ってきたジェイが、まさかこんな形でLIGを去る事になるとは夢にも思いませんでした。やはり月3万円の給料と米15kgの現物支給だけでは生活が苦しかったという事でしょうか。 これまでLIGの顔として大活躍をしてくれたジェイ。彼無くして今日のLIGは無かったと思います。 今回の退社は、そんな彼が悩みに悩んだ末、たどり着いた結論です。社長として、そして1人の友人として全面的に応援し、快く送り出そうと思い、LIGらしく「退社」という今回の記事にまとめさせていただ
「Compass」、基礎から応用まで！ | 株式会社LIG
こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません！ はじめに結論を言うと、CompassでCSSを書くと 早い！ 見やすい！ メンテしやすい！ コード量がぐっと減る！ 一度使い出したら最後、もう元には戻れない！ 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず！ 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください！ Compassとは？ Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh
「Sublime Text」 完全入門ガイド！
こんにちは～ 仕事が恋人のデザイナー、王です φ(≖ω≖｡)♪。 最近海外でもてはやされまくりのテキストエディタ「Sublime Text」と恋に落ちたことをこの場で告白したい！ やっと出会えたぞ！僕が探し求めていた幻のエディタに！！ 昨今話題沸騰中の「Sublime Text」エディタについて、ご紹介しましょう！本記事を読んで、ぜひとも他のエディタからSublime Textに乗り換えていただきたいです！ 見た目的には、このように、優雅（Sublime）そのもの！ Mac、Windows、Linux 三大プラットフォームで動くのも嬉しいですな！ 公式サイトは下記リンクです。 https://www.sublimetext.com/ それでは、動画やキャプチャーを使ってSublime Textの素晴らしい魅力を伝えていきたいと思います。 Sublime Textのチャームポイント 特色機能
これは楽ちん！データベース設計で面倒なテーブル定義書を簡単に作成できるA5:SQL Mk-2 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうも段田です。今回は開発時に色々と手間がかかるテーブル定義書をツールで作成する方法を書きます。 A5:SQL Mk-2（以降、A5M2）というフリーソフトは、DB情報からテーブル定義書をExcelで作成してくれます。また、SQLエディタやER図の作成もできるので万能過ぎるSQL開発ツールです。 なおWindowsしか使えないので、Macユーザーは素数を数えて落ち着いた後にそっとブラウザを閉じてください。 ①A5M2のインストール まずはA5:SQL Mk-2をインストールしましょう。 ②定義書作成対象のDBを用意する DBは開発で使用しているものを用意します。 テーブル名のコメント、フィールドのコメントを入力しておくと、定義書作成時に項目名、備考欄に自動で出力してくれるので、必ず入れておいたほうが良いです。 ③ODBCを設定する A5M2を使う場合、実行PCのODBCを使用する形になりま
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
