どうも、まさとらん（@0310lan）です！ 今回は、普段使っているGoogleドキュメントをブログとして使えるようにしてくれるWebサービスをご紹介します。 ブログの記事はすべてGoogleドキュメントで作成・管理できるようになっており、ボタンをクリックするだけでネット上に公開できる非常にお手軽なサービスです。 最近話題のノーコード（NoCode）でブログが作れるサービスとしても活用できるでしょう。 【 Nocode 】 ■「Nocode」の使い方 それでは、「Nocode」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして【GET STARTED】ボタンをクリックしてください。 Googleアカウントとの連携画面になるので、ボタンをクリックして認証をしておきます。 次に、作成するWebページのテンプレートが選択できるのですが、今回は【Blog】

2022年4月27日 SVG, Webサイト制作 つ・い・に！ファビコンもSVG形式が対応されるようになりました！SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要はありません！やったね！少し工夫すればダークモードにも対応できますよ！さっそくみていきましょう！ ↑私が10年以上利用している会計ソフト！ SVGファビコン設置方法 1. SVG形式のファビコン用画像を用意 グラフィックツールでファビコンにしたい画像を用意します。サイズは特に気にしなくてもOK。正方形であればどのサイズでもきれいに表示されます。今回はIllustratorを使って32x32pxのものを用意しました。 SVG形式で保存します。 2. HTMLファイルに記述 あと

ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高

「Googleドライブのエロ画像が消された」──そんなタイトルの投稿が「はてな匿名ダイアリー」で話題を呼んでいる。投稿に対し、ネット上では「何が削除対象になるのか分からない」「目視で人間が確認しているの？」といった不安の声が上がっている。 「人による確認はしていない」 投稿の内容は、クラウドストレージ「Googleドライブ」に性的な画像を保存していたところ、予告なく削除されたというもの。投稿者は「何が消されたかは分からない。ただ消したとだけ書かれたメールがGoogleから来た」「俺二次エロしか入れてなかったのに！　一般公開どころか誰かと共有すらしてなかったのに！」としている。 この投稿を受け、Twitter上でも「データを一時的に入れたときに削除された」「何を削除したかは教えてくれなかった」などの報告が出ている。 Googleはどんな方針に沿って削除を行っているのか。日本法人の広報担当者に

今や常識ともいえる「ウェブサイトの常時SSL化」ですが、先日、既存のWordPressを常時SSL化する際にハマってしまいました。 下層ページがhttpsにリダイレクトされない！ 既存のWordPressサイトを常時SSL化する際、私は下記のような手順で行っています。 SSL化プラグインを使うとプラグインが外せなくなるのと、WordPress以外に対して常時SSL化ができないので、多少面倒でも下記のようにしています。 サーバーでSSLを有効にする Search Replace DB で、WordPress内の文字列を http → https に置換 SearchRegexプラグインを使う記事を多く見かけますが、このプラグインではカスタムフィールド内の文字が置換されなかったりすることがあるのでお勧めしません。.htaccess に、httpでのアクセスをhttpsにリダイレクトする設定を追

ニュースサイトのトピックスやお気に入りの作業用BGMなど、毎日同じようにアクセスするウェブサイトは意外と多い。しかし別のアプリで作業していて、少しだけニュースを確認したり、動画をBGMにして流したりするためだけにブラウザを立ち上げるのはいささか面倒だ。 そこでMacのダッシュボードが役に立つ。ダッシュボードとはカレンダーや時計といったウィジェットを配置できる場所で、初期設定ではDockやMission Controlなどから開くことができる。

Illustratorなどのアプリケーションでの表示 「源ノ角ゴシック」は「源ノ⾓ゴシック JP」、「源ノ角ゴシック CJK」は「源ノ角ゴシック」と表示されます。 一致させてくれるとよかったと思います。 Illustratorなどのアプリケーションでの表示（英語表記のとき） 英語表記にすると、「Souce Han Sans（JP）」になります。 なぜか「Regular」のウエイトのみ、「Regular」が表示されません。 ちょっと気になる点 こちらの記事（blogs.adobe.com/japan/cc-adobefonts-source-han-sans-japanese-source-han-sans-cjk-japanese/）内に 「源*の*角ゴシック」ファミリー → 「源ノ角ゴシック」ファミリー これらのフォントには、Unicode CJK Unified Ideographs

WordPressでは、使っているデーターベースのPHPバージョンを最新のものにアップデートするのも大事なことです。 PHPバージョンを最新のもにすることによって、セキュリティ面でも、Webサイトの表示速度の面でもよくなります。 ちなみにWordPress.orgが推奨しているPHPバージョンは7.2です（2018年2月14日時点）。 To run WordPress we recommend your host supports: PHP version 7.2 or greater MySQL version 5.6 or greater OR MariaDB version 10.0 or greater HTTPS support 出典元：About » Requirements — WordPress ロリポップでPHPのバージョンアップをする ロリポップを使っている場合、PHP

「エリア」は、CSSグリッドの解説で一番最初に取り上げられることの多い機能です。 便利な機能ではありますし、「フロートベースの従来のWebデザインの視点から見るとわかりやすい」というメリットもあります。 ただ、エリアから入ってしまうと、CSSグリッドのより便利で美味しいところにたどり着きにくくなるとも感じています。 そのため、『CSSグリッドで作る HTML5&CSS3レッスンブック』や『CSSグリッドレイアウト デザインブック』ではエリアの機能を利用せず、グリッドのラインをフル活用したWebデザインを行っています。

ドットインストール代表のライフハックブログ

本記事は、誰でもできる上手な文章の書き方を解説した本『Webライティング実践講座』（関連サイト：Amazon）から、一部を抜粋したものです。ブログや仕事で活かせるテクニックがいろいろ紹介されているので、気になった方はぜひどうぞ。 「見出しから作る」がライティングの基本 よほど専門的な分野でない限り、日本語の会話で困ることはありません。買い物もできるし、道に迷っても親切そうな人に聞けば教えてもらえます。作文に苦手意識を持つ人はたくさんいますが、それでも日本人なのだから時間をかければ文章くらいは書ける、と思っている人が大半です。 ところが、企業のブログやTwitter担当になると、多くの人が日本語への自信を失ってしまいます。一生懸命ブログを書いても話題にすらならず、Twitterで面白いと思うことを書いても見向きもされません。宣伝費を減らすためにブログを始めたのに、結局は広告代理店に高額なブロ

さて、すでにGDPRが施行されたわけだが、「なにをしたらいいかさっぱりわからん」という方も多いのではないだろうか。 通常のWordPress利用だとユーザー情報を保存するケースは少なく、デフォルトではコメントフォームぐらいだ。こちらはプラグインなどで対応されているはずなので、特に問題ないだろう……と思いきや、Capital Pで利用しているJetpackコメントには同意ボタンがないようだ。Akismetの注意書き（外部サービスがどのようにデータを利用するか）が日本語訳されないまま表示されている。 同意のチェックボックスとかなくていいのか…… まあ、ここら辺はおいおい改善されていくだろう。 それよりも今回取り上げたいのは、海外のWordPressブログでも雨後の筍のごとくチュートリアル記事が湧いている「フォームのGDPR対応」である。 フォームに必要な同意チェックボックス どんなWebサイト

WordBench 東京5月 において「GDPR と WordPress」のタイトルで LT を行いました。LT の時間的制約からかなり説明を端折ったのと、おそらく今後、内容の訂正が発生するだろうことから、この記事では資料を補完する形の説明を行います。 お約束ですが GDPR の記述は個人の理解です。実施にあたっては各自の判断、専門家への相談をお願いします。またスライドのリンクは末尾の「参考文献」を参照してください。こちらも適宜、修正します。 GDPRとは GDPR は欧州版の個人情報保護法で 2018年5月25日から適用が始まりました。「EU 一般データ保護規則（GDPR）」に関わる実務ハンドブック（入門編）から引用します。 欧州連合（EU）の「一般データ保護規則（General Data Protection Regulation：GDPR）」は、EUレベルのデータ保護法（日本でいうと

さて、以前お伝えした通り、WordPress 4.9.6はプライバシー＆メンテナンスリリースと銘打たれているのだが、いったい何が変わったのだろうか？　リリースされたばかりの変更点についての概観をいかに記す。 その1・プライバシーページ作成ツールの追加 GDPRではプライバシーポリシーの作成ツールが追加された。「設定 > プライバシー」に移動すると、プライバシーポリシー用のページを追加または指定することができる。 プライバシーポリシーページを作成する画面 ただし、注意点があるのだが、このツールがしてくれることはプライバシーポリシーページの指定だけである。TwentySeventeenなどのいくつかのテーマではプライバシーポリシーページが指定されている場合に限り、フッターなどにリンクを表示してくれる。それはつまり、プライバシーポリシーページに記載される内容が正しいことは保証しない。これはWor

2018年2月21日にローンチされたBootstrapとはTwitter社が開発している世界で最もポピュラーなフロントエンドフレームワークです。 Bootstrapを使うとレスポンシブサイトを簡単に構築することができます。 なぜBootstrapを紹介するのか Bootstrapは世界で最も使われれいるフロントエンドフレームワークです。 下記はW3Techs（ https://w3techs.com/）が調査したJavaScriptライブラリーの利用率です。 1位はjQueryですが、BootstrapはjQueryを利用していることや、ライブラリと考えると、フロントエンドフレームワークの中ではBootstrapが実質1位です。 利用率が多いと何が良いかと言いますと、技術情報や、無料・有料のテンプレートが豊富に存在する、バグやセキュリティホールなどの不具合も速やかに取り除かれる、などの利点

マーケティングでは、顧客心理を読み解くことが戦略策定のもっとも大切なポイントの一つです。 その顧客心理を読み解く一つの方法として「心理学」が応用され、人間の「性質」や「本質」をもとにしたマーケティング戦略が考えられてきました。 ただ、この心理学がWEBマーケティングにおいて活用されることはまれでした。 そこで、今回はWEBマーケティングに役立つ行動心理学の手法を8つに厳選してピックアップ。 それらが実際に活用されている企業サイトを集めて重要エッセンスを抽出しました。 そしてさらに勉強したい方に向けて、もう20個の行動心理学の効果と実用方法をまとめました。 ウェブサイト上で行動心理学がどのように使われているのか、実例を参考にしながら、ぜひ自社サイトやブログにも導入してみて「ついクリックしてしまう」サイトを目指していきましょう！ Webサイトの改善策を”自動”で提案！売上向上に繋げるサービス『

2015年10月22日 Webデザイン 私がまだデザイナーとして働き始めて間もない頃、よく言われた言葉の中に「もっと自由にデザインしてくれていいんだよ！」というものがありました。しばらくはその意味がわからなかったのですが、後になって渡されたワイヤーフレームと自分のデザインを見比べると、何も変わっていないな…と気づくことが多々ありました。今回はそんな、ワイヤーフレームとデザインについて考えてみようと思います。 ↑私が10年以上利用している会計ソフト！ 冒頭でも述べたように、Webデザイナーとしての経験があまりないうちは、どうしても渡されたワイヤーフレームに引っ張られてデザインしてしまうこともあるかと思います。もちろん、ワイヤーフレーム通りのレイアウトが求められることもあるでしょう。しかし、あなたはデザイナーです。指示された通りに動くマウスカーソルではありません。ワイヤーフレームを作るのは、多

高速性能がウリのFirefox Quantum(以下、Firefox)ですが、その恩恵をロスなく享受するには、ユーザーのブラウズスキルも磨きたいところです。そこで今回は、Firefoxで使うと便利なショートカットキーをまとめます。Firefoxを主体に紹介しますが、ショートカットキー自体は、ChromeやInternet Explorerでも利用できるものがほとんどです。ぜひ使ってみてください。 Webページの閲覧が速くなるショートカットキー ■ 1ページ分スクロールする : Space Webページの記事を読むときに、「PageUp」や「PageDown」でスクロールできるのはよく知られています。しかしこの2つのキーは、キーボードによっては押しにくいですよね(ノートPCでFnキー＋カーソルキーなど)。 そんなときでも便利なのが「Space」キーでです。Spaceキーをポンと押せば、1ペー

水上　浩一です。 2017年12月に大阪EC実践会13期が終了しました。<br>（現在は14期絶賛開催中です） 今回も月商ギネス（最高売上の更新）ラッシュとなりました。 その中には元々大きな売上だったファッションジャンルのショップさんが<br>11月12月と連続で月商ギネスを更新され昨年対比142％という数字をたたき出すことに成功しました。 本当におめでとうございます！ こちらのネットショップさんに1月下旬、お話を伺う機会があったのですが、<br>特にスマホページの改修を積極的に行い、コンバージョン率を大幅に向上させたのが成果要因だとおっしゃっていました。 スマホサイトではモノは売れない、とおっしゃる方もいらっしゃいますが、<br>EC実践会ではこのようにスマホサイトでコンバージョン率を大幅にアップさせて、結果的に売上を上げることに成功している事例が数多くあります。 スマホサイトはうまく改