タグ TechMemo
人気順 5 users 50 users 100 users 500 users 1000 usersVisual Studio Code(VSCode)でよく使うキーボードショートカットまとめ | TechMemo
Visual Studio Code(VSCode)でよく使うショートカットキーをまとめてみました。 あんまり量が多いと覚えきれないので、本当によく使うものに厳選しています。 Visual Studio Codeでよく使… ※※※このフィードは記事の抜粋を表示したものです。全文を読むにはサイトにアクセスしてください。※※※ 関連記事: Visual Studio Co... 続きを読む
IE11でもpicture要素を使えるようにするポリフィル「Picturefill.js」 | TechMemo
Picturefill.jsは、picture要素に対応していないブラウザでもpicture要素による画像の切り替えができるようになるポリフィルです。 picture要素を使うことで、ブラウザの幅によって画像を出し分けることができます。例えば、以下のように記述すると、1000px以上ならextralarge.jpg、800px以上1000px未満ならlarge.jpg、8... 続きを読む
Googleしごと検索に対応した構造化データを生成してくれるツール「JOB POSTING GENERATOR」 | TechMemo
JOB POSTING GENERATORは、自社サイトの求人情報をGoogleしごと検索に表示させるために必要な構造化データを生成してくれるツールです。 必要な項目を入力していくと、Googleしごと検索用の構造化データを出力してくれます。 Googleしごと検索とは Googleしごと検索とは、ザックリいうとGoogleの検索結果に求人情報を表... 続きを読む
アップロードした画像を劣化させずに圧縮・最適化してくれるWordPressプラグイン「Smush Image Compression and Optimization」 | TechMemo
Smush Image Compression and Optimizationは、アップロードした画像を自動的に圧縮・最適化することができるWordPressプラグインです。 画像を劣化させずにファイルサイズを削減してくれます。 Smush Image Compression and Optimizationのインストール インストール手順は以下の通りです。 Smush Image Compression an... 続きを読む
写真の中から人物のみを切り抜いてくれるWEBサービス「remove.bg」 | TechMemo
remove.bgは、写真の中から人物のみを切り抜いてくれるWEBサービスです。 人物が含まれる写真をアップロードするだけで、自動認識され人物のみが切り抜かれます。 remove.bgの使い方 remove.bgにアクセスして、[Select a photo]から写真をアップロードします。もしくは[enter a URL]で、写真のURLを指定してもOKです。 ... 続きを読む
議事録を作成・共有することができるWEBサービス「GIJI -ギジ-」 | TechMemo
GIJIは、Web上で議事録を作成・共有することができるWEBサービスです。 作成した議事録は共有だけでなく、テキストもしくはPDFでのダウンロードも可能です。 GIJIの使い方 GIJIにアクセスして、[無料でお試し]からアカウントを作成します。 メールアドレスを入力してアカウント登録すると、承認用のメールが届くので、メ... 続きを読む
SNSを使って簡単に人を募集することができるWEBサービス「bosyu」 | TechMemo
bosyuは、SNSを使って人を募集することができるWEBサービスです。デザイナーさんを募集したり、気軽なものでいえばランチの相手を募集したりと、様々な用途で募集することができます。 bosyuの制作者は、Basecampの 坪田さん (率いるチーム?)で、以下のような課題を解決したいという想いからbosyuを制作したそうです。 bosyuはSNSで募集時によくある課題を解決したいサービスです。こ... 続きを読む
オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」 | TechMemo
最近の投稿 オンライン上でPDFを結合・分割することができるWEBサービス「I Love PDF」 フッターに被らないスクロール追尾型のサイドバーを実装する方法 Contact Form 7のフォームにページタイトルやURLなどを隠し項目(hidden)で設定できるようになるWordPressプラグイン「Contact Form 7 Modules」 テキスト選択時の背景色や文字色をCSSで変更す... 続きを読む
WordPressの検索機能を強化することができるプラグイン「Relevanssi」 | TechMemo
Relevanssiは、WordPressの検索機能を強化することができるプラグインです。検索機能をかなり細かくカスタマイズすることが可能です。 Relevanssiのインストール インストール手順は以下の通りです。 Relevanssi をダウンロードします。 ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。 管理画面の[プラグイン]ページで、Rel... 続きを読む
URLを入力するだけでOGPタグを生成してくれるWEBサービス「HEY META」 | TechMemo
HEY METAは、サイトのURLを入力するだけで、OGPタグを自動生成してくれるWEBサービスです。 HEY METAの使い方 HEY META にアクセスして、URLを入力します。ブログの場合は、記事ページのURLを入力してください。 解析が完了すると、下記の項目が表示されますので、変更したい箇所があれば修正します。 Social Card Preview Title Description ... 続きを読む
【保存版】さくらのVPSでWordPressが動く環境を構築するまでの全手順 | TechMemo
さくらのVPSでWordPressが動く環境を構築するまでの全手順を解説いたします。 おおまかな手順は、以下の通りです。 ステップ1. SSHでVPSに接続する ステップ2. 作業用ユーザーを作成する ステップ3. 鍵認証の設定 ステップ4. SSHの設定 ステップ5. ファイアーウォールの設定 ステップ6. Webサーバーの設定 ステップ7. FTPの設定 ステップ8. マルチドメインの設定 ス... 続きを読む
2014年にお世話になったGoogle Chrome拡張機能まとめ | TechMemo
2014年もあとわずかで終わりですね。皆さんはどんな一年でしたか?私はというと、4月に開業届けを提出してフリーランスとして活動を開始したのもあり、節目となる一年だったように感じます。非常に慌しくあっという間に過ぎ去りました。2015年はもう少し余裕を持って生活したいです。さて、毎年恒例となっていますが、年の瀬ということで今年もお世話になったGoogle Chrome拡張機能を紹介したいと思います。... 続きを読む
Yahooブックマークがサービス終了!ブックマークデータをGoogleChromeに移行する手順 | TechMemo
人気記事 GoogleドライブでWEBサイト(HTML/CSS)... - 3,994 views[SEO]自分のサイトがペナルティを受けていないかチェ... - 1,969 views[WordPress]挿入した画像をふんわりと拡大させ... - 1,786 viewsフォームで郵便番号を入れたら、住所を自動入力させる方法... - 1,455 views「この動画は、お住まいの国では公開され... 続きを読む
GoogleドライブでWEBサイト(HTML/CSS)が公開できるようになりました。 | TechMemo
Tweet TweetGoogleドライブにHTMLやCSSファイルをアップロードして、WEBサイトの公開ができるようになったみたいですね。 試しに簡単にやってみたので、WEBサイトの公開方法をご紹介いたします。 HTMLやCSSの用意 WEBサイトを公開するためのHTMLやCSSなどを用意しましょう。 Googleアカウントにログイン Googleドライブを利用するには、Googleアカウントに... 続きを読む