a-blog cms 案件のちょっとした引き合いを頂いたので勉強せねばということで a-blog cms Training Camp 2019 Spring に参加してきました。 詳細は以下のページにあります。 https://ablogcms.doorkeeper.jp/events/87478 参加してみて色々と嬉しいことがありました Tシャツのお土産をいただきました 参加のお土産としてTシャツをいただきましたので早速風呂上りに着てみました。…
Kintone devCamp Step3 @名古屋に参加 サイボウズの名古屋オフィスが栄にオープンしたようなので勉強会を兼ねて行ってきました。事務所にセミナールームを併設した格好になっている空間で非常に快適でした。さすがに今どきのIT企業という感じでしたね。 今回参加した勉強会は「Kintone devCamp Step3 @名古屋」です。 Step0から4回かけてKintoneの基礎的な内容を教えて、最終的に Kintone REST API を利用してアプ…
WordPressのログイン状態の判別 PHPによるWordPressのログイン状態の判別 WordPress におけるログイン判別とは通常はPHPレベルで行われるため、多くの場合は is_user_logged_in() 関数が利用されます。 参考： https://bit.ly/2H7MLu3 上記の方法はWordPressを読み込ませる必要があるため、1つのWordPressでしか通用しません。すなわち複数のWordPressを同時にログイン状態を判別する…
これまでまとめようと思ってなかなかまとめられてなかったので、FLARES CODING のコーディングスタンダードを簡単にまとめました。 ルールというものを決めたところでコーディングを行うのは人間であってロボットか何かではありませんから、品質を担保することや効率よくコーディングを行っていく上での絶対の答えというものは存在し得ないと考えています。何事においてもそうですが、仕事上で絶対的に必要なのはコミュニケーションの時間を十分に割くことです。その前提知識として概ねこんな世界感で…
2019年4月20日（土）、三重県松阪市で開催のウェブ系勉強会WEMIEの登壇資料です。 やっぱり尊敬する方のようなスライドはまだまだ作れないですね。ターゲットが最初は一般の方向けに書いているつもりが途中からどんどん技術的に難しい内容になってきて、最終的にコーダーやマークアップエンジニア向けになってしまいました。 枚数的にも結構頑張って作ったつもりが40枚にしかならないので、これを100枚とか200枚規模のスライドまでにしようと思うとテーマ選定の大切さとか（そもそもテーマによ…
WordPressでメールフォームを実装するためのプラグインと言えば、Contact Form 7 やMW WP Form など様々なものがありますが、FLARESでは標準的にはContact Form 7 を普段利用しています。今日はContact Form 7 の使い方について書いてみたいと思います。 Contact Form 7 の基本的な使い方 WordPressへのインストール WordPress管理画面にログインし、「プラグイン」をクリックします。 …
ウェブデザイナーってどんな仕事だと思いますか？ ウェブサイトのレイアウトを描く人とか、ウェブサイトを利用するユーザーを想像する人とか、ウェブサイトを利用するユーザーを満足させる人とか、いろいろあると思いますが、もう少し広い意味でのウェブをデザインするという目線からウェブデザイナーの守備範囲について語ってみたいと思います。 実際にそのような人材がいるかも現実にいるかどうかも私は知りませんが、私が目指しているウェブデザイナー像というものについ書いてみたいと思います。 …
ウェブ制作において「ターゲット層を明確にしないとダメだよ」とかよく言われるのですが、具体的な手法についてあまりご存じない方もまだまだ多いように思います。今日はそんなターゲットなどを定めるにあたって参考になるユーザー分析について書いてみたいと思います。 この記事では株式会社コンセントの長谷川敦士さんが書かれた「IA100」という書籍とこの書籍に合わせた動画が準備されていたため、これらをご紹介する記事になりますが、非常に参考になるため良ければ学んでみてください。無償で提供されてい…
マークアップエンジニアやコーダーと呼ばれている人たちの頭の中はどうなっているのかについてみてみたいと思います。どのようなことを考え、どのようなことにこだわりを持って日々の制作に取り組んでいるのか。マークアップエンジニアやコーダーと呼ばれる人たちは世間一般には理解しがたい存在だと思っていて、何をやっているのか、何のためにやっているのかということがわからない方も多いと思います。 今日は私がマークアップエンジニア／コーダーとしては日々こだわりを持って考えていることについて書いてみた…
最近になってみて、さすがに機械学習とか深層学習とかそのあたりの知識が足りなさすぎるのでさわりだけ学んでみました。実際にお客様からAIに関する領域を求められることは現状まだありませんが、10年先の技術として少しずつ学んでいきたいと考えています。その学習成果をこちらに書いてみたいと思います。 AIとか機械学習とか、その位置付け AI（人口知能）とか機械学習（マシーンラーニング）とか深層学習（ディープラーニング）とかいろいろな言葉があるのですが、それぞれの関係について…
最近動画を用いたサイトが劇的に増えていますね。 私が3月にコーディングを担当した案件のうち2案件は動画が含まれる案件ということがその現実を物語っているかのようです。動画も昔から多くありますが、最近ではウェブでの訴求力を高める目的の上では確実に取り入れるべき要素であると考えています。予算に余裕があるならばまずは動画を作ることを主軸に添えていくべきではないかと個人的には思いますね。 今日は動画を埋め込む方法としてmp4などの動画ファイルをvideo要素で埋め込む方法とは違って、Y…
みなさんはウェブサイトの設計におけるラベル設計という工程をご存知でしょうか？ UXデザインにおける情報アーキテクチャの一領域としてラベル設計という考え方がありますので、今日はラベル設計についてみていくことにしましょう。 ラベル定義 – サイト内の見出しのテキストを定義する みんさんはウェブサイトを設計するときにグローバルナビゲーションなどに用いられるテキストを何気なく決めていませんか？ これらのナビゲーションなどに用いられるテキストを定義することをラ…
みなさんはウェブサイトを制作する上の中間成果物としてワイヤーフレームを制作していますか？ 今日はワイヤーフレームについて少し深めていこうと思いますのでお付き合いください。 ワイヤーフレームとは ワイヤーフレームとは、Webページの構成やレイアウトを大雑把に示した簡易な図。ページ内のコンテンツの構成や配置を決定するための下書き。 IT用語辞典 e-words ワイヤーフレーム 【 wireframe 】 http://e-words.jp/w/%E3%83%AF%…
情報アーキテクチャの特集を始めてみたのですが、今日は「ウェブナビゲーション」について深めていきたいと思います。ウェブナビゲーションとはウェブサイトのページ間を遷移するための仕掛けのことです。ウェブナビゲーションにもさまざまな種類がありますのでそれぞれ見ていくことにしましょう。 ナビゲーションパターン ウェブナビゲーションには以下の種類があると言われています。それぞれ見ていきましょう。 階層型ナビゲーション 機能ナビゲーション 関連ナビゲーション ダイレクトナビゲ…
さて、早速ですが、サイトマップやサイトストラクチャを作成するときって皆さんはどのようなプロセスを経て作成していますか？今日はサイトストラクチャの作り方についてどのような要点があるかをまとめながら記事にしてみたいと思います。 サイトストラクチャの種類 IAに関するどの書籍を読んでも一般的には以下の5分類があると書かれています。 階層型分類構造 ファセット分類構造 Web型構造 ハブ＆スポーク構造 直線型構造 今回は中小企業様のウェブサイト制作の効率化…
