すべてのカテゴリ

みんな使ってるし、とりあえずワードプレスで、、、ってサイトを作ったけど、放置したまんま。。そんなことありませんか？ワードプレスを使うことによって何が便利なのか？といったことを知ることで、事業のゴールに対して有効に活用できる状況が増えてきます。そこで！今日はワードプレスを利用するメリット第一弾についてお伝えしたいと思います。【サイト構築が簡単】通常ホームページを作る場合にはHTML,CSS等にて表示するためのコードが必要になります。HTMLやCSSについて理解がない方にとってはコーディングを見てもってことになりかねません。ホームページを長期的に運用したい、社内の情報を更新したい。とはいえ、何がどうなっているのかわからず。外注したとしてもその後サイトの変更や修正するたびに費用が発生してしまうといったデメリットがあります。それに対してワードプレスでは、近年ブロックエディタといった機能がスタンダードになり、後から編集する場合に、視覚的にわかりやすい構成になっています。結果として、変更箇所が見つけやすく、プログラミングの知識がなかったとしても編集が可能になります。定期的に記事の内容を更新したい方や文言を変えてユーザの反応を見たい場合の方にとってワードプレスは非常に取り扱いやすい内容になっております。【テンプレートが豊富】サイトを作る上でどうしてもついてくる悩みがデザインではないかと思います。どこか他のサイトと被ったりしたくない！！とはいえ、自分の事業にに見合ったサイトテンプレートでサクッとホームページを作りたい！！と言った場合に、テンプレートの充実さが大事になります。実はワードプレスは、

WordpressとはWordpressとはPHPというプログラミング言語で作られていて, いわゆるCMS(コンテンツ・マネジメント・システム)の一種でブログやWebサイトを爆速で作ることができるツールです。実はエンジニア歴6年が経とうとしているに実際に使ったことがなく,今アフィリエイトを始めてみようというときにとりあえずの環境が欲しくて今回導入を決めましたローカルにそのまま環境構築してもいいのだが, AWSなどのサーバーにアップする予定だし, 使わなくなったら綺麗にしたいしでDockerで構築することにした本題に入る前に仮に本記事を見て, 疑問点や詰まったりなどした場合は以下のサービスにてご相談に乗りますのでお気軽にお問い合わせくださいませ^2000円と記載ございますが, お見積もり時に内容確認できましたら500円~承りますdockerの環境がそもそもないよって方は以下の記事をご覧いただければと思いますWordpressのDocker imageそもそもwordpressのdocker imageが存在するのか確認していなかったので検索$ docker search wordpressまぁ勿論ありますね環境macOS Big Sur 11.2.3手順1. docker-compose.ymlを作成するversion: '3'services:   db:     image: mysql:5.7     volumes:       - db_data:/var/lib/mysql     restart: always     environment:       MYSQ

前回、Javascriptについて触れましたが、大事なことを書き忘れていました。Topに戻るボタンやスライドショー、スマホサイトには必須のハンバーガーメニュー（３本線のよく見るメニュー）など身近なものは多々あります。あえてこれを難しく定義するならば、以前はHPに動きを持たせるプログラムとされていましたが、現在はその程度のことであれば、CSSアニメーションで制御できる。そこで、端末（フロントエンド）の操作でHPを動かすことができるプログラムとでも言えばいいと思います。この定義で言うと、その最たる例が、皆さんご存知のGoogleMapsやストリートビューです。どうやってサーバーに上げてるか不思議じゃないですか？だって、上空だって見えるんですから笑仕組みの話は割愛しますが、あれはJavascriptで動いています。Javascriptすげー。とても奥が深い深いプログラムです。ここで話を終わらせるのも無責任な話ですね。もし興味のある方は、GoogleMapsについては、「Ajax（エイジャックス）」「非同期通信」でググってください。マニアックな話になります 笑。ストリートビューに関しては、「GoPro Max」というカメラをYouTubeで調べたら、仕組みがイメージできると思います。このように撮影した画像をJavascriptの技術で繋いでいるということです。ではPHPについて説明しますね。まずは、前回のおさらい。スマホやパソコンなどのフロントエンドと呼ばれるものにURLを入力してサーバーを「呼ぶ」➡︎バックエンドと呼ばれるサーバーは届いた呼びかけに「応答して発信する」➡︎フロントエン

// =========================== 日付取得　クラス class get_now_date {     function get_to_date() {     //====================== 現在時刻の取得      $n_year = "";      $n_month = "";      $n_day = "";      $n_hour = "";      $n_minute = "";      $n_second = "";      $now = new DateTime();      $now_tm = $now->format('Y-m-d H:i:s');      //======== 日付の - 空白　: を取る      $tt_0 = str_replace("-", "", $now_tm);      $ttt_0 = str_replace(":", "", $tt_0);      $now_tmp = str_replace(" ", "", $ttt_0);     // ======== 切り出し 年　月　日     $n_year = mb_substr($now_tmp, 0, 4);     $n_month = mb_substr($now_tmp, 4, 2);     $n_day = mb_substr($now_tmp, 6, 2);     // ======= 時間切り出し     $n_hour = mb_substr($now_tmp, 8, 2);    

こんにちは！別府あきこです！突然ですが、モノトーンのイラストも得意です＾＾↓↓↓↓サービスのご注文はこちらへ↓↓↓↓webイラストを描くときに気を付けているのは、もしもアニメーションにした場合、動きがわかりやすく、かつ動かしやすい造りで制作することです。また、ウェブサイトに訪れた方が見ていてワクワクかわいいと思えるイラストを描けるよう頭をフル回転させます！過去に描いたイラストを紹介しますね♪webサイト制作会社様のHP挿絵です。イラストタイトル「はじめての方へ」タイトル「自分で修正できるHPがほしい」いただいたクチコミを自分で入れていくイメージです。タイトル「女性に好かれるHPにしたい」年齢に問わず女性に好かれるイメージです。必要であればパーツ分けも可能ですよ！！٩( 'ω' )وお気軽にご相談ください♪↓↓↓↓サービスのご注文はこちらへ↓↓↓↓今日は以上です！次回は「値段の融通を効かせてほしいというご要望への対応」です！次回もよろしくお願いいたします＾＾別府あきこでした！

1. PHP の ob_start() 関数 PHP には ob_start() という関数があります。 公式マニュアルの説明では「出力のバッファリングを有効にする」とあるのですが、この「バッファリング」が実際どういった動作をするものなのか分かりにくいので簡単な図を書いてみました。 2. バッファリングがない状態 バッファリングがない状態の図が以下です。（バッファがないとき）この状態では、例えば echo "Hello!" と書いて実行すれば “Hello!” という文字列が画面に送られます。3. ob_start() 関数によりバッファを作成する ob_start() 関数を実行すると「バッファ」が作成されます（下の図では、四角形がバッファを表しています）。 「バッファ」は出力された文字列を受け取って溜めておくことができます。（バッファを3つ作成した場合）ob_start() を実行するたびに新たなバッファが作成され、新しいバッファは1つ前のバッファの上に積まれていきます（概念の話です）。そして、一番上のバッファだけが「出力」を受け取って溜めこんでいきます（出力は画面に送られません）。 4. バッファを削除する ob_end_flush() 関数を実行すると、一番上のバッファが削除されます。（バッファを削除する）このとき、削除されるバッファが作成されたときに実行された ob_start() 関数に引数が与えられていなければ、そのバッファ内の文字列をそのまま一つ下のバッファに渡します。コールバック関数が渡されていた場合は、バッファ内の文字列を第一引数としてコールバック関数が実行

こんばんは。今回は教科別スケジュールのページです。いわゆる学習指導要領が科目別に確認追加編集できるページになっています。右側の項目から参照したい科目を選択します。試しに国語を選択してみます。これも今月の授業内容が初期表示されるようになっています。こちらはこの画面で全て内容を確認できるようにしています。⚙マークで編集画面↓登録画面は科目を選択できるようになっています。そしてこれまで同様に情報を登録していきます。目指しているのはアプリ内で授業の準備が全て整う状態にできることです。将来的には学習資料を更新・検索・リンク付・印刷までできるようにして、授業の下準備が効率的に行えるようなシステムを作っていきたいです。今回は以上です。ありがとうございました！

今回はクラスページのクラス予定に関するページについて紹介したいと思います。ここのページではクラスの予定のみが閲覧できるようになっています。それでは見ていきましょう。まずは基本のビジュアルから⬇︎月毎に閲覧できるようになっており、今月の予定が初期表示されるような仕様になっています。予定名、予定日のみが表示されるようにし、選択すると詳細が表示されます。こんな感じです⬇︎こちらの詳細ページで詳しく内容が確認できます。右側の⚙マークを押すと...⬇︎編集ページになっています。こちらですぐに内容変更ができるようになっておりアクセスしやすくしました。では登録画面を見ていきましょう⬇︎バリデーション(バリデーションは未入力のチェックや数字の半角指定などを判定する機能のことです！！)付きの情報入力画面です。確認ページ⬇︎(＊全画面に戻った時のセッションについてはコード解説の時に解説します)登録ページ⬇︎情報が反映されました⬇︎　予定をクラスごと、試験ごとなど分けていますがここに関して全て統一した予定でもいいのではないかとも思いましたが、例えば朝礼、夕礼での先生の話さなければならないことをすぐに確認できるのは便利だなと思い予定を細かく分けました。先生がいかに一つの仕事に集中できるかここが大事なのかなと思います。　こういうどうしたら先生の多すぎる業務を効率化できるか？と言う問に対してシチュエーションを想定しながらアプリの仕様を考えると、具体的な仕様が見えてきます(月毎表示の方がいいのではないか、すぐに内容修正をかけられた方がいいのではないか等)。次回は授業スケジュールのビジュアル紹介です。ありがと

今回はクラスページの生徒情報に関するページについて紹介したいと思います。ここのページで生徒の連絡先などがわかるようになっています。今回から各ページのビジュアルとワークフローを載せていきたいと思います。【緊急連絡のときにすぐに情報が引き出せるように】写真のように生徒の氏名、住所などがわかるようになっています。名前をクリックすると⬇︎情報の変更・削除ができるようになっています。最初はこちらから情報登録をします⬇︎【バリデーションつきの登録フォーム】⬇︎【確認ページ】⬇︎【登録完了ページ】⬇︎【反映された生徒ページ】⬇︎教員の仕事は多く煩雑な印象があるので、できるだけシンプルに目的を絞ったページ展開意識しました。次回はクラス予定のページを紹介します！

　こんにちは、今回から少しずつLaravelでの学校や塾向け業務効率化Webアプリ開発の過程をここに残していきたいと思います。　Laravelを学び始めた人や、プログラミングに興味がある初心者の方にわかりやすい内容を発信できればと思います　　　　　　（僕は全て独学です！誰でもできます！！！）。　兎にも角にも今回はこのアプリケーションで何ができるのかを紹介していきたいと思います。　top画像の左にあるのが用意しているメニューです。⬇︎こちら（きっかけはいつも日本の学校の先生って仕事量の多さが異常に多いなと思っていて、それを解決できるアプリ作ったら面白そうだなと思ったからです。ちなみに文部科学省の『教員が担うべき業務』を読んで内容を考えました。）それぞれの大まかな内容として•トップページ 　--  今日の天気、予定、行事などが閲覧できるページ•クラスページ　--　先生が担当のクラスに関する情報が閲覧できる•成績管理　　　--   クラスの成績管理閲覧ページ•学校行事　　　--   学校行事の詳細を閲覧できるページ•カレンダー　　--  予定一覧がカレンダーで確認できるページ•メッセージ　　--  メールのような機能をつけたい（まだ開発していません）•職員フォロー　--  教員同士の掲示板のようなページ•指導要領　　--授業で必要なプリントなどを選べる（まだ開発していません）•情報登録画面　--  各情報の登録ページトップページクラスページ成績管理学校行事職員フォロー情報登録画面　こんな感じの見た目で開発しており、使いさすさシンプルさ、直感的な操作性を意識して見た目を整えています。　

1. Canonical リンク要素WordPress サイトに書いた記事と同じ内容を外部サイトに転載する場合の話です。 そのままにしておくと、Googleなどの検索ボットから、コピペ記事だと見なされかねないので、どちらか片方のページに「あちら（のURL）が正規のページですよ」という記述を追加することが望まれます。 これを行うには、HTMLのヘッダ部分に Canonical リンク要素を記述します。 こんな記述です。<link rel="canonical" href="{URL}">※ {URL} の部分には、実際のURLを記述します。本記事では、WordPress のページ側で Canonicalリンク要素を書き換える方法を紹介します。2. WordPress サイト側で Canonical リンク要素を書き換えるWordPress では標準で Canonical リンク要素を出力していますので、その処理を一旦削除して、独自の処理に書き換えます。 仕様としては以下を想定します。(1) 特定の記事にアクセスされた場合（記事のIDで判別する）、その記事に対する正規のURLを Canonicalリンク要素にセットして出力する。 (2) それ以外のページの場合は、そのページのURLを Canonical リンク要素にセットして出力する。それでは WordPress の処理を書き換える作業です。 WordPress が標準機能として Canonical リンク要素を設定している部分を探すと、wp-includes/default-filters.php というファ

私は3年ほどWordPressエンジニアをしており、サイトの構築や運用の経験があります。もし、こうしたサイトを開設したい方がいらっしゃいましたらご相談に乗ります。コロナ禍でなかなか名刺交換ができなくても、ホームページがあれば、存在や理念を知ってもらえます！ WordPressとは… サイトの作成やブログの作成などができるCMS(コンテンツ管理システム)の1つで、無料のソフトウェアです。構築した後は、簡単に更新できるので、常に最新情報を発信することができます。 かかる費用は、構築費用とレンタルサーバー代、ドメイン使用料だけです。またドメインを取得すればメールアドレスも発行できますので、対外的な信用も得られます。 開設手順について １．どんなページにしたいかざっくりしたイメージを描く ２．レンタルサーバーの選定と契約 ３．WordPressのテーマ選定、インストール ４．テーマ設定とカスタマイズ ５．記事や画像の設置 ６．検索サイトへのインデックス開始 費用はいくらくらい？ 気になる構築費用ですが、ココナラで調べると提示価格が15,000円から300,000円と、実に２0倍以上の開きがありました。これは、バナー作成やSEO対策、テンプレート以外の対応有無によって、手間が大きく異なるので、その違いだと言えます。料金にどこまで含まれているかも業者さんによって違います。その価格が適切なのかも非常にわかりにくいです。そのため制作事例や実績を見て判断するしかないのかなと思います。 また、安い価格が設定されている場合、最低限の設定のみを行い、それ以外はオプションになっているケースもあります。例

現在では、インターネットの接続環境のある方であれば、誰しもレンタルサーバーを借りられます。企業はもちろん、個人でサーバーをレンタルし、ホームページやブログ、ECサイトを立ち上げるという事も可能ですよね。そこで注意しなければならないのは情報漏洩です。通信経路から情報を見られてしまう可能性があり、アクセスコードが第三者に漏れてしまった場合は、個人だけでなく、利用者の広範囲に渡る危険性もあるでしょう。情報漏洩のリスクに備える事が大切です。レンタルサーバーのセキュリティに対する重要性を知り、各企業の人気のレンタルサーバーのセキュリティの比較をみていきましょう。今さら聞けない！レンタルサーバーのセキュリティに対する重要度レンタルサーバーに必要なセキュリティ対策を説明していきます。これらを知ることでレンタルサーバーのセキュリティの比較がしやすくなりますよ。①SSL…データのやりとりを暗号化し、第三者に情報の覗き見や盗まれることを防いでくれます。②WAF…通信の中身まで読み取り制御し、ファイアウォールでは弾けなかった攻撃まで防ぐことができます。➂IDS・IPS…レンタルサーバーへの通信を監視し、異常があれば管理者へ通知してくれます。IPSは異常な通信があれば、IDSのように管理者へ通知するだけではなく、通信をブロックするところまでやってくれます。➃Web改ざん検知…レンタルサーバーにあるコンテンツが改ざんされてないか常時監視するサービスのことです。改ざんなどの異常を検知したら、管理者に通知してくれます。➄国外IPアクセス制限…国外IPアクセス制限は、国外のIPアドレスからのアクセスを制限する

ご覧頂きありがとうございます！Sakura Labs です。Safari と Google Chrome のキャッシュの残らないプライベートウインドウ（シークレットウインドウ）の使い方のご紹介です。どのような時に使う？サイト表示がおかしい時にキャッシュや履歴を消さずに確認したい時や、一番正しい順位をgoogleの検索結果で確認したい時に使います。通常のブラウザですとgoogleの検索結果は使っている方によって違います。よく見るサイトは上位に来ます。ご自身サイトはもちろん上位に来るので検索して上位に来ていてもプライベートウインドウ（シークレットウインドウ）で検索するとかなり順位が下の時も多いです。正しい順位は、プライベートウインドウ（シークレットウインドウ）の検索結果です。ここ重要！Safari での使い方「新規プライベートウインドウ」を開きます。その画面で検索やサイトの確認をします。一切キャッシュも履歴も残りません。開いている間はキャッシュも残ってしまうので何か変更された時は一旦閉じて開き直します。Google Chrome での使い方グーグルクロームでの手順です。「新規シークレット ウインドウ」を開きます。特に手順に違いはありません。名称が少し違うだけです。検索やサイトの確認をします。一切キャッシュも履歴も残りません。開いている間はキャッシュも残ってしまうので何か変更された時は一旦閉じて開き直します。不具合等でお困りの際は無料で、お見積もりが可能ですので、下記よりお気軽にお問い合わせください。

ぼくが子どものころ、ほしかった親になる 幡野広志　/ php 「優しい子に育てるには、優しい親でいなくちゃいけない。」 優しい子に育てるために ボランティアに連れて行く？動物を飼う？みんなに優しくしようねと教える？間違ってはいないけれど本質でもない。自分が親として優しい人となり優しくあり続ける事で、子どもは自然とそうなる。しかし、優しさは難しい。してあげる事、あえてしてあげない事、叱る事、褒める事、ただ受け入れる事。 相手を理解し、自分でできる方法で手を差し伸べる事が大切。 「学校は、理不尽さを学ぶ所だ」 　社会はそもそも理不尽な世界。それを知らないまま大人になると理不尽さにやられてしまう。そう言う意味では学校へ行くことは大切だ。いじめはなくならない。現代社会の大人でさえ、多数派が少数民族を弾圧している。弱いものをいじめることは、残念ながら動物にも備わった本能だ。友達は絶対的な味方じゃない。置かれた立場や状況で変わって行く。だからこそ親はどんな時も味方で、受け入れ手を差し伸べる。 「自分の言葉で相手に気持ちを伝える方法を子どもに知ってほしい。」 　たとえ家族でも、黙っていても分かり合えるなんてありえない。言葉できちんと伝えられる人に育ってもらうには、親である自分自身が言葉できちんと伝えられる人にならなくてはいけない。それと同時に「いくら伝えても全ては理解してもらえない」と言うことも知ってほしい。答えはいつも、自分で出すしかない。そのためには孤独も必要。どんな時も一緒にいて、最後まで一緒にいるのは自分自身だから。 「大きな成功より小さな成功体験をたくさん積み重ねる。それをほめられ

以前、「ツイッターテンプレート001」を作成しました。１ツイート分の文言をクッキーで保存でき、指定した文字列を変換できるものでした。 今回は、いろんなツイート文言をデータベースに保管しておき、最短２クリックでツイートできるというものです。 定期的にツイッターで宣伝したい場合は便利だと思います。Webアプリの動作最初の画面です。ログインすると以下の画面になります。「ツイッターテンプレート」をクリックします。登録ボタンをクリックします。データを入力します※以下は変換用文字列です。 おは戦の絵文字　　　　→　{oha_e} おは戦のハッシュタグ　→　{oha} 西暦　　　　　　　　　→　{y} 月　　　　　　　　　　→　{m} 日　　　　　　　　　　→　{d} 時　　　　　　　　　　→　{h} 分　　　　　　　　　　→　{mi} 秒　　　　　　　　　　→　{s}登録ボタンをクリックします。※一覧の「(1/10)」は、10件登録可能中の1件登録という意味です。訂正ボタンをクリックします。データを修正します。訂正ボタンをクリックします。※削除用のデータを1件登録します。削除用のデータを登録したときの一覧画面です。※一覧はタイトル順となります。削除ボタンをクリックします。削除ボタンをクリックします。表示ボタンをクリックします。※変換用文字列が変換されています。ツイートボタンを押します。一覧画面を表示します。※ツイートボタンをクリックすると、以下と同じ処理となります。 　　表示ボタンクリック　→　ツイートボタンクリック  ※ツイートボタンをクリックすることにより、最短でツイートできます

毎日いろんなデータを記録しています。体重とか睡眠時間とか、その他いろいろ。 はてなグラフがあったときは、そこに入力して、ときどきグラフを確認していました。 グラフといっても折れ線グラフですが、グラフを見るとどんな傾向かわかってきます。 体重なら過食ぎみの場合は太っていくとか。たぶんストレスかな、とか。 グーグルスプレッドシートなど使うのもいいですけど、個別にいちいち設定するのが面倒だったりします。 というわけで、項目設定　→　データ入力　→　折れ線グラフ表示のツールです。Webアプリの動作最初の画面です。ログインして、マイページや広告を登録します。登録方法などは、以下のブログを参照してください。https://coconala.com/blogs/1890784/12815「うたらぼグラフ」をクリックします。 左のメニューの「項目一覧」をクリックします。登録ボタンをクリックします。データを入力します。登録ボタンをクリックします。※登録されました。 ※訂正、削除ボタンで、データの訂正・削除ができます。 データをもう1件入力します。 ２件の項目一覧の表示画面です。ちなみに、左のメニューの「一覧」をクリックしたときの画面です。※項目の並び順は、左から右になっています。 ※グラフ表示ボタンの左の項目は、並び順です。並び順と公開フラグを変更します。※睡眠を並び順１、公開するに変更しました。 ※公開する項目は水色です。 ちなみに、左のメニューの「一覧」をクリックしたときの画面です。※項目の並び順は、左から右になっています。 ※グラフ表示ボタンの左の項目は、並び順です。 ※公開

ツイッターでは、ツイートを「プロフィールに固定する」ことができます。 ブログのURLをはりつけたときに、大きい画像が表示されますが、この画像部分が定期的に変わるとしたら、日替わりカレンダーならぬ、「日替わりギャラリー」ができるのでは？？、と思って、作ってみました。Webアプリの動作最初の画面です。ログインして、マイページや広告を登録します。登録方法は、以下のブログを参照してください。https://coconala.com/blogs/1890784/12815「ツイッターカード」をクリックします。「初期設定」をクリックします。データを入力します。※更新ボタンを押すと更新されます。「停止中」ということで、一覧をクリックします。登録ボタンをクリックします。データを入力します。登録ボタンをクリックします。※登録されました。 ※訂正、削除ボタンで、データの訂正・削除ができます。 データを５件ほど入力します。 ５件の一覧表示画面です。並び順を変えます並び順変更ボタンをクリックします。※並び替えされました。この状態のHOMEをクリックします。※初期設定の画像が表示されます。ツイッターカードの初期設定で、稼働中にした場合のHOME画面※一覧表示の先頭が表示されます。 ※あとは初期設定で設定された時間にもとづいて処理されます。ツイートする場合のURLうたらぼの場合は、以下のようになります。 index.php?ad=utalabまとめいろいろやってみましたが、結果は、ダメでした。。。「ダメ」といっても、ツイッターカードが動的に変更できなかっただけで、今回考えたロジックは、使えるものがありま

毎朝、おはようのツイートをしてますが、専用ハッシュタグを使っています。 日にちで変わるハッシュタグもあるので、テンプレートを用意して変換すれば楽かなー、と思って作りました。あとは、いろいろ使ってみて、ツイッターとなにか連携できないか？と思いました。たとえば、WebアプリのURL＋ツイッターアカウントで、そのユーザー専用の情報を表示するなど。コンテンツの中身も大事ですが、ちょっとした１行PRもいいかな、とか、ヘッダ画像はツイッターのヘッダ画像が表示できれば統一感あっていいかな、とか、できるようにしてみました。Webアプリの動作最初の画面です。※初期状態のテンプレートです。テンプレートを変更します。※「クッキーに保存」ボタンをクリックすると、ブラウザに記憶されます。変換ボタンをクリックします。変換ボタンの下に、変換された文字列が生成されます。「ツイッターで編集」ボタンをクリックします。これで、テンプレート文字列の変換は終わりです。ツールを広めるために、どうする？文字列を変換するという目的だけであれば、今回のツールはログインすることなく、変換処理だけで終了してしまいます。 もし、AさんがBさんにおすすめしても、Aさんが得をすることはありません。 となると、アフィリエイトが成功報酬として有力かもしれません。 でも、原資がないと、アフィリエイトは難しいですね。   となると、Aさんがおすすめしたということで、Aさんの宣伝ができれば、ちょっといいかな、と思いました。 ツイッターでもプロフィール欄で宣伝はできるとの発想です。   というわけで、ツイッターのヘッダー画像の表示と広

前回作成したWebアプリを修正しました。前回のブログは、こちらです。https://coconala.com/blogs/1890784/12708今回の修正・ツイッターの高度な検索で、日付範囲指定。ただし、1日限定Webアプリの動作検索画面です。「詳細一覧表示」をチェックし、送信ボタンをクリックします。「指定日付絞り込み」をチェックし、送信ボタンをクリックします。検索ボタンをクリックします。※指定した日付分だけ表示されました。まとめちょっとした部分の修正ですが、ソース内容がわかれば、いろいろ改良できますね。ちなみに、ツイッター検索しても、うまく検索できない場合があります。その場合は、しょうがない。今回は、ここまで。では、また！

前回作成したWebアプリを改良し、スマホ版にしました。前回のブログは、こちらです。https://coconala.com/blogs/1890784/12701Webアプリの動作最初の画面です。タイトルの「ツイッター検索002」の左にある点（ドット）をクリックします。なんと！スマホ対応の画面になります。※以下の表示は、PCのブラウザで幅を狭くした場合の画面です。ログインすると以下の画面です。上右のハンバーガーメニューをクリックします。メニューの「ツイッター」をクリックします。「一覧」をクリックします。下の登録ボタンをクリックします。データを入力します。登録後の画面です。※「#PHP」が登録されたのが確認できます。 ※50件まで登録できます。「#PHP」の訂正ボタンをクリックします。「#PHP」を「#PHPzzz」にします。訂正後の画面です。※「#PHPzzz」に訂正されているのを確認できました。「#PHPzzz」の削除ボタンをクリックします。削除後の画面です。※「#PHPzzz」が削除されているのを確認できました。データを３件追加します。「ハンバーガーメニュー　＞　ツイッター　＞　ツイッター検索」をクリックします。※ログイン後の初期画面と同じです。 ※日付は本日の日付です。 ※一覧のすぐ上に表示されている日付で検索します。日付入力の左にあるチェックボックスをチェックし、送信ボタンをクリックします。※データの詳細が確認できます。 ※スクロールした画面ですが、メニュー部分は上に固定化されます。 ※文字列の変換が確認できます。変換可能な文字列は画面にある4種類です。 ※{oha}お

前回作成したWebアプリを改良し、汎用的にしました。前回のブログは、以下で確認してください。https://coconala.com/blogs/1890784/12693以下のように修正しました。・入力件数は最大50件 ・5件まとめて検索可能 ・日付単位で変化するハッシュタグに対応 ・残り検索一覧がわかるWebアプリの動作最初の画面です。ログインすると以下の画面です。左のメニューから「一覧」をクリックします。下の登録ボタンをクリックします。データを入力します。登録後の画面です。※「うたらぼ　#朝活」が登録されたのが確認できます。 ※50件まで登録できます。同様に、複数件、登録します。 以下の一覧画面が表示されます。※一覧画面の上に「6/50」とありますが、50件登録可能状態で、6件登録ということです。 ※一覧の並び順は、タイトルの昇順です。「#PHP」の訂正ボタンをクリックします。「#PHP」を「#PHPzzz」にします。訂正後の画面です。※「#PHPzzz」に訂正されているのを確認できました。「#PHPzzz」の削除ボタンをクリックします。削除後の画面です。※「#PHPzzz」が削除されているのを確認できました。「#PHP」のデータを登録しておきます。左のメニューから「ツイッター検索」をクリックします。※ログイン後の初期画面と同じです。 ※日付は本日の日付です。 ※一覧のすぐ上に表示されている日付で検索します。日付入力の左にあるチェックボックスをチェックし、送信ボタンをクリックします。※データの詳細が確認できます。 ※文字列の変換が確認できます。変換可能な文字列は画面にある

前回作成したWebアプリの改良版です。前回のブログを確認してください。https://coconala.com/blogs/1890784/12686今回の修正内容です。・登録・訂正・削除をしやすくした ・JavaScriptを使用 ・一気にブラウザで検索Webアプリの動作最初の画面ですログインすると以下の画面です。左のメニューから「ツイアカ一覧」をクリックします。下の登録ボタンをクリックします。データを入力します。登録後の画面です。※「aaa」が登録されたのが確認できます。 ※30件まで登録できます。 同様に、「bbb」「utalab」を登録します。以下の一覧画面が表示されています。※一覧画面の上に「3/30」とありますが、30件登録可能状態で、3件登録ということです。 ※ツイアカの並び順はアルファベット順です。「aaa」の訂正ボタンをクリックします。「aaa」を「aaazzz」にします。訂正後の画面です。※「aaazzz」に訂正されているのを確認できました。「aaazzz」の削除ボタンをクリックします。削除後の画面です。※「aaazzz」が削除されているのを確認できました。左のメニューから「ツイッター検索（おは戦）」をクリックします。※ログイン後の初期画面と同じです。 ※日付は本日の日付です。 ※一覧のすぐ上に表示されている日付で検索します。「全部検索」ボタンを押します。すると、ブラウザのタブが複数表示されます。 ただし、Chromeの場合ですが、初めての場合は、１つだけしか表示されません。ブラウザの初期設定だと思いますが、POPアップブロックがかかっています。 ブラウザ

前回のブログでは、ツイッターの某ハッシュタグを生成し、検索する、というものでした。前回のブログは、こちらです。https://coconala.com/blogs/1890784/12354ツイッターでは、だんだんと仲間意識といいますか、毎日挨拶したい人には、挨拶用ハッシュタグに対応しておけば、便利だと思いました。そこで、今回はデータベースに、挨拶したいツイッターアカウントを登録しておいて、検索できるようにしました。Webアプリの動作最初の画面です。ログインすると以下の画面が表示されます。左のメニューから「ツイアカ（ツイッターアカウント）登録」をクリックします。データを入力します。登録後の画面です。※30件まで登録できます。同様に、「bbb」「utalab」を登録します。左のメニューから「ツイアカ一覧」をクリックします。※一覧画面の上に「3/30」とありますが、30件登録可能状態で、3件登録ということです。 ※ツイアカの並び順はアルファベット順です。「aaa」の訂正リンクをクリックします。「aaa」を「aaazzz」にします。訂正後の画面です。左のメニューから「ツイアカ一覧」をクリックします。※さきほど訂正したツイアカが表示されています。「aaazzz」の削除リンクをクリックします。※訂正画面と同じに見えますが、入力項目は修正できない状態です。削除後の画面です。左のメニューから「ツイアカ一覧」をクリックします。「aaazzz」が削除されているのを確認できました。左のメニューから「ツイッター検索（おは戦）」をクリックします。※ログイン後の初期画面と同じです。 ※日付は実行時の日付

ツイッターは、情報収集には便利ですよね。もちろん、情報の発信でも便利です。SNSの特徴として、ハッシュタグによって、情報を発信・収集しやすくなります。なかには、日にちによって、ハッシュタグを変更するというものがあります。ある規則に従って、ハッシュタグをつけないといけませんが、ハッシュタグのためだけに、頭をつかうのも面倒です。そんなときは、プログラミングすると便利です。わざわざWebアプリを作るまでもないですが、もし作ったらどうなるか、順を追って説明します。最初の画面です。日付を入力します。sendボタンをクリックします。これだけの処理です（＾＾；中身の処理は、配列を駆使したり、いろいろ。おは戦20703jk（絵文字）の解説・おは戦.......固定文字です。・2..............令和の元号（2桁は未定）・07............月・03............日・j...............英語の月（julyのj）・k..............金曜日のk・絵文字.......曜日で指定した絵文字一応Webアプリなので、POSTしたデータをどう取得して、変換して、画面に出力するかを、確認してみると勉強になるでしょう。ツイッター検索のリンクやボタンをクリックすると、ハッシュタグで検索、さらに、utalabというユーザー指定の検索ができます。ソースをいろいろ確認して、自分なりのWebアプリを作るとおもしろいかも！！では、また！

Webアプリを使うには自分のPC内でWebアプリを使う場合は、なにも認証する必要はありません。でも、Webアプリはネット上に配置して使うのが便利ですよね。そうなると、セキュリティが重要になってきます。もちろん、複数人で使う場合も、重要になってきます。インターネットでは、不特定多数の人がアクセスすることができます。でも、自分専用のデータを使う場合は、認証して特定する必要があります。その認証をどうするか、考えてみます。自作する方法自作するとなると、いろいろ大変です。セキュリティを高度にするためには、いろんな知識が必要となります。実際、自分自身、セキュリティに詳しくないですし、大変だと思っています。また、自分が作るWebアプリが、セキュリティ対策を十分にするべきものなのか、考える必要があります。いずれにしても、自作Webアプリは、自分が作りたいものだけに集中したいものです。他システムを活用たとえば、ココナラでは、ヤフー 、フェイスブック 、グーグル 、アップル の外部サイトで認証できるようになっています。グーグルユーザーであれば、グーグルのログインさえできれば、ココナラでも使用できるメリットがあります。ココナラ専用のログインID,パスワードを覚える必要がありません。ココナラから見ると、ほぼ確実な信用あるユーザーを獲得できます。認証自体を外部で行うことにより、自作Webアプリの認証は、外部チェックの結果を知るだけでよくなります。他システム活用を選択したネットビジネスをやっている人であれば、メール配信サービスを活用していると思います。メール配信サービスはいろいろありますが、私が利用してい

Webアプリの作り方PHPの本をいろいろ読んでみて、「メジャーなフレームワークを使ってみるべきか」「本と同じような感じで作るべきか」と、ちょっと悩みました。 フレームワークは便利な機能が簡単に作れるのですが、簡単に作れるまでには勉強しないといけません。学習コストが高いです。 また、大規模なシステムを作るのであれば、作り方の統一の一つとしてフレームワークの採用となるのですが、個人でしかも初心者（PHPの）の場合は、まっさらな状態から作る方が、作り方の勉強になります。 ただ、今までやってきた作り方がMVCパターンだったので、この作り方でやってみたいと思います。 で、こんな感じで作ってみました。フォルダの意味app ここのフォルダ内でアプリを作成します。 app配下のフォルダ カテゴリとかグループ名など たとえば、社員についてであれば、「shain」、セキュリティなら「sec」など  css cssファイルを格納する場所です。 その他 必要に応じてフォルダを作成しますファイル名の意味.htaccess このファイルで設定することで、セキュリティなど考慮できます。 ちなみに、今回の設定では、外部からアクセスできるファイルはindex.phpのみで、その他ファイルや以下のフォルダは外部からアクセスできないようにしています。 外部からアクセスできなくても、プログラムでincludeで呼び出すことでプログラムを実行します。 ただし、cssフォルダ内のcssファイルに関しては、phpに関係なく呼び出す必要があるので、ルート内にある.htaccessファイルとは別にcssフォ

今までColdFusionというものでシステムを作る仕事をしていましたが、とうとう2020年3月で、仕事の契約がなくなりました。新型コロナの影響もあり、自宅でいろいろ考えました。個人では、ヘテムルというホスティングサービスを利用していますが、ブログもちょっとしかやっておらず、ディスク使用量が、なんと、１％未満！というわけで、PHPとMySQLはデフォルトでついているので、勉強もかねてWebアプリを作ってみることにしました。ちなみに、なぜ「ヘテムル」かというと、昔、ColdFusionが使えたんですね。。。ColdFusionの対応をやめたということは、需要がなくなったということです。システムを内製化するなら、ColdFusionは便利な関数が満載です。拡張子が「cfm」となっているものはColdFusionで作られたものです。通販の「フェリシモ」は使っているみたいです。おっと、脱線しました。2020年4月は、PHPの本を読みました。・いきなりはじめるPHP・気づけばプロ並みPHP・詳細！PHP７＋MySQL入門ノート・PHPフレームワークLaravel入門・PHP逆引きハンドブックLaravelというフレームワークを使ってWebアプリを作ろうかと考えましたが、やめました。大規模システム用という感じです。ゼロから作ることにしましたが、やはり、共通化する部分があったりと、自分なりのフレームワークを作ったりしました。実際に開発を始めたのは５月からですが、まずは自分が欲しいと思ったものを作っています。随時発表していきます。ブログでは操作説明を書いていきたいと思います。では、また！

お久しぶりです。sqrt27です。約半年前に投稿したサービスに関してですが、ココナラのルール違反で下書きに戻されましたが、長考の末この記事を書きだした始めた日に自分で削除しました。よって現在出品コンテンツはひとつもありません。本題ですが、将棋という日本の伝統的なボードゲームをご存知でしょうか。ルールを知らない方でも知っている有名な棋士に羽生善治九段や藤井聡太竜王などがあげられるものです。(肩書は当ブログを書きだした当時)将棋の「指し手」をURLパラメータに入れて各指し手ごとに局面を再現するプログラムをPHPにしました。棋譜の著作権の関係でプロの棋譜は安易に載せられないのですが、今までにプロアマ問わず何万局と指されてる定跡手くらいなら著作権も何もないと思うので、指し手の一例として相掛かりの定跡の一種である1▲２六歩～11▲２六飛までのパラメータを載せておきます。?kifu=position%20startpos%20moves%202g2f%208c8d%202f2e%208d8e%206i7h%204a3b%202e2d%202c2d%202h2d%20P%2a2c%202d2f%20そして以下にコードの一部を載せておきます。なお諸事情により指し手の解説部分や手を進める動作のリンク部分等は省略させて頂きます。<html><head><meta charset="utf-8"> <title>将棋研究</title> <link rel="stylesheet" href="../indexstyle.css" t

そろそろ看板でも作ろうかなと思いましたが、実際設置したときのイメージに不安がある。そんなときこそARを使って、実際に設置されたときのイメージを確認しようと本ツールを作成してみた。しかし「なんかイメージと違う」といった場合にすぐ画像を更新したい。そのため、ファイル監視とプッシュ通知を使うことにした。以下のような動作イメージ。１．ペイントとかで画像を保存２．ファイル監視(c#/ WPF)で画像が更新されたことを検知３．FTPで更新された画像をサーバーにアップロード４．PHP経由でiOSアプリへプッシュ通知５．iOS側でプッシュ受信後、アップロードされた画像をダウンロード６．ARで表示ついでに幅、高さ、奥行きなどをiOSアプリ側で変更できるようにしてみた。･･･プッシュ通知ではなくボタン押下でダウンロードでもよかったかもしれない。「ここに○○おいたらどうなるだろう・・・」なんて悩みをお持ちの方、こんなアプリを発注してみませんか？

今回はPHPを1から勉強して、Webサイトが作れるのか挑戦してみました。PHPは動的なWebサイトを作ることができるプログラミング言語で、例えばDBから取得したデータを画面に表示したり、APIを使って他のサービスを利用したりすることが可能です。どんなWebサイトを作るかですが、テーマを決めました。先日、オープンデータの活用で紹介しました、地域検索のWebサイトの完成を目指します。１．仕様①スマートフォンで利用できるWebサイトを構築する。PCでもWebサイトを利用できるが、スマートフォン対応を優先した画面デザインとする。②市区町村毎の各種データが多い順に並べ替え、上位10件の市区町村のデータをWeb画面に表示する。各種データとは、オープンデータで公開されている下記のデータのことである。・保育所の数・公立小学校の数・国立小学校の数・私立小学校の数・小児科の医療施設数・生活利便施設数③検索条件から都道府県を選択して、検索範囲を絞ることができる。都道府県を選択せずに、検索範囲を全国にすることも可能とする。④オープンデータをDBに手動で登録する。⑤オープンデータは、政府統計の総合窓口(e-Stat)で公開されているデータを利用する。２．DB設計オープンデータを確認すると分かりますが、市区町村毎に下記のようにコードが割り当てられています。そのコード体系をそのまま利用します。（例）コード, 市区町村名1101, 札幌市 中央区1202, 函館市2201, 青森市3201, 盛岡市コード, 都道府県名1, 北海道2, 青森県3, 岩手県テーブルは①市区町村情報テーブル②コードマスタテーブルの

WordPressを利用されている方は非常に多く、現状の仕事のほとんどがWordPress関連です(Linuxサーバーの相談も得意としますが、なぜか依頼があまりない)。作業していてよく思うことがありまして、それは「バックアップがとられていない」ケースが多い！ということです。バックアップがとられていないとどういうことがあるのでしょうか？1. 不具合が起きたときに元の状態がわからなくなるWordPressのテーマやプラグインとサーバーの対応関係は重要で、常に保たれている必要があります。ところが、レンタルサーバーのサーバーソフト（PHP)の更新が異様に遅かったり、プラグインやテーマの更新が滞って対応関係が崩れることがあります。そういうとき、バックアップがあるとすぐにデータは復元できますが、ないと素人の手には終えなくなってしまうことがあります。2. ページが改ざんされたときにホームページを戻せなくなるWordPressは普及しているが故、いつも攻撃される危機にさらされています。一度ページが改ざんされると、記事と画像しか救出できなくなることやレンタルサーバーのアカウントが停止させられることがあります。そういうときバックアップがあればすぐに復帰できますが、でないとテーマやプラグインのデータは失われる、復帰作業が遅くなることがあります。3. レンタルサーバー会社が潰れたときや事故のときにデータが取得できなくなる少なからず、レンタルサーバー会社が潰れたり事故を起こしてデータを無くすことがあります。そういうときは、バックアップがないと戻せなくなります。4. バックアップデータの取得が有料だったレ

先日お客さまより相談いただきました。WordPress6にバージョン上げたのが原因か分かりませんが、ブログ投稿でエディターが真っ白になる現象が発生していてお困りでした。サポートに確認したところ、SWELLテーマアップデートで改善されるようですが、購入時のメールアドレスが分からず、再購入が必要とのこと。今後のアップデートが受けられないのは問題ですが、今回はテーマカスタマイズで対応させていただき、様子を見てもらうことになりました。同様の件でお困りでしたら即日対応可能ですので、お問い合わせください。

久々のワードプレス案件。 承諾いただいたので投稿します。 「coffee.okinawa」サーバー移設から、ドメイン移管 LP、サイト構成など、全部任せてもらいました。 サイト配色は、マテリアルデザインのツールが特に参考になりました。 「m3.material.io」

前回のブログで記載しましたが、現在は現役のコーダーとしても活動しつつ、コーディング講師としても活動しております。1月22日に行なった初回の講座ではCSS設計の概念を伝えつつ、実際にボタンをコーディングしながら、実践形式でお話をしました。以下のスライドは使用した資料を抜粋したものになります。今後もこちらのブログで情報発信を行う予定なので、フォローやお気に入り登録してくださるととても嬉しいです！！よろしくお願いいたします！

ココナラに登録をしたから初めての案件をいただきました。ずっと心待ちにしていた初案件なので、誠心誠意全力で取り組みたいと考えています。今後も、実績を積み重ねてより多くのWEBサイトを製作し、沢山の方に満足していただけるように、努めてまいります。多くのサイトを作り実績を積むため、現在格安でWEBサイトを製作しております。興味のある方は是非、ご連絡ください。

PHPでの開発案件もちょこちょこと入ってくる私のところですが、今まではPHPではなくRailsを中心にして対応してきましたが、いろいろ思うところもあってPHPに戻ろうかと思い、今回はLaravel復習中です