どうも、まさとらん（@0310lan）です！ 今回は、普段使っているGoogleドキュメントをブログとして使えるようにしてくれるWebサービスをご紹介します。 ブログの記事はすべてGoogleドキュメントで作成・管理できるようになっており、ボタンをクリックするだけでネット上に公開できる非常にお手軽なサービスです。 最近話題のノーコード（NoCode）でブログが作れるサービスとしても活用できるでしょう。 【 Nocode 】 ■「Nocode」の使い方 それでは、「Nocode」をどのように使えばいいのか詳しく見ていきましょう！ まずはサイトのトップページにアクセスして【GET STARTED】ボタンをクリックしてください。 Googleアカウントとの連携画面になるので、ボタンをクリックして認証をしておきます。 次に、作成するWebページのテンプレートが選択できるのですが、今回は【Blog】
ベイジでエンジニアをやっている酒井です。 ベイジには2017年に、新卒で入社しました。いつもはJavaScriptの開発からWordPressのカスタマイズなど、フロントエンドを中心としながら、一部バックエンドも含めて仕事をしています。『knowledge / baigie』でも、フロントエンド寄りの情報を発信していきたいと思います。 私の今日のテーマは、表示の高速化についてです。 webサイトの表示スピードは、webサイトのユーザー体験に直結すると私は考えています。表層的なUIデザインの改善以上に重要かつ効果的であることも多いため、webのデザイナーやエンジニアは、0.1秒でも速くなることにこだわるべきでしょう。 表示高速化の手法というと、サーバ側の話になることも多いですが、実はフロントエンド側でできることもたくさんあります。それは大きく3つに分けられます。 ブラウザ処理の高速化通信の高
オンライン診療とは、自宅にいながら医師に直接毎日のスキンケアを相談したり、医薬品や漢方薬の処方を受けることができたりする診察のこと。お薬が処方された場合は郵送で薬局等にお薬を取りにいかなくても、自宅に届けられます。 普段、病院では発生する診察費用や処方箋費用はもちろん、お薬代以外の費用は一切かかりません。
何かを作りたいときは、エディターをいきなり起動してはいけません。 エディターを閉じて、まずはイメージをまとめることに集中しましょう。 なぜこの文章が必要か なぜ何かを作る前にイメージをまとめる必要があるのでしょうか？ 頭の中には完璧な作りたいもののイメージがあることでしょう。 であれば今すぐにでもプログラミングを始めるのが賢明なように思えます。 ですがそうしてはいけません。理由は「作りたいもののイメージは単なる幻想だから です」。 頭のなかにあるイメージはとても素晴らしいものですが、多くの場合は曖昧で、触れられない、価値を検証できないものです。 それを一旦書き出して、まとめていく方法を知っておきましょう。 まとめていく中で作るものがより明確になり、自分でも気づかない価値を発見できます。 作るものをまとめて検証することで、作り始めた後の手戻りを防ぎます 作るものをまとめて明確にすることで、作
はじめに Gitのそっけないコマンドに飽き飽きしていませんか？人によっては「CUIのほうがシンプルでいい」という方もいますが、一方で「GUIじゃないと使っていられない」という方も数多くいます。そんな方は、GitのGUIクライアントを使ってみましょう。Gitクライアントには、公式のGit GUIをはじめ、いろいろなクライアントがあります。やっぱり、今から使いはじめるなら新しいものがいいですよね？古くて安定したものがいいという方も、ここはひとつチャレンジ精神を持ってください。 この記事では、比較的新しいGitクライアントである、「GitKraken」の使い方をチュートリアル形式でお伝えしていきます。この記事を読めば、GitKrakenでの基本的なGitリポジトリの操作方法がお分かりになることでしょう。もちろん、無料でためすことができますので、ご自分でやってみてください。 GitKrakenはど
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位です。 利用率が多いと何が良いかと言いますと、技術情報や、無料・有料のテンプレートが豊富に存在する、バグやセキュリティホールなどの不具合も速やかに取り除かれる、などの利点
水上 浩一です。 2017年12月に大阪EC実践会13期が終了しました。<br>（現在は14期絶賛開催中です） 今回も月商ギネス（最高売上の更新）ラッシュとなりました。 その中には元々大きな売上だったファッションジャンルのショップさんが<br>11月12月と連続で月商ギネスを更新され昨年対比142％という数字をたたき出すことに成功しました。 本当におめでとうございます！ こちらのネットショップさんに1月下旬、お話を伺う機会があったのですが、<br>特にスマホページの改修を積極的に行い、コンバージョン率を大幅に向上させたのが成果要因だとおっしゃっていました。 スマホサイトではモノは売れない、とおっしゃる方もいらっしゃいますが、<br>EC実践会ではこのようにスマホサイトでコンバージョン率を大幅にアップさせて、結果的に売上を上げることに成功している事例が数多くあります。 スマホサイトはうまく改
WordPressをコマンドから管理出来るツールにWP-CLIがあります。 プラグインのインストールや、ユーザの設定、パーマリンクの設定等が出来ます。 私の場合、ある程度の雛形のWordPressを作成したいときによく使用しています。 何が出来るの? WordPress本体のダウンロード (バージョンなど指定も可能) wp-config.phpファイルの作成 (デバッグモードの有効化なども可能) プラグイン、テーマファイルののインストール、有効化、削除、検索 固定ページ、投稿ページの作成 その他いろいろ 今回は、よく使うものなどをまとめてみたいと思います。 インストール方法 まずは wp-cli.phar ファイルをダウンロードします curl -O https://raw.githubusercontent.com/wp-cli/builds/gh-pages/phar/wp-cli.p
これからのCSSはmargin禁止！？CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた！ 白石 俊平（HTML5 Experts.jp編集長） こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大！CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか？ 矢倉: 昨年（2
社内向け勉強会で作ったスライド ※Bracketsの拡張機能「Shizimily Multiencoding for Brackets」は最新Bracketsにはいらないようです！
ざっくりとこんな認識で問題ないかと思います。 書きながらなんとなくつかめていきたいと思います。 いざ開発開始！ というわけでそろそろ開発に移りたいと思います。 新しいPENを作成する codepenでは一つ一つのプロジェクトをpenと呼びます。 それを作っていきましょう。 をクリックして新しいPENを作ります。 (この記事の画像をクリックしても作成できます) 新しいPENに名前をつける 画面左上の「Untitled」の隣のアイコンをクリックして名前をつけます。 一度保存する ここで一度保存します。 このボタンをクリックして保存します。 と表示されたら自動保存が有効になっているので次からあまり気にしなくて済みますね。 文字を表示する とりあえず一番無難な文字の表示を行いたいと思います。 ただし、文字と言っても何種類もあるのでそれぞれ試していきたいと思います。 pタグ pタグは段落を示します。
レイアウトにfloatを使用していた頃はグリッドを構築するために、複雑なHTMLやテクニックが必要になることがありました。しかし、flexboxやCSS Gridの登場で、レスポンシブ対応の柔軟なグリッドを簡単に利用できるようになりました。 そんな時代に合わせて、グリッドは無し、有用なコンポーネントが簡単に利用できるリセット用のスタイルシートを紹介します。 Shoelace.css Shoelace.css -GitHub Shoelace.cssの特徴 Shoelace.cssの使い方 Shoelace.cssのデモ Shoelace.cssの特徴 グリッドはflexboxやCSS Grid、またBootstrapなどを利用し、プロジェクトにあったデザインでコンポーネントを作成することができます。 Shoelace.cssはフレームワークではなく、有用なコンポーネントが含まれたCSSリセ
この記事は、筆者が自分自身のためにまとめたものですが。以下のような方にもとってもオススメできるのでぜひご覧ください。 これからGitを覚えたい方（まだ簡単に追いつけます！） Git使っているけど実はよくわかっていない方（怖がらず裏を理解すれば意外と簡単でシンプルなんですよ！） 日常的にGit使いこなしているけど、いざというときググってしまう方も理解を深めるのに役立つと思います（怖くない！Git！！） Gitの基礎・振返り向けサイト Git本家！ サイトデザインもかなり洗練！ここらへんにも人気具合が伺えます。 ドキュメント（日本語）も豊富で素晴らしい。 Git – Book git-scm.comサルでもわかる！Git入門 nulabが提供してくれているとってもわかりやすいサイト！ サルでもわかるGit入門 〜バージョン管理を使いこなそう〜 | どこでもプロジェクト管理バックログ ようこそ、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
