昨日は名古屋駅前でコワーキングスペース「ベースキャンプ」を営むApplepple（アップルップル）さんが主催の名古屋地域で最大級のウェブ系の勉強会イベント「Contents.nagoya 2019」が名古屋国際センタービルにて開催されましたので参加してきました。簡単にレビューを書いてみたいと思います。 Contents.nagoya https://contents.nagoya/ 到着後まずは受付 寳さんのセッションを予約していたのですが、時間的…
先ほどからTwitterで適当につぶやいていたらコーディング会社なりのウェブサイト制作の鉄板パターンについて思いついたので記事にまとめてみることにしました。題して「低予算のウェブサイト制作における合理的な制作黄金パターン｜コーディング会社の立場から」です。コーディングの工程に予算を割くことに重要性について書いてみます。 低予算でウェブサイトを作る場合の鉄板制作フロー ウェブサイトの制作業務は印刷会社や広告デザイン会社が担っている場合が多く、コーディングなどの技術…
こんにちは、三重大学工学部情報工学科に在籍している森田です。この度はご縁があってこれからいくつか、記事を書くことになりました。稚拙な文章かと思いますが、読んでいただけたら幸いです。 さて、今回記事の執筆をするに至り、自分の特色を生かした面白い記事を書いて欲しいという要望でした。そこで私の考える、イメージするウェブデザインについて以下のように進めていきたいと思います。 情報工学科ってなにしてるの？ さて、読者の皆さん。 情報工学科ではなにをしているのかご存知ですか…
ブログなどを書いたりするとき写真などの素材ををGoogleなどで適当に調べて挿入してしまったりしてませんか？もししているならやめましょう！クオリティは高いとはいえない写真ばかりですし著作権などでトラブルが起きてしまうかもしれません。 じゃあどうやって素材を入手するんだ！と思う方もいるでしょう。こんなときに便利なストックフォトサイトというサイトがあります。今回はそのストックフォトサイトの紹介をしていこうと思います。 ストックフォトサイトとは ストックフォトサイトは…
ふり返り記事を書くのが少し遅くなってしまいましたが、18日には Google Cloud Platform の トレーニングイベントである「Cloud OnBoard – 名古屋」に参加してきました。前回同様に会場は今回も名古屋コンベンションホール。ここは何度来ても快適ですね。 早速振り返りの内容を書いていきたいと思います。 BigData 講座 午前中のセッションは初心者向け講習と同時開催のもう片方はビッグデータ講座で、講師は GoogleClou…
弊社が自宅で地域の子供たちを対象に行っているピアノ・エレクトーンの音楽教室「やまぐち音楽教室」がクレジットカードでのお支払いに対応しました。 今回利用したクレジットカードのペイメントゲートウェイとなるサービスは「Square」というサービスです。 現在「キャッシュレス・消費者還元事業」という国の施策があるので、クレジット決済用のリーダーを無料で送ってもらうことができます。詳細は以下をご確認ください。 さあ、スクエア。決済端末も。決済手数料も。無料で始めるキャッシ…
遅ばせながら「やまぐち音楽教室」にもPayPayを導入してみました。これで一応 PayPay を経由したお支払いに対応できるようになったわけです。テストで1円を決済するところまで一通りやってみましたのでレポートしてみたいと思います。 PayPayキット到着 キットの外箱にワクワク 審査が通ってから２～３日でしょうか、すぐにキットが到着しました。月末案件が多少落ち着いたのでキットを開封して教室に飾るところまでやってみました。 早速キットを組み立てて音…
初回無料のウェブサイト診断を始めました。 無料ウェブサイト診断 弊社がウェブサイト診断のサービスを始めた理由としては以下のような中小企業様のニーズを満たすためです。 出来るだけコストをかけずにウェブサイトで問い合わせなどの成果を出したい ウェブ集客プロジェクトの旗振りを任せたい 制作（デザインやプログラミング etc.）や広告運用などの専門知識が必要な業務をピンポイントで任せたい 社内ウェブ担当をマーケティングや制作の視点から支援してほしい ご興味がございました…
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 FLARESが運営するウェブサイトのコーディング代行サービス「FLARES CODING」はページはこちらです。 FLARESではWordPressを利用した地域のウェブサイトのコーディングシーンでこれまで活躍を重ねてきました。 コーディング単体でのご依頼もお受けしておりますのでお気軽にお問い合わせいただければ幸いです。 FLARES CODING FLARES CODING のコーディング標準 これまでまとめようと思ってなかなかまとめられてなかっ…
2019年4月27日（土）の 13:30～17:00 でMie WordPress Meetupが開催されましたので参加してきました。 登壇者／セッション 松阪の制作会社でコーダーをされている戸島さん／FutureShopとWordPressの連携 名古屋の制作会社でデザイナーをされている井斉さん／テーマデザインについて Mie WordPress Meetup 主催の野末さん／WP Rest API を使ってみた話 感想 それぞれの方々の強みを感…
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型構造 ハブ＆スポーク構造 直線型構造 今回は中小企業様のウェブサイト制作の効率化…
