ファイルやフォルダの成りすましファイルだよ UNIX関連で登場するよ 本物に中継するのが役目だから、それ自体に中身はないよ Windowsにおける「ショートカット」みたいなものだよ 簡単に書くよ シンボリックリンク（英：symbolic link）とは UNIX系のOS（コンピュータの人格に相当するソフト）（Linuxとか）における、ファイルやフォルダの代理人ファイルのこと。 もう少し具体的に書くと UNIX系のOSにおいて、ファイルやフォルダに対する注文を代わりに受け付けて本来のファイルに中継するのを役目としている「注文受付代行ファイル」のこと です。 Windowsの方が得意な人は Windowsにおける「ショートカット（ファイルやフォルダの代理人ファイル）」のUNIX系OSにおける呼び名 と解釈しても構いません。 シンボリックリンクといえば、昔はUNIX系（Linuxとか）の話で出て

サイトが大きくなればなるほど未使用セレクタとか増えちゃってCSSで余計な容量食っちゃうらしい。 そんな時に、ページごとに使っていないセレクタを見つけて削除したい。 あとはページをリニューアルするときにフルスタックではなく、徐々に綺麗にするときに使えそう。 Chromeの仕様が変わり、開発者ツールの「Audits」項目から調べられなくなったので、 ２点の方法を紹介。 開発者ツールの「Coverage」機能 Unused CSS 開発者ツールの「Coverage」機能 Macの場合は、ショートカットが「Command + Option + I」 windowsの場合は「Ctrl + Shift + I」　で開く デベロッパーツール上の開発者ツール右上に表示されている「・・・」が縦に並んだ設定ボタンをクリックし 「More tools」から「Coverage」を選択 click the reco

最初に この記事では普通の DOM を 「Light DOM」 と呼び 「Shadow DOM」 と明確に区別して扱います。 Shadow DOM とは？ Shadow DOM は Web Components の標準仕様の一部ではありますが実はブラウザーには結構前から実装されているものです。 <video>タグなどは Shadow DOM を使っているが Web Components の標準仕様に入るまでは自由に使うことはできませんでした。 Shadow DOM とは？ (2) そして Edge も Chromium の仲間入りをしたことで Shadow DOM も含めての全ての Web Components の標準仕様がモダーンなブラウザーで使えるようになりました！！ 🎉 Shadow DOM とは？ (3) Shadow DOM を使えば Light DOM から独立した DOM

どゆこと？ 簡単に言えばcomponentがクラスでprojectがインスタンスです。 componentはそれ自体が色情報や幅情報などはもたず、どんなものであるかしか定義しません。 一方で、projectは色情報や幅情報をもつし、どんなものであるかも定義することがあります。 で、なにがスッキリするって？ オブジェクト指向に当てはめて考える 例えばc-buttonみたいなcomponentを定義したとしたら、projectと併用される場合、 <span class="c-button p-ArticleForm__button">記事投稿</span> <span class="c-button p-CommentForm__button">コメント送信</span>

.htaccess と言う単語自体はちょくちょく聞いたりしてたんですが、 そもそも .htaccess 自体が何なのか、何を指しているのかよくわからなかったので、 それに関しての備忘録です。 .htaccess とは .htaccess(ドット・エイチ・ティ・アクセス) とは、Apache(アパッチ)などのソフトウェアが使用されている環境で使用可能なディレクトリ単位のWebサーバー設定ファイルです。 ※ 2020/07/20 追記 .htaccess は Apache でのみ使用可能です。 Nginx などでは使用できません。 これが特定のディレクトリに設置されると、.htaccess 内に記述されている内容が、設置されたディレクトリ内とその下層のディレクトリ内に対して適用されます。 いつ .htaccess ファイルを使うか 基本使わない 基本的に、.htaccess ファイルの使用は極

ある程度長くウェブ担当をされている方、「リダイレクト（転送）」が必要になった経験ってありませんか？ 転送は普通にHTMLを編集するだけではできなくて、悩まれる方も多いと思います。 この記事では、下記2点を説明していきます。 ・どのような場面で.htaccessを使用するのか ・.htaccessを使ったリダイレクトの設定方法 .htaccessがどんな役割で、SEOにどんな影響があるのか。 困ったときに役立つ辞書的な役割として資料にまとめましたのでご活用ください。 【保存版】SEOにおける.htaccessの活用法を無料ダウンロード .htaccessとは？ .htaccessとは一体何者なのか サーバーを制御するファイルで、「ドット・エイチ・ティ・アクセス」と読みます。 このファイルでは下記みたいなことができます。 リダイレクト（アクセスしたユーザーを転送する設定） Basic認証（ユー

モジュールとは？ a-blog cms では、ブラウザ上から更新できる部分には、モジュールと呼ばれるパーツが表示用テンプレートのHTMLファイルに貼り付けられています。 a-blog cmsでは多くのモジュールがありますが、このモジュールがa-blog cmsに登録した様々なデータを表示することでサイトを構成するパーツとなっています。 どのようなモジュールがあるのかを知る事が、a-blog cms のカスタマイズの上達の近道です。同梱テーマのsite2015のトップページでは、以下のようなモジュールが使われています。理解を深めるためには、テンプレートファイルでどのように記述されているか確認してみてください。 モジュールは大きく分けると、テンプレートを組み立てるためのGETモジュール、サーバーにデータを送信するためのPOSTモジュールがあります。 GETモジュールには、ビルトインモジュール・

IT業界で働いている方の中には、次々と生まれる業界のトレンドをチェックするために日頃からRSSリーダーやニュースアプリなどで情報収集を行っている方も多いはずです。 とはいえ、それらのツールは「自ら登録したメディア」や「特定のニュースメディア」の情報が中心になります。そこで、情報源に物足りなさを感じる方もいるでしょう。 特に、IT業界では「分野ごとの専門家が書いたブログ」や「企業のオウンドメディア」から得られる情報があるため、RSSリーダーやニュースアプリではキャッチ仕切れないこともあります。ブログやオウンドメディアなどの情報を効率的にチェックしたい方にオススメなのが「はてなブックマーク」です。 今回は、はてなブックマークの使い方や便利な機能についてご紹介します。 ▼オウンドメディアの基礎知識から、具体的ノウハウまで解説！ はてなブックマークとは 「はてなブックマーク」とは、株式会社はてなが