SEO fundamentals Introduction Search Essentials SEO Starter Guide How Google Search Works Do you need an SEO? Crawling and indexing Sitemaps robots.txt Meta tags Crawler management Removals Canonicalization Redirects JavaScript SEO Ranking and search appearance Visual Elements gallery Title links Snippets Images Videos Structured data Favicons Site-specific guides Ecommerce International and multi

Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. Disclaimer: I enjoyed working in Angular 1 but switched to React in 2015. I’ve published Pluralsight courses on React and Flux and React and Redux in ES6 (free trial). So yes, I’m biased. But I’m attacking both sides. Alright, le

There’s a lot of confusion when it comes to React. The following is a lightweight introduction into React and its underlying principles. What will you learn when you are finished with part 1 and 2? A high level understanding of why you might need React and maybe Redux or another state container. What you will not need: No need for JSX, ES6/ES*, Webpack, Hot Reloading, understanding of how the virt

Azure の仮想マシン（Virutal Machine）でリモート接続できなくてにっちもさっちもいかなくなった場合とか、なんだか調子が悪いわぁということでホストを移りたいとかたまにありますよね。 そういう時はホストが移動するのを期待してインスタンスサイズを変えたりしてたわけですが、いつの間にかそんなことしなくても簡単に再デプロイできるようになっていました。 わぁ便利。3月頭ぐらいに実装されてたっぽいです。 Redeploy Virtual Machine to new Azure node 実際にどうなるか見てみましょう（一時ドライブも消えるとのことなので確認してみます） 再デプロイ前の状態。 Dドライブ（ホスト上の一時ディスク領域）とネットワークアダプタの状態です。適当にファイル作っておいておきます。 再デプロイボタンをぽちっとなすると状態が更新中になります。 ちなみにAzure Po

In this quickstart, you learn how to create an Azure Resource Manager template (ARM template) in the Azure portal. You edit and deploy the template from the portal. ARM templates are JSON or Bicep files that define the resources you need to deploy for your solution. To understand the concepts associated with deploying and managing your Azure solutions, see template deployment overview. After compl

前にもこちらの記事でAzureのBLOBのコピースクリプトを載せましたが、 PowerShellでAzureストレージアカウント間のBLOBをコピーする - YOMON8.NET .Netのクラスを多用していて読みにくかったので、PowerShellのコマンドレットを利用する形で書き換えてみました。 PowerShellの方がシンプルに書けました。 Import-Module Azure #パラメータ設定 $srcStorageAccountName = "コピー元アカウント" $srcAccountKey = "コピー元アカウントアクセスキー" $srcContainerName = "コピー元のコンテナ名" $srcBlobName = "コピー元のBLOB名" $destStorageAccountName = "コピー先アカウント" $destAccountKey = "コピー先ア

Azureのストレージアカウント間でデータをコピーする方法として、一旦、サーバにBLOBをダウンロードして、別のストレージアカウントにアップロードする方法もありますが、今回は、URL指定でAzureストレージアカウント間で直接コピーするためのPowerShellを書いてみました。 #Azureモジュールのインポート Import-Module Azure #宛先のAzureストレージアカウント情報の設定 $protocol = "https" #http or https $storageAccountName = "xxxxxxxxxxx" #ストレージアカウント名 $primaryKey = "xxxxxxxxxx" #プライマリアクセスキー $connectionString = "DefaultEndpointsProtocol=$($protocol);AccountName=$

Stephane Lapointe I am the proud father of two little gems. A beer & wine enthusiasm. For everything else, I work and play with Azure at day, and I am an Azure MVP & Advisor at night. More posts by Stephane Lapointe. You love PowerShell, have a custom VM image (specialized or generalized) and you want to create a new virtual machine from it under Azure Resource Manager API? You're at the right pla

Stephane Lapointe I am the proud father of two little gems. A beer & wine enthusiasm. For everything else, I work and play with Azure at day, and I am an Azure MVP & Advisor at night. More posts by Stephane Lapointe. The IaaS v2 resource providers (Microsoft.Compute, Microsoft.Network & Microsoft.Storage) have been around for several months now and you may have wondered how to use your own custom

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

Azure Powershellで認証を行うには、Add-AzureRmAccountを使ったりましますが、PowerShellを終了してしまうと認証が維持されません。再度ログインすると、ログイン画面から認証まで微妙に時間がかかったりして、イラットすることもしばしば。 そんなときSave-AzureRmProfile/Select-AzureRmProfileってコマンドを見つけたので調べてみたら思った通りのことができたのでした。 認証した状態で、Saveして、使う時にSelectすればいいみたいです。 # セッションを保存 Save-AzureRMProfile -Path hoge.json # セッションを復元 Select-AzureRmProfile -Path hoge.json Save-AzureRmProfileコマンドは、「Saves the current authe

仮想マシンV2（いわゆるAzure Resource Manager）での ディクス拡張方法です。 拡張後のOS操作は以下と同様だと思います（未確認） 仮想マシンのディスクを拡張する - Azureの小ネタ （改） 仮想マシンのディスクを拡張する Linux編 - Azureの小ネタ （改） PowerShell ポータルでも簡単にできるのですが、よくつかうPowerShellにて。 $rg = "hoge-rg" $vmname = "hoge-vm" $vm = Get-AzureRmVM $rg $vmname $vm.StorageProfile.DataDisks[0] $vm.StorageProfile.DataDisks[0].DiskSizeGB = 100 Update-AzureRmVM $vm.ResourceGroupName -VM $vm VM情報とって、St

タイトルは大げさです。割と当たり前の話です。 ハードディスクの整理中にRailscastsのメモが出てきまして 懐かしいなぁ、 Ryan Bates(@rbates)さん 元気かなぁと Twitterを覗いてみたところ How to write a Git commit message: http://t.co/D31dVh1lks— Ryan Bates (@rbates) 2015, 7月 28 なかなか興味深い記事をtweetされていました。 Git の commit messageに 規律をもたらそうぜ、ってのは どうやら日本人だけじゃないようです。 元記事( How to Write a Git Commit Message ) Introduction 著者の過去と現在のcommit logを対比しています。 一貫して、この緑と赤の対比が見やすいので、記事も読みやすいです。 ま

Apple is set to board the runaway locomotive that is generative AI at next week’s World Wide Developer Conference. Reports thus far have pointed to a partnership with OpenAI that…

Chromeのデベロッパーツールをプロのように使いこなすための20のテクニックを紹介します。 いやー、本当にデベロッパーツールは機能が豊富ですね。 How to use Chrome DevTools like a Pro 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 HTMLの要素をクイック編集 指定した行番号に移動 すべての子ノードを展開 デベロッパーツールの位置を変える CSSのセレクタによるDOM検索 Material Designとカスタムカラーパレット 複数のカーソル 画像をData URIとしてコピー 疑似クラスのトリガー 複数のコラムをドラッグで選択 「$0」で現在の要素を手に入れる 要素の表示 「Event Listeners」の表示 イージングのプレビュー Media Queriesの検証 ネットワークをフィルム

先日「Chrome デベロッパーツールの使い方」で華麗に使いこなすテクニックを紹介しましたが、それとは異なるデベロッパーツールの便利な使い方を紹介します。 Webサイトやアプリの制作時に、非常に役立つテクニックが満載です。 ※画像は元記事のものではなく、当方の環境のものを使用しています。 デベロッパーツールの便利な使い方 タブ「Elements」を選択 DOM要素を選択 右パネルのタブ「Computed」を選択 「Computed」には、選択したDOM要素に適用されている全てのスタイルが表示されます。そのプロパティの頭にある虫眼鏡アイコンをクリックすると、そのスタイルがあるCSSファイルとそのセレクタの指定を表示します。 これは大きなサイトを制作している時に、非常に有用です。

blog.shibayu36.org 以前こういう記事を書いたけど、特定ヘッダが付いていない通信だけ表示するのも簡単に出来たのでメモ。 Filterに「-has-response-header:Expires」と書くだけ。 また拡張を除外したかったら-scheme:chrome-extensionとかも一緒に書いたら良いし、他にもcdnを使っているならそのURLを入れることで絞り込みできて便利。

ネットワークタブでパフォーマンスチェックをすると、Chrome拡張で入っているリソースもいろいろ出てきて、実際にこのサイトで使っているリソースがわかりにくかったりする。この場合、Filterを使うとChrome拡張のリソースを除外できることを知ったのでメモ。 stackoverflow.com ここで書かれている通りで、Filterに-scheme:chrome-extensionを入れると良いだけ。 ちなみにschemeのように指定できるものをFilter Typesというようで、他にもいくつかあって、以下に書かれていた。has-response-headerとか便利そう。 https://developer.chrome.com/devtools/docs/network#advanced-filtering

Bootstrap 4ではそのインストール方法をはじめ、グリッドの単位やレスポンシブ用のclassが変わり、そしてカードやツールチップなどの新しいコンポーネントやレイアウトにFlexboxも利用できるようになりました。 Bootstrap 3からBootstrap 4に移行する時に知っておく必要がある注意点をまとめたリストを紹介します。 How to Migrate from Bootstrap Version 3 to 4 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Bootstrap 4で変わった点 Bootstrapのファイル構造 Bootstrap 4のインストール グリッドシステムのアップデート リセットは、「normalize.css」から「reboot.css」に classの変更とアップデート タイポグラフィ テー

by torbakhopper @flickr 全産業のソフトウェア化 いま世界は、全産業がソフトウェア化していく過程にある。差別化要因がハードからソフトに移行する中で、高付加価値なソフトを開発する力のない企業は廃れていくという現象が今後たくさんの業界で起こっていくと考えられている。問題はそれがどれくらいのスピードで起こるかだが、私の読みは10-15年、というところ。（そう思う理由はまた別途書きます。） 2011年に、Marc AndreessenがWall Street JournalにWhy Software Is Eating The Worldという文章を寄稿した。この”software eats the world”という表現のインパクトもあって、未だに語り継がれる記事になっているが、その中でAndreessenはこう言っている。 we are in the middle of

Selecting the right Wordpress corporate theme for a new website can make all the difference in its success. Here we feature the best templates in Wordpress for business currently available. A website is essentially your home on the web, so it makes sense that a business needs to invest properly in this area to ensure it projects a professional appearance. For instance: A consultant needs to convey

Samuel Hulickさんによる寄稿記事です。オレゴン州ポートランドに住むUXデザイナー。新しいプロダクトにユーザーを迎え入れ定着して利用してもらうプロセス「User Onboarding」への関心が高く、専用のWebサイトを運営しています。Twitter アカウントは、@SamuelHulick。本記事は、Mediumへの投稿記事を許可を得て翻訳したものです。元の英語記事もどうぞ。 「過去、革命が暴政の重荷を軽減したことはない。それはただ重荷をまた別の肩の上に移したに過ぎない。」 — George Bernard Shaw やあ、Slack。これは決して簡単ではないけれど、僕たちにとってベストな選択だと思う。 君も僕も承知の通り、最初のうちはすごく上手くいっていた。僕の溢れかえったメール受信箱と、君のそのEメールを置き換えるという（すごくセクシーな）野望と。 ただ、結局、僕たちの相性

近年、ChefやPuppetなどの構成管理ツールが人気だが、新たに注目されつつある構成管理ツールとして「Ansible」がある。Ansibleは設定ファイルがシンプルで、管理対象サーバーに特別なソフトウェアをインストールすることなく利用できるなど、最小限の手間で各種設定を自動化できるのが特徴だ。今回はこのAnsibleについてその基本的な使い方を紹介する。 小規模な環境でも手軽に使えるAnsible あらかじめ用意しておいた設定ファイルに従って、ソフトウェアのインストールや設定ファイルの修正、サービスの起動/停止、ネットワーク設定といったサーバーの各種設定を自動的に実行するソフトウェアを構成管理ツールと呼ぶ。代表的なものとしては、さくらのナレッジでも過去に取り上げているChefやPuppetがある。 関連記事： サーバー設定ツール「Chef」応用編：knife-soloとData Bagを

+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1

[更新 2017-06] 新しいまとめを作りました。最新の情報はこちらへどうぞ サイボウズが日本橋駅直結のビルに移転して9か月経ちました。 旧オフィスのあった水道橋・飯田橋は学生街でもあり、移転によるランチ代の高騰も危惧 […] [更新 2017-06] 新しいまとめを作りました。最新の情報はこちらへどうぞ サイボウズが日本橋駅直結のビルに移転して9か月経ちました。 旧オフィスのあった水道橋・飯田橋は学生街でもあり、移転によるランチ代の高騰も危惧されました。たしかに便利なところに高い店が多い印象はありますが、探せば安いお店もないわけではありません。 これまで見つけた中から、今回は「ワンコイン = 500円以下」でオススメのお店をまとめました。 桃乳舎 居酒屋福笑 人形町店 酒膳茶屋FFクラブ 立ち飲み1・2・3 OTTO あぐらし 立ち呑み 呑んき もつ千 串だおれ 八丁堀店 食味鮮 中国

先日モバデビで対応したAMP(Accelerated Mobile Pages)。 うちはWordPressで運用していることもあり、ベースとしてはAutomattic謹製のAMPプラグインを導入して対応しましたが、今回はMovable Typeで対応するにはどうしたらよいか、基本的な部分のみですけどまとめてみました。MTユーザーの参考になれば幸いです。 なんでMovable Typeの記事? 「なんでWordPressユーザーなのにMovable Typeの対応?」 というごもっともなご質問もあるかと思いますが、Movable Typeはまったく触らないというわけではありません。業務上触る機会も多いですし、僕がデザインとフロントエンドをやらせてもらっているネタフルは、Movable Typeで運営されています。 まぁ、そんなこともあって、Movable TypeでのAMP対応についてはG