ニュース投稿ツール（MySQL + PDO + Smarty を利用） | PHP Labo
プログラムの概要 「クラスとライブラリの基本」の内容を踏まえて、ニュース投稿ツールを作成してみます。管理者がタイトルと本文を投稿すると一覧に表示される…という、ブログのごく簡単な物です。 記事の表示・登録・編集・削除とひととおりのことができるため、ファイル数が多く難しく感じるかもしれません。ですが、各ファイルとも処理の流れは似た様なものになっています。頑張って読み進めていってください。 テーブルの作成 まずはニュースデータ登録用にテーブルを作成します。今回は以下のようなテーブルを作成するものとします。 CREATE TABLE articles( id INT AUTO_INCREMENT PRIMARY KEY, title VARCHAR(255), detail TEXT, created DATETIME ); id には登録番号を、title にはタイトルを、detail には本
PHP入門 | PHP Labo
プログラミング言語PHPの基本的な文法を解説しています。プログラムを改造する際の参考にどうぞ。（PHP Labo で配布しているプログラムを設置＆利用できるくらいの知識があれば、理解できると思います。） 広告 PHPの概要と開発環境 PHPの概要と開発環境の準備方法を解説しています。 PHPの概要 拡張子の表示 EmEditorのインストール EmEditorの設定 XAMPPのインストール XAMPPの設定 文字コード 開発環境のテスト PHPの基本 PHPの文法と基本的な機能を解説しています。 PHPの基本的な文法 変数と演算 定数 ヒアドキュメント 条件分岐 正規表現 繰り返し 配列 連想配列 フォームからの入力 ファイルのアップロード メールの送信 関数 外部ファイルの読み込み ファイル入出力 Cookie セッション MySQLの基本 データベースMySQLの基本的な使用方法を解
TypeORM｜【入門】CLIでプロジェクト構築して使い方を確認 - わくわくBank
CLIでTypeORMのプロジェクトを構築して、TypeORMの大まかな利用方法を確認します。「migrationの実行」「CRUDの動作確認」など行います。 CLIで新規プロジェクト構築 プロジェクト構築 ( typeorm init ) 新規プロジェクト用のフォルダを作成します。 $ mkdir sample_init $ cd sample_init TypeORMの CLI でプロジェクトを構築します。今回、DBは MySQL を利用します。 $ npx typeorm init --database mysql Project created inside current directory. フォルダ確認 CLI で生成されたファイルを確認します。 $ tree . ├── README.md ├── ormconfig.json ├── package.json ├── sr
JavaScript | ユニットテストツール「Jest」の使い方 - わくわくBank
Facebookがオープンソースとして開発しているJestを利用して、ユニットテスト行う方法について確認します。導入方法、主なMatcher、モックの利用方法など取り上げます。
Jestでテストを書こう！
はじめに はじめまして。 エンジニアのtaptappunです。 我々は普段からビットコインという「お金」を扱ったサービスを開発しています。 そのため、日々バグをなくす努力をしており、その一つとして自動テスト(CI)を導入しています。 ビットバンクでは普段、Node.js(TypeScript)を用いて開発しています。 今回はNode.jsのテストフレームワークであるJestを利用したテストの導入方法と実践的なテストの書き方について紹介していきます。 Jestについて Jestは、Facebookが開発を進めている、オープンソースのJavaScriptのテストフレームワークです。 Jest(Github) TypeScriptで記述したものでも利用できます。 テストフレームワークであるため、テストを書くために必要な一通りの機能が提供されています。 弊社ではTypeScriptで記述したテスト
日本初!? “オンライン特化型”イベント検索サービス『Workship EVENT』を使ってみよう - Workship MAGAZINE(ワークシップマガジン)
2020年、新型コロナによるパンデミックが発生。この危機を前に、イベントやセミナーの多くはZoomなどのツールを用いた「オンラインイベント」に姿を変えました。 しかし、「オンラインイベントは探しづらい」という声も聞かれます。 今回ご紹介する『Workship EVENT』は、こうしたオンラインイベントをまとめて検索できるサービス。この記事では、サービスの特徴と使い方を解説します！ Workship EVENTの3つの特徴 特徴1. オンラインイベントに特化している Workship EVENT最大の特徴は、とにかくオンラインイベントに特化していること。日本最大のオンラインイベント特化型検索サービスのため、多数のイベントから自分の目的に合ったものを探しやすいのがポイントです。 トピックや開催日などを限定して検索できるのも便利ですね。 特徴2. 複数のイベント情報プラットフォームから一括検索で
5 Tips for Vue Performance
Over the last year, I’ve been working mainly on TeamHood.com. We put a lot of effort into the optimization of its Vue front-end. This is because our screens don’t have pagination, and some clients have over a thousand cards shown on one kanban/Gantt board. In this article, we will review some of the tips, tricks, and guidelines related to reducing unnecessary re-rendering and memory optimization t
バッチ処理とcronの書き方について解説！ - Qiita
はじめに バッチ処理とcronの書き方について本やネットの情報から調べて理解したことをまとめました。 もし、書いていることに何か間違いがある場合はご指摘いただけると嬉しいです。 バッチ処理とは バッチ処理とは、一定の時間に対象のデータをまとめて処理することです。 バッチ処理の具体例 毎朝今日の天気を知らせるメールを送る 毎日その日の終わりに売上の集計を行う 毎日決まった時間にTwitterでツイートする バッチ処理の流れ 大まかな流れは以下になります。 1.実行のタイミング トリガー起動 前提となる処理が完了したときに開始するもの 時間起動 毎日0時や5分毎になど、決まった時間に開始するもの 2.処理の実行 3.バッチ処理終了時に成功、失敗のログを出力 cronとは 定期的に自動で処理を実行させるプログラムです。 「1分毎に〇〇の処理を実行する」「毎日0時に〇〇の処理をする」など、設定した
[フロントエンド] axiosライブラリを使って、柔軟にHTTP通信を行う - YoheiM .NET
こんにちは、@yoheiMuneです。 大変久しぶりなブログの更新で少しドキドキです。今日はよくお世話になっているaxiosというHTTPクライアントのライブラリの使い方を、ブログに書きたいと思います。 目次 axiosとは axiosは、HTTP通信を簡単に行うことができるJavascriptライブラリです。本ブログのタイトルには「フロントエンド」と書きましたが、Node.JSでも利用できます。axiosの特徴して以下のような点が挙げられます。 axiosの特徴 XML HttpReqestを簡単に生成できる Promiseベースである カスタムヘッダーやBasic認証など、いろいろなオプションが手軽にできる インストールは簡単で、npm経由で導入できます。 $ npm install axios それでは、axiosの機能を具体的に見てみたいと思います。 axiosを使う ここからはa
![[フロントエンド] axiosライブラリを使って、柔軟にHTTP通信を行う - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f9b76452977ff947edf0d947fc311da5c8d49eb/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F514.jpg)
Tech Pic
利用規約はこちらへ テックピックはテック系イラスト・素材を無料でダウンロードできるサイトです。 商用利用可、会員登録不要です。 移動 EV スマホ スマートフォン タクシー ドローン バス 一人乗り 乗り物 空陸両用 立ち乗り 自動車 自動運転 車 車椅子 電動 流通 QRマーカー 充電 制御 宅配 操作 着陸 荷物 販売 高層階 生活 お花見 ニュース 天気 家 旅行 景色 洗濯 観光 音楽 家電 エアコン テレビ モニター 家電 洗濯機 給湯器 オフィス オフィス 業務用 ヘルスケア コロナウイルス メンタル 感染症予防 建築 BIM ビル 中が見える 内部 商店 家屋 店舗 建築 空調 街 飲食店 先進技術 ディープラーニング 農業 生産者 農業 IT AI AR Iot LED MR VR ipad iphone mac wifi windows アプリ イヤホン ウェアラブル ウ
デコレータ | TypeScript 日本語ハンドブック | js STUDIO
はじめに デコレータ はじめに TypeScriptとES6のクラスの導入により、クラスやクラスメンバの注釈付けや修正をサポートするための追加機能が必要なシナリオとして存在するようになりました。 デコレータは、クラス宣言とメンバの注釈(アノテーション)とメタプログラミング構文の両方を追加する方法を提供します。 デコレータはJavaScriptのステージ1の提案であり、TypeScriptの実験的な機能として利用できます。 注意: デコレータは実験的な機能であり、将来のリリースで変更される可能性があります。 デコレータの実験的なサポートを有効にするには、 experimentalDecoratorsのコンパイルオプションをコマンドライン、またはtsconfig.jsonのいずれかで有効にする必要があります。 { "compilerOptions": { "target": "ES5", "e
TypeScriptのDecoratorについて – 公式ドキュメント日本語訳
Angularを勉強していると、至る所でTypeScriptの知識が必要になってきます。ということで、TypeScriptの公式ドキュメントにお世話になる機会も増えてきています。前回はClassの説明ページを日本語に訳しましたが、今回はDecoratorの説明ページ（Decorators・TypeScript）を日本語に訳しました。Angularでは、単なるクラスをAngularで使えるコンポーネントとしてその役割を担わせる時などにデコレータを使用したりします。けっこう大事な部分でもあるので、日本語に翻訳することにしました。ぜひ参考にしてもらえればと思います。 Introduction: はじめにWith the introduction of Classes in TypeScript and ES6, there now exist certain scenarios that req
TypeScriptによるデコレータの基礎と実践 - Qiita
はじめに アドベントカレンダーに参加した途端に仕事が忙しくなったため、死にそうになりながらこの記事を書いています。 早速ですがタイトルの通り「デコレータ」について少しまとめてみましょう。 書くこと デコレータの基礎 reflect-metadata 実践 公式 とりあえず何事も本家のドキュメントを見てみるのが一番 公式 公式の日本語訳 デコレータはJavaScriptのStage-2状態の機能であり、 今後仕様変更が入る可能性があります。 ドラフト状態の仕様についての詳しい内容は こことかここ！ ↑の日本語訳サイトを読めば大体わかりますし こういった素晴らしい記事もあるので 本記事では簡単なおさらい程度にします。 デコレータとは デコレータとはクラスの宣言などにアタッチできる特別な宣言です。 クラス宣言 メソッド アクセサ(get, set) プロパティ メソッド引数 ↑これらに適用するこ
Vue.js＋Vuex＋TypeScriptのWebフロントエンド開発現場を前向きに改善した話 - ZOZO TECH BLOG
こんにちは。Webフロントエンドエンジニアの松井菜穂子です。 ZOZOテクノロジーズに入社して一年ほど経ちます。 あるサービスの立ち上げから運用まで、Webフロントエンドのチームリーダー・開発メンバーとして関わってきました。 当記事では、当社のWebフロントエンド開発現場にあった問題と、それぞれの課題に対して堅実に積み重ねた技術的な改善方法についてご紹介します。 はじめに モダンな技術でも負債は生まれる 負債を何故改善するのか 要因 その1: Vueコンポーネントを綺麗に分割する テンプレート コンポーネントクラス 使用例 解決策 テンプレート コンポーネントクラス 使用例テンプレート 使用例コンポーネントクラス コンポーネントカタログで汎用化を促す コード テンプレート（atoms.vue） コンポーネントクラス（atoms.vue） サンプル その2: Vuexをシンプルにする Sta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://developers.google.com/web/tools/setup/workspace/setup-devtools
わくわくBank
セミナー/ウェビナー/イベント/勉強会検索の「Workship EVENT」
https://xn--xy1bk56a.run/axios/