概要 SDKを利用して認証・アップロードを行う記事はあったのですが、SDKを利用しない記事・ドキュメントが少なくかなり苦労したので、、、誰かこれを見て楽してください!! カスタムアプリの作成と設定 カスタムアプリの作成 開発者コンソールに移動し、マイアプリからアプリの新規作成をクリックする。 認証方法のダイアログが表示されるので、デフォルトのサーバー認証(JWT使用) を選択し、任意のアプリ名を入力する。 カスタムアプリの設定 カスタムアプリ作成完了後、自動的に構成の設定画面へ遷移します。 アプリケーションスコープ Boxに格納されているすべてのファイルとフォルダへの書き込みのチェックボックスをオンにする ※今回の記事は、ファイルをアップロードが必要なので読み取りのみ場合は、無視してOKです! 管理操作については、リファレンスを参考に任意で設定お願いします。 公開キーの追加と管理 公開/秘
Extensible Code Editor CodeMirror is a code editor component for the web. It can be used in websites to implement a text input field with support for many editing features, and has a rich programming interface to allow further extension. This is a CodeMirror field, configured for editing JavaScript code. Features Accessibility Works well with screen readers and keyboard-only users. Mobile Support
サンプルとデモページで実際の動作を通して学ぶTinyMCEの設定方法 以前の投稿「PukiWikiをビジュアルエディタ(TinyMCE)で編集できるプラグインを作成」で、TinyMCEについて学びました。その際の知見をフィードバックできればと思い、まとめを作りました。 「はじめてTinyMCEを使う」「TinyMCEをとことんまでカスタマイズしたい」といった方々にお役に立てたら幸いです。 TinyMCEとは TinyMCEとはリッチエディタの一種です。 リッチエディタとはざっくり言えば実際の見た目と同じ画面で編集できるエディタのことです。モニター画面と印刷結果を一致させるために使われたWYSIWYG(ウィジウィグ)が有名です。html用途ではTinyMCEの他にCLEditorもよく知られています。 TinyMCEはHTML用のリッチエディタで、HTMLタグを打つこと無く装飾されたWebペ
Webデザインでは、デバイス毎にCSSの記述を変えて、各対象デバイスで快適に閲覧できるようにすることが好ましい。スマホが普及してからは、Webサイトの表示もPC版とスマホ版を制作するのが当たり前になっている。このコーディングの際に便利なのが『vw』という単位である。 「vw」は「viewport width」の略で、デバイス或いはWebブラウザの表示領域幅を100vwとした単位であり、概念としては「%」と同じである。 スマホ版のコーディングでは、この「vw」をベースに制作すれば、機種による画面幅の違いはほぼ考えなくてもよくなるため非常に重宝するのだが、PC版のコーディングとなると事情が異なってくる。 それは、PC上でのWebブラウザの表示幅は数100px~2000px程度まで、非常に変化の幅が広いため、表示領域幅を基準に各要素のサイズを指定してしまうと、非常に小さくなったり、逆にあまりにも
<?php declare(strict_types=1); /** * UUID version 4 */ class UuidV4Factory { const PATTERN = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'; /** * UUID 生成 * @return string * @throws \Exception */ public static function generate(): string { $chars = str_split(self::PATTERN); foreach ($chars as $i => $char) { if ($char === 'x') { $chars[$i] = dechex(random_int(0, 15)); } elseif ($char === 'y') { $chars[$i]
〒700-8544 岡山市北区大供一丁目1番1号 電話:086-803-1000(代表)ファクス:086-225-5487 開庁時間 月曜日から金曜日 午前8時30分から午後5時15分 (土曜日、日曜日、祝日及び12月29日から翌年1月3日を除く) 法人番号:5000020331007
英語一覧に入る前に この英語リストはBEMの特にEやMで使えるものをまとめています。 BEMとは ・B(block) →もの(名詞)、ボタン、グリッド、タブ、見出し、画像など ・E(__element) →中身(名詞)、子孫要素、タグ名、タイトル、画像、テキストなど ・M(--modifier) →状態、形容詞 という形式でCSS名をつけます。 ※単語は省略しない ※BEMは単語を「-」 「_」を1つでつなげます。 が、私は単語をローワーキャメルケースにします。 「block-name」→『blockName』 BEM例 実際に書くとこんな感じ。 .block .block__element .block--modifier .block__element--modifierさて、おまたせしました。英語一覧です。 elementに使用する単語 ・inner:内包する囲み ・outer:外枠
codicは、プログラマーのためのネーミング辞書です。新しいcodicでは、翻訳エンジンを搭載しネーミングをジェネレートできるようになりました。
(Wikipediaより) ハンガリアン記法のメリット 論理型であるbFlagと、文字列型であるsNameが bFlag + sName となっていれば誤りであることがわかる。 型の記述が2文字程度で済むので、変数名が短く済む。 ハンガリアン記法のデメリット 暗黙の型変換ができない。変数の型を変更するごとに変数名まで変更しなくてはならず、命名法に添って名前を付けるのが面倒。 (同じユーザーIDでも使い方によってはsUserid、iUseridなど) キャメル記法 文字のラインが凸凹になる様をラクダのこぶになぞらえてキャメル記法と名付けられた。 大文字小文字を区別する言語と区別しない言語があるので使う場合は全体を統一すること。 先頭の文字を大文字にするか小文字にするかで2つのパターンがある。 アッパーキャメルケースまたはパスカルケース(1単語目から大文字) 悪い例 $userparamete
前回に続いて、ログインフォームを作成していきます。 ログインの基本形 ログインページのURLは、前回同様固定ページで作成します。 固定ページのスラッグを login とすると、page-login.php にフォームのHTMLを記述します。 <form action="<?php the_permalink(); ?>" method="post"> <dl> <dt>メールアドレス</dt> <dd> <input type="email" name="user_email" /> </dd> <dt>パスワード</dt> <dd> <input type="password" name="user_pass" /> </dd> </dl> <button type="submit">ログイン</button> </form>
忙しい人向け Q. PDO::FETCH_ASSOCでフェッチするとき,キーを整数連番じゃなくてidにする方法は? A. PDO::FETCH_UNIQUEを組み合わせる. $sql = "SELECT id, * FROM people WHERE gender = 'female'"; $rows = $pdo->query($sql)->fetchAll(PDO::FETCH_ASSOC|PDO::FETCH_UNIQUE); var_dump($rows); /* [ 3 => ['id' => '3', 'name' => 'Lucy', 'gender' => 'female'], 5 => ['id' => '5', 'name' => 'Mary', 'gender' => 'female'], ] */
2020年3月17日 スワイプとは、スマホで指でなぞる動きです。 例えば右から左スワイプでページ切り替え、上から下へなぞると続きを読み込むなどの処理があります。 今回は縦・横スワイプでイベントを判断する機会があり、調べましたので忘備録として記録いたします。 今回はこのような処理を作りました。 スワイプ処理とはスマートホン限定での処理になります。 ※PCでは動作しません。 サンプルページはこちらです。 スマホで四角の部分を指でなぞっていただくと、どのようになぞったかメッセージが表示されます。 仕組みはJqueryの「タッチイベント」を使用した座標の比較 Jqueryには様々な便利関数があります。 今回は「touchイベント」で座標の移動を判断し、スワイプの向き、方向を判断しています。 例えば指が左から右へ移動した場合、「右移動」と判断します。 下から上ならば「上移動」です。 これを以下のよう
[ { "event_code": "deviocafe_wt-test", "person_id": 76, "transaction_no": "019" }, { "event_code": "deviocafe_wt-test", "person_id": 74, "transaction_no": "019" }, { "event_code": "deviocafe_wt-test", "person_id": 75, "transaction_no": "018" } ] というデータをtransaction_noでグルーピング&person_idをマージして [ { "transaction_no": "019", "event_code": "deviocafe_wt-test", "person_id": [76, 74] }, { "transaction_no":
やりたいこと JavaScriptで連想配列のキーと配列の値を照らし合わせて、検索結果が一致する要素を連想配列から抽出。 サンプルコード Ajaxなどで取得したjsonを格納した連想配列(オブジェクトデータ)から、必要なデータのみ抽出して処理したい場合などで遭遇するパターン。 for…of パターン // 連想配列 var fruits = { "みかん":{"price":"200", "num":"5"}, "いちご":{"price":"400", "num":"1"}, "ぶどう":{"price":"380", "num":"7"} } // 配列(検索ワード) var target = ['みかん', 'ぶどう']; var result = {}; for(var key of Object.keys(fruits)){ // 連想配列のキーと配列の値が一致するか検索 for
javascriptでオブジェクトをソートしたいというケースがたまにあるのですが、配列のソートの場合とは違い方法がパッと思いつかないことはないでしょうか? 例としては、次の2つのケースが該当します。 let obj = { aaa : {date : '2020-02-20', memo : 'あいうえお'} , bbb : {date : '2020-02-30', memo : 'かきくけこ'} , ccc : {date : '2020-02-10', memo : 'さしすせそ'} , ddd : {date : '2020-02-05', memo : 'たちつてと'} }; →dateをキーにソートした結果を取得したい let arr = [ {date : '2020-02-20', memo : 'あいうえお'} , {date : '2020-02-30', memo :
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く