誰でもノーコードで独自のWeb APIを開発＆公開できる「Canonic」を使ってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、誰でも簡単に独自APIの開発から一般公開までを完結できる無料のWebサービスをご紹介します。 ビジュアルエディタを採用した構築方法なので直感的に理解しやすく、そのまますぐに公開まで可能なのが特徴です。APIを利用したWeb開発やJamstackなどにご興味ある方はぜひ参考にしてみてください！ 【 Canonic 】 ■「Canonic」の使い方 それでは、「Canonic」をどのように使えばいいのかを詳しく見ていきましょう！ まずはサイトのトップページから【Signup】ボタンをクリックして無料のユーザー登録をしておきます。 GoogleやFacebookのアカウントから簡単に登録ができるようになっていますが、今回はGitHubのアカウントを利用して登録します。 初回のみ、GitHubアカウントとの連携画面が表示されるので認証しておきま
Cybozu Inside Out | サイボウズエンジニアのブログ
2023-12-25 サイボウズサマーインターン2023 プロダクトセキュリティコース 開催報告 セキュリティ インターン こんにちは！Cy-PSIRTの田口です。 本記事はサマーインターンシップ2023 プロダクトセキュリティコースの開催報告です。 今年も去年に続き、8月と9月に全2ターム、フルリモートでインターンシップを開催しました。 概要 プロダクトセキュリティコースは第1タ… 2023-12-16 モバイルエンジニアの入社後チーム体験でスクラムの理解が深まった話 モバイル Android こんにちは。 モバイルエンジニアの臼井(@usuiat)です。 私は2023年9月にサイボウズに入社し、11月からGaroonモバイルのAndroidアプリの開発を担当しています。 サイボウズにモバイルエンジニアとして入社したメンバーは、正式配属前に、各開発チームを順に… 2023-12-13 持
nixCraft
Please support nixCraft by subscribing to Patreon and keep this site Ads free. Are you a content creator or a blog author who generates unique, high-quality content for a living? Have you noticed that generative AI platforms like OpenAI or CCBot use your content to train their algorithms without your consent? Don’t worry! You can block these AI crawlers from accessing your website or blog by using
TypeScript Weekly
The best TypeScript links every week, right in your inbox.
NeutralinoJs | Portable and lightweight cross platform application development framework.
Build once with JavaScriptRun on Linux, Windows, macOS, Web, and Chrome Browser. Neutralinojs is a lightweight and portable desktop application development framework. It lets you develop lightweight cross-platform desktop applications using JavaScript, HTML and CSS. You can extend Neutralinojs with any programming language (via extensions IPC) and use Neutralinojs as a part of any source file (via
よくある初心者の落とし穴 — Vue.js
Feb 6, 2016 Vue.js 初心者からたびたび聞かれる数種類の質問があります。ガイド内でその全てに言及していますが、それらは見落としやすく、落とし穴にはまった時に見つけ出すのは大変です。そこで本記事では、それらの落とし穴についてまとめて紹介します。うまくいけば無駄な時間を節約できるでしょう！ DOM が更新されない。どうして？ほとんどの場合は、Vue インスタンスのデータが変更されると同時に view が更新されます。しかし、2 つの稀なケースがあります: data 監視時に、存在しない新たなプロパティを追加した場合 view は更新されません。ES5 の制限とブラウザ間で一貫性のある動作を確保するために、Vue.js はプロパティの追加/削除を検出することはできません。ベストプラクティスは前もってリアクティブにする必要があるプロパティを常に宣言します。あなたが実行時にプロパティ
javascriptのデバッグでobjectの中身を文字列として展開する方法 | infoScoop開発者ブログ
javascriptで開発をしていると、オブジェクトをブラウザの開発ツール上のコンソールに出力してデバッグする機会が多いかと思います。 例えば、このようなオブジェクトをFireFoxのFirebug に出力すると、下記画像のように表示されます。 var obj = {"Name":"John","Hobby":[{"Hobby1":"Tennis"},{"Hobby2":"Golf"}]}; console.log(obj); こちらの例のように中身が少なく階層の浅いオブジェクトであればこのまま表示しても問題ありませんが、 階層がもっと深かったり、オブジェクトのテキストをコピーしたい場合にはこのままでは望ましくありません。 そんな時は、object.toSource() という関数を使用するとコンソール上にオブジェクトが展開された形で表示されます。 var obj = {"Name":"J
はじめての Qiitadon - Qiita
2020/07/06 追記：500/503/504 エラーで「表示が遅い」「ログインできない」場合は、外れの CDN が割り当てられている可能性があります。以下の記事をご覧ください。 【応急処置】障害発生中のQiitadon、Aブラウザでは見れるけどBブラウザで見たいんだ！というあなたへの処方箋 @ Qiita 現在、Qiitadonにアクセスできていますか？ @ QiitaQ （要ベータ登録） はじめに マストドン Advent Calendar 2017 1日目の記事で Qiita ユーザーによるコラボ記事です。 Qiita のユーザーなら誰でも参加（編集・修正・加筆）でき、適宜修正されます。 編集してリクエストする GitHubでプルリクする ライセンス この記事は、GitHub にある Markdown ファイルを Qiita にアップロードしたもので、クリエイティブ・コモンズ B
Packagist
Packagist is the main Composer repository. It aggregates public PHP packages installable with Composer. Define Your Dependencies Put a file named composer.json at the root of your project, containing your project dependencies: { "require": { "vendor/package": "1.3.2", "vendor/package2": "1.*", "vendor/package3": "^2.0.3" } } For more information about packages versions usage, see the composer docu
Vue.jsでChart.jsを使ってグラフを描写する | すずきライフ
次の章ではデータを読み込ませていきます！ グラフエリアにデータを入れるデータを入れる方法には、先程のコードのbar-chart.jsで this.renderChart(data, options)のdataに必要なデータを入れるだけです。 データが入れば方法は何でも良いので、bar-chart.jsに書いても、graph-view.vueに書いてもOKですが、今回はgraph-view.vueにデータを書いて、propsを使って渡す方法で行います。 bar-chart.jsは props に chartData と options を設定して外部からデータを受け付けるようにしています。 graph-view.vueでは data で chartData を定義してその中に labels や datasets が作られています。 この datasets がデータのコアになるものです。 da
Uncaught TypeError: Cannot read property '0' of undefined
1$(function(){ 2 //フォームデータを一時保存する配列 3 var formDataArray = [] 4 //クリックした時にデータ送信 5 $('#delete').on('click',function(){ 6 //チェックボックス 7 var im = document.forms.fm.Checkbox; 8 var cnt = 0; 9 // Array オブジェクトを作成する 10 var img_id = new Array(); 11 //チェックボックスの数だけ繰り返す 12 for(var i = 0; i < im.length; i++){ 13 //チェックボックスにチェックがついてるか 14 if(im[i].checked){ 15 //チェックボックスのvalue（imgのidが入っている）をimg_idにpush 16 img_id.
Riot.js — シンプルでエレガントなコンポーネントベースの UI ライブラリ · Riot.js
シンプルでエレガントな コンポーネントベースの UI ライブラリ カスタムタグ • 楽しい構文 • 明晰な API • 軽量 なぜ新しいUIライブラリが必要なのか？ フロントエンドの世界にはライブラリが溢れてはいるものの、正直なところソリューションはまだ「他にある」と感じています。私たちは、この大きなパズルを解くために、Riot.js が最良のバランスを提供すると信じています。 よって —— 私たちには新しいライブラリが必要なのです: 1. カスタム要素 Riot.js はポリフィルを使用せずにすべての最新ブラウザにカスタム要素をもたらします！ <todo> <!-- layout --> <h1>{ props.title }</h1> <ul> <li each={ item in state.items }>{ item }</li> </ul> <form onsubmit={ a
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transform and combine it Templating Quickly gene
Polymer Project
The Polymer library is in maintenance mode. For new development, we recommend Lit. The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be: Instantiated using a constructor or document.createElement. Co
About MobX · MobX 🇺🇦
Architectural freedom MobX is unopinionated and allows you to manage your application state outside of any UI framework. This makes your code decoupled, portable, and above all, easily testable. A quick example So what does code that uses MobX look like? import React from "react" import ReactDOM from "react-dom" import { makeAutoObservable } from "mobx" import { observer } from "mobx-react-lite" /
リアクティブの探求 — Vue.js
最終更新日: 2020年3月31日 さらに深く見ていきましょう！Vue の最大の特徴の1つは、控えめなリアクティブシステムです。モデルは単なるプレーンな JavaScript オブジェクトです。それらを変更するとビューが更新されます。これは状態管理を非常にシンプルかつ直感的にしますが、よくある問題を避けるためにその仕組みを理解することも重要です。このセクションでは、Vue のリアクティブシステムの低レベルの詳細の一部について掘り下げていきます。 変更の追跡方法プレーンな JavaScript オブジェクトを data オプションとして Vue インスタンスに渡すとき、Vue はその全てのプロパティを渡り歩いて、それらを Object.defineProperty を使用して getter/setter に変換します。これは ES5 だけの、シム (shim) ができない機能で、Vue が
Vueの配列の変更が反映されないんだが - Qiita
最終的にやりたかったこと ツリー表示して選択されたデータを反映 公式のツリーのサンプル https://jp.vuejs.org/v2/examples/tree-view.html は使いたくないんだ 確かに楽なんだけど子コンポーネント孫コンポーネント作っちゃうと データのバケツリレーになるからVuexを使わなければいけなくなるではないか。。。！ なので子コンポーネント化せずにがんばった やってみた 動かない v-forでリストレンダリングしてるツリー構造の部分がクリックしても開閉せず しかしクリックイベントは拾ってデータの変更はされている 配列がリアクティブじゃないぞ。。。。 配列の挙動の検証 <template> <div> <ul> <li v-for="(item, index) in list" :key="index"> {{ item }} </li> </ul> {{ l
ツリー表示 — Vue.js
ツリー表示 の例 最終更新日: 2017年6月26日 コンポーネントの再帰的な利用を紹介するシンプルなツリー表示実装の例。
5歳娘「パパ、レンタルサーバを契約しないで？」 - Qiita
無職ワイ、システム開発会社の面接を受ける 面接官「よろしくお願いします」 ワイ「よろしくお願いします」 面接官「JavaScriptがお得意みたいですが」 面接官「サーバサイドですか？フロントですか？」 ワイ「フロントです」 ワイ「高卒で、18歳からフロントやってました」 面接官「おお〜、大ベテランですね」 ワイ「（フロントいうても、カラオケ店のフロント業務やけどな・・・）」 ワイ「（でも、嘘は言うてへん・・・！）」 面接官「では、サーバサイドの経験はどうですか？」 ワイ「サーバ側もよく触ってました」 ワイ「（ビールサーバとウォーターサーバを触ってたで）」 面接官「頼もしいですね」 面接官「インフラとかはどうですか？」 ワイ「インフラも一通り任されてました」 ワイ「（カラオケ屋の新店舗ができるとき、電気と水道の手続きはワイが任されたんや）」 面接官「インフラもいけるんですね」 面接官「もし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The DEV Community
https://vue-community.org/guide/ecosystem/desktop-apps.html
GitHub - mimecorg/vuido: Native desktop applications using Vue.js.
Formatting | chartjs-plugin-datalabels
【Nuxt.js】Nuxt文法編：try/catch | aLiz Nuxt
Qiitadon
30 Best PHP Libraries For Web Applications in 2019
chartjs-plugin-datalabels examples - CodeSandbox
vue-loading-template
Provide / inject | Vue.js
Polymer 3.0でウェブサイトを作ってみた
巨大なエンジニアの学び場を作った話 - Qiita
CLOTO
CLOTO