第2版　リンク削除。見やすく編集。一部加筆。 コーディング規約とは 「コーディング規約」は多数のプログラマが参加するプロジェクトにおいて、プログラミング品質を均等にするために定める文書です。 内容は変数などの命名規則、禁止事項 (例えば goto 文はダメとか)、コメントの付け方とか、いろいろプロジェクトの特性やその会社の文化などで変わります。 コーディング規約のメリット・デメリット コーディング規約のメリットはプログラマの個性を殺して均質なプログラムを作ること、過去の知識や経験から得られたバグの発生源となりやすいコーディングの防止、インデントやコメントの基準を決めて見やすさ保守性の高さを求める・・・等々です。 一方、デメリットですが、使える文法を制限してスキルの高いプログラマの生産性を殺したり、過去のプログラムとの互換性を追求するあまり新しい機能の使用を制限したり・・・等々があります。

条件分岐タグとは、WordPressのテンプレートタグの一種です。条件分岐タグは、出力するページの種類や、ページ内に含まれるデータに応じて条件をチェックし、処理する内容を分けることができます。

TL;DR WordPress の functions.php に書いておくと捗ることをまとめておきます。 固定ページ判別。body に固定ページのスラッグ名を追加 body に固定ページのスラッグ名を追加。トップページは home のクラス名がつく。固定ページなどは guide about などのスラッグ名を取得しクラス名が付与される。 function pagename_class($classes = ''){ if (is_page()) { $page = get_post();//get_page()は廃止されたので使わない $classes[] = $page->post_name;//スラッグ名取得 } return $classes; } add_filter('body_class', 'pagename_class');

前回までに、style.cssにテーマ情報を記載して、index.phpにHTMLとWordPressの関数を設置しました。今回はfunctions.phpを作っていきます。では、そもそもfunctions.phpというファイルは何をしてくれるのでしょうか？ functions.phpとは 以前、WordPressにはテーマとプラグインというものがあり、それぞれテーマはデザイン部分、プラグインは機能部分を任されていると説明しました。 図で表すとこのようなイメージを持っていただくとわかりやすいかと思います。 ウェブサイトはWordPressで運用しているので、母体としてはWordPressということになりますが、そこにはデザイン的な部分をサポートするテーマと、機能的な部分をサポートするプラグインが母体のWordPressと合わさって機能していきます。 そして、これから作るファイルfuncti

WordPressがどのような構成で、どう動いているのかをざっくりと説明し、テンプレートのファイル構成を、これまたざっくりとお伝えするものです。みるだけなら1分で終わるでしょう。

下記の抜粋をまとめただけ https://wpdocs.osdn.jp/WordPress_%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E5%9F%BA%E6%BA%96 前提 WordPress のコード体系での PHP 記述は、いくつかのレガシーな部分において、形式に一貫性がない。 シングルクォートとダブルクォート 文字列で何も評価しない場合は、シングルクォートを使う。 (訳注: セキュリティ向上のためには、HTML 出力において、シングルクォートを使うのは好ましくありません。多少コードが読みにくくなっても、ダブルクォートを使うべき) インデント インデントは本物のタブを使う。スペースはダメ。 関連するブロックのいずれかが2行以上の場合ブレース（波かっこ）で囲む if ( condition ) { action1();

JavaScriptは大変難しい言語です。Rubyの難易度を2、Cの難易度を5、C++の難易度を8にすると、JavaScriptの難易度は12ぐらいあると思います。このコーディングガイドはそんなJavaScriptの深みに嵌まらないようにするためのJavaScriptの書き方を規定したものです。初級者1のための物ですので、わかってやっている人に好きにやってください。 このコーディングガイドは絶対に従わなければならないものではありません。私は一切強制はしませんし、初級者が従わなければならないという義務もありません。採用するしないはみなさんの自由です。 禁止編 JavaScriptには安易に使用してはいけない機能があります。下記の機能は、それぞれの機能を使っても良い、または、使うべきであるという理由を説明できない限り、使用してはいけません。 ==、!= ==と!=を使用してはいけません。代わり

HTML と CSS のコーディングルールを作ろう HTML と CSS のコーディング規約を中心に、メンテナンス性の良い HTML や CSS をコーディングする際に重要だと思うポイントをまとめています。 誰に向けた記事か この記事には、HTML や CSS を書く人に役立ちそうな内容が書いてあります。 特に初級者から中級者の方で、HTML や CSS を一通り学習した方からの反応が良いです。 まだ HTML や CSS の学習を始めて間もないという方は、先に案件やプロジェクトをこなしコーディング経験を積むことをお勧めします。経験を積むとよりこの記事の内容への理解が深まるはずです。 HTML と CSS を書くときに大切なポイント2点 HTML と CSS を書くときに大切だと思うことを書きます。 1. HTML と CSS を書かない あなたがいま書いている HTML と CSS は、

いままでなぜこのCSSを入れて置かなかったのか・・・ととても後悔しました。 それは、こちらのCSSです。 /* editor */ p { display: block; margin: 1em 0; } strong { font-weight: bold; } em { font-style: italic; } blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; } /* img */ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; } .alignleft

PageSpeed Insights 計測結果 モバイル/パソコン 共に100点 速度という点に絞ると信用できるものではないかもしれませんが、100点という数字は単純にうれしい:) それでは！以下が私のやったことです リクエスト数を極限まで減らす CSSはstyle属性やstyleタグで設定 複数箇所で使う場合はstyleタグに、要素固有のスタイルはstyle属性で設定してしまいましょう。 style属性で設定する場合はセレクタでの捜索が発生しないので、ごく僅かながら速くなると思います。 画像はbase64で埋め込む こことかでデータURIスキームに変換してhtmlに埋め込みます。 base64エンコードすると容量が1.3倍くらいに増加するため大きな画像には向かない方法ですが、小さなアイコン程度ならリクエスト数減らすほうが効果的な場面があります。 複数箇所に使う画像の場合はCSS変数でba

CSS セレクタには class を使い、id を使わないほうが良い、とされるコーディング理論があります。 ここではその理由についてまとめておきます。 再利用性・汎用性の低下 id セレクタは再利用性や汎用性を低下させるので、積極的に使うべきではないとされています。 id はページで 1 度しか使われないですから、再利用される頻度が低い、ということです。 汎用性の高い装飾 まず、あるページの "コンテンツ" や "テキスト" の装飾のために id を使うべきではありません。 言い換えれば、たとえページに 1 つしか存在しない要素を装飾するためであっても、汎用性の高い装飾なら、class にするべきです。 コンテンツやテキストはページに複数回登場する可能性があります。 単純な装飾は繰り返し使えるようにしておきます。 #unique-text { font-weight: bold; font

By Adikos テキストやコードを書いていると集中力が途切れてしまうことがありますが、5秒以上何もタイピングしないでいると入力したテキストが全消滅してしまう恐怖のウェブエディター「The Most Dangerous Writing App」を使えば、「どうしても○時までに作業を終えなくてはいけない！」という時に手を休めることなくバリバリとタイピングを続けられるかもしれません。 The Most Dangerous Writing App http://www.themostdangerouswritingapp.com/ The Most Dangerous Writing Appのページを開くと、「Session Length」という項目として「5分間」「10分間」「20分間」「30分間」「45分間」「60分間」という時間制限を選択できます。これはテキストを入力し続ける時間のことで

例としてこれをWindows標準のメモ帳でutf-8で保存しました。 それをJavaのStringへと読み込んで、カンマ区切りで分けました。 splitLine[0][0] = 1、splitLine[0][1] = あああ みたいにString形式で保存する形です。 そして、このsplitLine[0][0]を数値に変換しようとしてInteger.parseInt()をしたのですが、なぜかNumberFormatExceptionが発生する。 なんじゃこれは、間違いなくこれは数値ではないのか……と40分ぐらい悩みました。 UTF-8にはBOMありとBOMなしの2種類がある。 BOM（Byte Order Mark）とは BOMとは、UnicodeのUTF-16など16ビット幅のエンコーディング方式において、エンディアンを指定するためにファイルの先頭に記入される16ビットの値。 UTF-1

目標設計する時やアイデアが思いついた時、まさにいざという時にやる気になっても実行できなかったり、アイデアがゴチャゴチャになってしまう、ということはないでしょうか。 せっかく思いついたアイデアや目標も達成目前で諦めてしまっては勿体ないですし、意気込みだけで継続するのは難しいものです。そこで、そのような時こそアプリをぜひ活用してください。アプリを使うことで目標設計やアイデア整理ができ、実行しやすくなるはずです。 そこで今回は、便利なアプリを30個紹介します。気になるものがあれば、ぜひ業務の中で使用してみてください。 ※紹介したアプリ情報は2017年3月23日時点のものです。あらかじめご了承ください。 目標設計、アイデア整理に役立つ便利なアプリ30個 1. Evernote（iOS/Android） https://itunes.apple.com/jp/app/evernote-あらゆる情報を

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

平素は株式会社ライブドアのサービスを ご利用いただきありがとうございます。 提言型ニュースサイト「BLOGOS」は、 2022年5月31日をもちまして、 サービスの提供を終了いたしました。 一部のオリジナル記事につきましては、 livedoorニュース内の 「BLOGOSの記事一覧」からご覧いただけます。 長らくご利用いただき、ありがとうございました。 サービス終了に関するお問い合わせは、 下記までお願いいたします。 お問い合わせ ※カテゴリは、「その他のお問い合わせ」を選択して下さい。

【関西】韓国発の大人気「リボンパン」が食べられる、大阪・神戸・京都カフェ5選！キュートなビジュに胸きゅん

ソーシャルメディアとデジタルマーケティングに強い株式会社トライバルメディアハウス代表。大手企業300社以上の広告宣伝・広報・マーケティングの支援実績を持つ。近著『売上の地図』（日経BP）、『自分を育てる働き方ノート』（WAVE出版）含め著書・共著書10冊以上。鎌倉稲村ヶ崎在住。

はじめに この記事は スマートスピーカー Advent Calendar 2017 19日目の記事です。 本記事を書いていたらたまたま空きができていたので急遽投稿させて頂きます。 過去記事(Google Homeでやったことまとめ)にて構築したGoogle Homeによる家電操作環境に一手間加え、Webからも操作できるようにしてみました。 家電操作はもちろん、外からGoogle Homeを喋らせたりできます。 家電の操作には自宅に設置してあるラズパイを使用していますが、グローバル→ローカルのネットワーク通信にFirebaseのRealtime Databaseを利用しています。 Firebaseは他にも様々な機能を提供しており、その一つにHostingがあります。 参考：まだ間に合う！着々と進化しているFirebaseをまとめてみるよ #Firebase #FJUG(全機能まとめ) Hos

安倍総理大臣は、政権の最重要政策である地方活性化について「インスタ映えが鍵となる」と訴えました。 安倍総理大臣：「地方活性化の鍵はSNS（ソーシャル・ネットワーキング・サービス）にあります。SNS映えするというのはインスタ映えするとも言われていますが、旅行ニーズが爆買いといった買い物中心の旅から、その場所でしか経験できない体験型に変わりつつあります。SNS映えする街道風景を増やしていきたいと思います」 安倍総理は最近、自らも始めたインスタグラムを引き合いに出し、地方にインスタ映えする風景を増やすことで観光客を増やしたいと強調しました。また、「お寺でミュージカル、遺跡のパワースポットでヨガ。アイデア次第で観光客を集めるキラーコンテンツに生まれ変わる」として、文化財保護法の改正案を来年の通常国会に提出する方針を明らかにしました。

新社会人のみなさん。こんにちは。Webデザイナーの平尾誠です。 結構前にしくじり先生に杉村太蔵氏が出ていて。 めちゃくちゃ笑いました。久しぶりにみたかったけどYoutube削除されてるのかな。 残念だなー。 彼が政治家として残した功績は大したことない。 だけど何よりすごい強運の持ち主だということ。運も実力のうちですよね。 ”うるせえ” それが彼の座右の銘らしくて、僕と同じだなーってすごく納得してました。 僕の座右の銘は知るかボケ 雑音を遮断して、自分を全肯定する集中力アップの言葉です。 フィリピンエンジニアと話してて思った”個性” ある日、フィリピンエンジニアのインターンの子がとっても勉強熱心だったので彼にこう言いました。 僕：『すげーな。僕も君を見習うよ。どんどん真似していくわ』 マーク：『真似してはいけないよ。真似をしたらその人を超えれない。自分のスタイルが大切なんだ。』 これには赤面