サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
買ってよかったもの
miya-system-works.com
FTPソフト『FileZilla(ファイルジラ)』の使い方を、初心者向けにやさしく解説します。Mac/Windows両方で使えるFileZillaを使いこなして、効率的に作業を進めましょう!FTPソフトの使用方法が知りたい方、プログラミングの初心者の方は必見の内容です。
WordPressプラグイン『Intuitive Custom Post Order』を使った投稿の並び替えを方を画像付きでくわしく解説してゆきます。この記事を読めば、投稿を並び替えする方法がわかり、効率的に作業できる様になります。初心者の方は必見の内容です。
HTML&CSSのサンプルを駆使して、WEBページのコーディングを効率的に進めよう!本記事では、実践的に役立つHTML&CSSのサンプルを紹介してゆきます。プログラミング学習中の方、WEB制作初心者の方はぜひご確認下さい。
今回は人気テキストエディター『Visual Studio Code(ビジュアル・スタジオ・コード)』における、SASS・SCSSのコンパイル方法を詳しく解説してゆきます。 ▼この記事が向いている方 「SCSS」や「SASS」で書いたコードをコンパイルをしたい テキストエディタに「Visual Studio Code」を使用している Web制作・プログラミング初心者の方 SASS記法(.sass)やSCSS記法(.scss)で書いたコードをCSSに変換するためには、PC上にSASS・SCSSのコンパル環境を用意する必要があります。 PC上にSASS・SCSSのコンパイル環境を用意する方法は幾つかありますが、今回は導入がかんたんで初心者にも扱いやすい、VS Codeのプラグイン『Live Sass Compiler』を使った方法を紹介します。 「Live Sass Compiler」
人気のテキストエディター『Visual Studio Code(VSCode)』でGit・GitHubを使う方法について、画像付きで徹底解説してゆきます。具体的な作業を例に解説しますので、この記事の内容を実践すればVSCode・GitHubを使用したプログラミング環境を構築することが出来ます。ITエンジニアは必見の内容です。
XSERVERにLaravelをインストールする方法を解説する PHPフレームワークのLaravel ブログやサイト運営で多くの方に利用されている、人気レンタルサーバーの『XSERVER(エックスサーバー)』ですが、そんなXSERVERで、PHPフレームワークのLaravelが利用できることはご存知でしょうか。 今回はXSERVERにLaravelをインストールするまでの手順について、くわしく解説を行います。 今回の作業に必要なもの 今回の紹介するLaravelのインストール方法には、次のものが必要です。 XSERVER(エックスサーバー) 今回の作業を行うためにはXSERVERのアカウントが必要になります。 ▼XSERVER公式サイト XSERVER(エックスサーバー)※クリックすると別ウィンドウで開きます SSHのクライアントソフト Laravelをインストールするためには、XSERV
WordPressでページネーションを自作する方法 WordPressのオリジナルテーマ制作において、投稿の一覧ページにページネーション(ページャー)を設置する場面は多いと思います。 ページネーション(ページャー)のイメージ ページネーションはプラグインで実装する事もできますが、PHPコード扱うことの多いオリジナルテーマ制作では、テーマ内で一括して管理ができるPHPコードを使った実装方法がおススメです。 今回は、WordPressの「the_posts_pagination()」関数を使用した、ページネーション(ページャー)の実装方法について解説してゆきます。 ページネーションを実装するPHPコード それでは早速、WordPressテーマに「ページネーション」を実装するPHPコードを紹介してゆきます。 ページネーション実装用のPHPコード ページネーション実装用のPHPコードは以下になりま
CSSのフォーマットが簡単にできるVSCodeの拡張機能、『CSS Comb』について解説してゆきます。 ▼この記事を書いたひと フリーランスみやしも(@miyashimo_blog)です。プログラミングやWebサイト制作に関するITの情報を幅広くお届けしていきます。 VSCodeでCSSをフォーマットする方法 テキストエディタ『Visual Studio Code』 CSSコードに対する『フォーマット(書式ルール)』の適用は、きれいで見やすい、品質の高いコードを書くうえでの重要な一要素になります。 ▼CSSのフォーマット例 引用符の統一(シングルorダブルクォーテーション) インデント(空白・タブ) や改行の位置 CSSプロパティの並び順 コーディングの際には、上記のルールを守る事でコードをきれいな状態を保てますが、常にルールを意識するのも大変ですし、かといって、コーディング後に全体を手
Adobe XDは無料版でもしっかり使えるツールですよ!この記事でプランの違いを確認してゆきましょう。 上記のとおり今回は、人気のデザインツール『Adobe XD』の無料・有料プランの違いについて詳しく解説してゆきます。 ▼この記事で分かること 『Adobe XD』が使える3つのプランについて 無料で使える『スタータープラン』について 無料・有料プランの違いについて また、この記事の結論をあらかじめお伝えさせて頂くと、次のようなことが言えます。 Adobe XDは無料のスタータープランでも十分に利用ができますが、無料版は共有数に制限があるのであくまでも1人向きです。一方でWEBデザインなどのお仕事目的で使うなら、トータルでコスパが良い【コンプリートプラン】での利用がオススメです。 そもそもAdobe XDって何ができるツールなの?どんな作業に適したツールなの?という事が気になる方は「Ado
Chrome拡張機能『Autofill』の導入方法 今回紹介する『Autofill』は、Chromeの拡張機能として利用する事ができる、プラグイン的な位置づけの作業系ツールです。 『Autofill』をChromeに追加する方法 Chrome拡張機能の追加方法は簡単で、以下のリンクから『Autofill』のページへ移動し、『Chromeに追加』ボタンを押せば完了します。(※逆に削除をしたい場合は、追加後に表示される『Chromeから削除します』ボタンを押せばOKです) ▼公式サイト Chromeウェブストア - Autofill Chrome拡張機能『Autofill』の使い方 基本的にはWEBフォームの内容を『保存する』事と『読み込む』事がこのツールの主な使用方法になります。それぞれ順番に解説してゆきますね。 1.フォームの内容を保存する Autofillを使ってフォームの内容を保存する
このページを最初にブックマークしてみませんか?
『miya-system-works.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く