はてなブックマーク

あけましておめでとうございます。お正月に食べすぎたせいで胃が大きくなってしまったのか、仕事中にお腹がぐーぐーなって恥ずかしい思いをしている森山です。ウミブログをご覧いただいている皆様、本年もどうぞよろしくお願いいたします。 さて本日は、マテリアルデザインのWebサイトが簡単に作れてしまう「Materialize（マテリアライズ）」というCSSフレームワークについてご紹介したいと思います。ウミでは普段CSSフレームワークを使用することはあまり無いのですが、こちらの Materialize は昨年ご依頼いただいた案件でも実際に使用させていただきました。 そもそもマテリアルデザインってなんだっけ？ マテリアルデザインとは、Googleが提唱しているデザインのガイドラインです。 詳しくは私が以前に書かせていただいたこちらのブログ「近頃話題の「マテリアルデザイン」についてまとめてみました」をご覧くだ

こんにちは、スタジオ・ウミの大野です。 今回は drupal.org のダウンロードページのモジュールセクションにある、Drupal 8 でのサイト利用数が上位20以内の定番と言えるモジュールを簡単に紹介します。 1位: Token 利用サイト数: 65,089サイト バージョン: 8.x-1.0 Drupal 上に設定されたフィールドに対して、特定のキーワード（トークン）を設定しておくことで、閲覧中のページなどの現在の状況に応じたテキストを自動入力することができるモジュールです。 例えば、フィールドのデフォルト値として [site:url] と入力しておくことで、そのフィールドが利用されるフォームを開くと現在のサイトのURLが自動的に入力されます。 基本的には他のモジュールから利用する事が多く、単体で使う機会はあまりないかもしれません。 2位: Chaos tool suite (cto

こんにちは、ウミの森山です。あっ・・という間に年の暮れですね！先日ウミの忘年会も終わりまして、時が過ぎる早さに焦り気味の私です。 さて本日は、「スマートフォンサイトにおけるUIデザイン」について書きたいのですが、 その中でも特に重要な役割を果たしている「グローバルナビゲーション（メインメニュー）」について掘り下げてみたいと思います。 スマホサイトの使いやすさを左右するナビゲーションメニューあれこれ 普段スマートフォンでサイトを閲覧される機会の多い方であれば、よく見かけるナビゲーションデザインのパターンがいくつか思い浮かぶかと思いますが、ここではスマートフォンサイトで使われているナビゲーションのUIパターンをいくつかご紹介したいと思います。 1. ハンバーガーボタン + プルダウン(ドロップダウン)メニュー これがもっとも一般的なスタイルでないかと思います。「 ≡ 」のアイコンをタップすると

こんにちは。スタジオ・ウミの大野です。もう今年も残すところわずかとなりましたね。スタジオ・ウミでは年末の締めに追われてヒーヒーいいながら毎日を過ごしてます。 さて、今回は Drupal Advent Calendar 2015 に参加させていただくことになりましたので、その18日目の記事として投稿します。皆様がリリースされたてホヤホヤの Drupal 8 の記事を書かれている最中、場の空気を読まずに Drupal 7 の Entity Metadata Wrapper を紹介する内容です！ Entity Metadata Wrapper とは Entity Metadata Wrapper はご存知でしょうか。ひとことで言うとノードなどのエンティティをラッパークラスで包んで値の出し入れをメチャクチャ楽にする API です。日本語の記事があまり無いようなので国内ではあまり使われていない感じで

（追記20151014: 本記事は執筆時点の Drupal 8 のバージョン（開発版）にもとづく古い解説となっています） 今回から「 Drupal 8 入門」と題して、 Drupal の次期メジャーアップデートとなる「 Drupal 8 」について数回シリーズでお届けできればと思います。 Drupal 8 がどのようなリリースになるのかという特徴面のお話に関しては Drupal.org その他のサイトに情報がまとめられているので興味のある方はそちらをご覧になってみてください。 Drupal 8 Has Something for Everyone to Love | Drupal.org Drupal 8 preview slideshow Why the big architectural changes in Drupal 8 | Dries Buytaert Symfony2 mee

今回は「 PHP 製のオープンソース CMS の特徴をキャッチコピーから読み取る」ということを試みてみます。 スタジオ・ウミで愛用している Drupal （ドルーパル）は PHP ベースのオープンソース CMS ですが、 PHP ベースのオープンソース CMS といえば WordPress や Joomla 、 XOOPS など、 Drupal の他にも数多くのものが存在します。 ひとくちに CMS と言ってもさまざまなものがあり、その得意とするところやアピールポイントはさまざまです。 今回はそんな各種 CMS の特徴をキャッチコピーから読み取る、ということをやってみたいと思います。 ここでご紹介するキャッチコピーはいずれも短いものですが、短いだけにそれぞれの特徴が端的によくわかる練られた内容になっています。 よく似た CMS の間でもアピールポイントがちょっとずつ異なっておりそのあたりも

今回は「 Drupal 向きのサイトとそうでないサイト」という切り口で Drupal （ドルーパル）の特徴をご紹介できればと思います。 私たちは「ウェブ上に公開されたひとまとまりのもの」を単純に「ウェブサイト」とひとくくりにすることがありますが、「ウェブサイト」「ホームページ」と一口に言ってもその種類はさまざまです。たとえば次のようなタイプ分けができます。 個人サイト 企業サイト キャンペーンサイト メディアサイト CGM （ SNS / 口コミサイト） ウェブアプリ これらの中には当然 Drupal での開発に向いたものとそうでないものとが存在します。 以下、まずは Drupal の特徴をおさらいしてから「 Drupal 向きのサイト」と「 Drupal 向きでないサイト」を順にご紹介していければと思います。 Drupal の特徴 Drupal （ドルーパル）はいわゆる「 CMS 」で、

本日は Drupal ドキュメント日本語訳シリーズの一環として、本格的な Drupal 開発には欠かせない Drush のコマンドリファレンスを翻訳してご紹介したいと思います。 いまここを読んでいる方の中に「 Drupal は知ってるけど Drush って何？」という方もいらっしゃいるでしょうか？ 本題に入る前に、そんな方のための「 Drush ひとこと解説」をかんたんにしてみたいと思います。 Drush とは Drush （多くの人が「ドラッシュ」と読みます）とは Drupal の各種操作をコマンドライン上で行えるいわゆる「 CLI ツール」です。 サイトのセットアップやキャッシュのクリア、設定の変更や cron の実行、データベース CLI の立ち上げなど、 Drupal サイトの開発に便利な操作をコマンドラインから実行する機能を提供しています。 他のフレームワークをご存知の方は Ru

こんにちは、先日 CMS Night というイベントで登壇させていただいたのですが、写真と今の髪型が違いすぎて「写真はイメージです」と補足された大野です！ 今ご覧になっている Umi->d のサイトを Drupal 8 にて構築したのですが、今回は Drupal 7 にどっぷり浸かっている私が Drupal 7 と比べて Drupal 8 で良くなったと感じた 7 つのポイントを紹介したいと思います。今回はバックエンドをほぼ作らずに構築することができたので、主にフロントエンドと管理面についての感想となります。 1. CKEditor 4 のインライン編集がすごい Drupal 8 では CKEditor 4 と Quick Edit モジュールがコアに取り込まれてインライン編集機能がサポートされました。 インライン編集機能とはコンテンツの内容を見たままにページを遷移することなく編集すること

サイトリニューアルを機にCI策定やってみた はじめまして。2024年1月に入社しましたデザイナーの谷口です。 チーム最年長ながら、久しぶりの新人感覚を味わい日々奮闘しております。どうぞよろしくお願いします。 今回は自社のコーポレートアイデンテ…

この記事は古くなっています。最新の Drush のインストール方法は 2020年版 Drush と Drush Launcher のインストール方法 をご覧ください。 本日は Composer を使って Drupal のコマンドラインツール「 Drush 」をインストールする方法をご紹介できればと思います。 本記事執筆時点（2014年09月）での Drupal の次期最新リリース「 Drupal 8 」では PHP の各種スタンダードが取り入れられる予定になっており、その一環でライブラリ管理ツールとして Composer が採用されています。 Drush も現在はさまざまなインストール方法を選択できますが、標準採用の流れに沿う形でゆくゆくは Composer でインストールするスタイルが主流になっていきそうです。 本題に入る前に、本記事の主役となる Drupal 、 Drush 、 Com

こんにちは。最近あんまり良いことが無い趣味レベルのインフラ構築が好きな大野です。 時代は 1IP = 1SSL では無くなっていた 恥ずかしながらウェブ業界でそこそこ長いことやっているにも関わらず、今までまじめにSSLに取り組んだことが無く、1IP=1SSLってずーっと思い込んでいたが、実は1IPで複数のSSL証明書に対応できることを知って軽くカルチャーショックを受けながら、社内で使用しているサイトにSSLを設定するついでにメモ。 Apache 2.2.12以降なら導入可能 Apache 2.2.12 以降ならSNI(Server Name Indication)と言う仕組み対応していて、複数のSSL証明書に対応することができるそう。Ubuntu 12.04 LTSに入っているApacheは 2.2.22 なので問題無い。 詳しくは下記の記事が参考になる。 Apacheの設定を変更し、単一