kuoki

コーダー転職する為勉強中です。

kuoki

コーダー転職する為勉強中です。

最近の記事

メモアプリ

私が使用しているメモアプリBoost Noteについて紹介します! 勉強し始めた頃はmacについているメモ機能にメモしていたんですが、 Boost Noteの存在を知り、便利な機能があるのでいくつか紹介します! 背景色やフォントなど、自分好みに設定することができる。自分の見やすい文字、色に設定できます! メモにはタグ付けやブックマークを簡単に行うことができ、分類して整理することができる。これが一番便利だと私的に思いました。 HTML,CSS,jsなど各ファイルごとに分け

    • Wordpressプラグイン

      こんにちは! 今回は僕がWordPressを始めるにあたってかならず入れるプラグイン3つを紹介します! ・WP Multibyte Patch これは日本語にするための機能です。 インストール有効後、WordPressの設定 → 一般でlanguageを日本語に設定 →更新でWordPressが日本語になってくれます! まず一番最初はこれを入れたいですね! 英語だと何が何だかわからないので、、、 ・Contact Form 7 次はこのプラグインです!富士山のアイコ

      • VScode拡張機能

        今回は私が使用VScodeに入れている拡張機能を紹介したいと思います! 1. Prettier コードのフォーマットを自動化。 2. Path Autocomplete パスの補完機能。  3. Bracket Pair Colorizer 可読性が上がる。カッコの対応を色付きで表示。 4. Japanese Language Pack 日本語に変換。 5. Auto Rename Tag 片方のタグを編集すると、対応するタグの名前も自動的に編集。 6.

        • GoogleChrom拡張機能

          私がGoogleChromに入れている拡張機能をいくつか紹介したいと思います。 GoogleChromの拡張機能とは?簡単に言うと便利なことができる機能です! 設定などなく入れるだけなので是非参考にしてください! 1.DeepL Translator 選択した外国語を自動翻訳してくれる拡張機能です。かなり高精度の翻訳ツールです。どうしても英語のサイトが多発するエンジニア業界、、この機能は是非入れときたいですね! 2.image Downloader サイトで使われ

        メモアプリ

          画像を圧縮

          あけましておめでとうございます! 今回は画像を圧縮して容量を軽くしてくれるサイトを紹介します! tinypng(タイニーピング)というサイトです! 可愛いパンダがトレードマークのサイトです! jpg、pngの画像を半分ほどの容量にして圧縮くれます! 画質も悪くなると思いきや肉眼ではほぼわかりません! 企業では当たり前のように使っていると思います、、、 やり方は簡単!赤線の枠に圧縮したい画像をドロップ&ドロップしてファイルを保存するだけ! 画像の圧縮で少しでもス

          画像を圧縮

          よく使うショートカットキー

          私は今コーダーになろうと勉強中なのですが、 コーティングしてる際によく使用するショートカットキーを紹介させていただきます! 1 「command + S」   現在のフォルダー、ファイルを保存します。 2 「command + C」   選択した項目をコピーします。 3 「command + V」   コピーした項目をペーストします。 4 「command + Z」    直前のコマンドを取り消します。間違えて項目を消してしまった時 などに使うと便利です。一

          よく使うショートカットキー

          WordPressエラー対処

          WordPress初心者の私なりに表示エラー出た時の対処方法を簡単に書いていこうともいます。 ふとWordPressでサイトを確認しようとしたらこの画面が、、 デバックを詳しく見てもよくわからず。 そんな時にエラーを検出してくれるやり方を発見。 WordPress内のファイルのhtdocs→wp01→wp-config.phpを開いてください。 下の方に行き、84行目のfalseをtrueに変えます。 変えてから、先ほどのエラー画面に戻ってみると、 このようにエ

          WordPressエラー対処

          WordPress動的ページに

          1つ前の記事に続きWordPressについて書いていきたいと思います! MAMPにWordPressを接続しオリジナルのテーマを入れ込んだ後、静的サイトから動的サイトに変える過程を紹介します! いわばWordPress場で編集、記事の投稿ができるようにしていきます。 ・変更前 ・変更後 画像の赤線で囲った <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?> <動的にしたい要素、ペ

          WordPress動的ページに

          WordPress関数(相対パス)

          ここでは、WordPressにオリジナルのテーマを接続したところからCSSやJSなど相対パスの変更、画像ファイルパスの修正のやり方を書いていきます! WordPressに接続できたのはいいがCSS、JS、画像が表示されません、、 index.phpのhead内の相対パスで記述している箇所はWordPress独自の関数に修正する必要があります。 <?php echo get_template_directory_uri(); ?> 書き方は簡単です。上記の一文を入れるだ

          WordPress関数(相対パス)

          WordPress化するにあたって

          ここでは、私が初めて自身のサイトをWordPressでオリジナルのテーマにするまでの過程でつまずいたところや、まとめなどを数個の記事に書いていきます! まず始めにローカル開発環境でWordPressをインストールできるようにMAMP(マンプ)をインストールしました。 詳しいダウンロード方法はこちらのサイトを参照にしてください↓ https://webst8.com/blog/mamp-wordpress-install/ ここで一つ問題点が、、 MAMPでページが表

          WordPress化するにあたって